init: Initial Flutter project setup with Android and iOS platform files.

lib/mobile/features/iptv/screens/mobile_playlist_screen.dart

@@ -0,0 +1,437 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../../../core/models/playlist_config.dart';
+import '../../../../core/theme/app_colors.dart';
+import '../../../theme/mobile_theme.dart';
+import '../../../services/local_playlist_service.dart';
+import 'mobile_dashboard_screen.dart';
+
+/// Provider for local playlists
+final localPlaylistsProvider = FutureProvider<List<PlaylistConfig>>((ref) async {
+  final service = LocalPlaylistService();
+  return service.getPlaylists();
+});
+
+/// Mobile playlist selection screen - simplified without auth
+class MobilePlaylistScreen extends ConsumerStatefulWidget {
+  const MobilePlaylistScreen({super.key});
+
+  @override
+  ConsumerState<MobilePlaylistScreen> createState() => _MobilePlaylistScreenState();
+}
+
+class _MobilePlaylistScreenState extends ConsumerState<MobilePlaylistScreen> {
+  final LocalPlaylistService _playlistService = LocalPlaylistService();
+
+  @override
+  void initState() {
+    super.initState();
+    _playlistService.init();
+  }
+
+  void _refreshPlaylists() {
+    ref.invalidate(localPlaylistsProvider);
+  }
+
+  void _navigateToDashboard(PlaylistConfig playlist) {
+    Navigator.push(
+      context,
+      MaterialPageRoute(
+        builder: (context) => MobileDashboardScreen(playlist: playlist),
+      ),
+    );
+  }
+
+  void _showAddPlaylistDialog() {
+    final nameController = TextEditingController();
+    final dnsController = TextEditingController();
+    final usernameController = TextEditingController();
+    final passwordController = TextEditingController();
+
+    showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+      backgroundColor: Colors.transparent,
+      builder: (context) => Container(
+        decoration: const BoxDecoration(
+          color: AppColors.surface,
+          borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
+        ),
+        padding: EdgeInsets.only(
+          bottom: MediaQuery.of(context).viewInsets.bottom,
+        ),
+        child: Padding(
+          padding: const EdgeInsets.all(24),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // Handle bar
+              Center(
+                child: Container(
+                  width: 40,
+                  height: 4,
+                  decoration: BoxDecoration(
+                    color: AppColors.textTertiary,
+                    borderRadius: BorderRadius.circular(2),
+                  ),
+                ),
+              ),
+              const SizedBox(height: 24),
+              
+              // Title
+              const Text(
+                'Ajouter une playlist',
+                style: TextStyle(
+                  fontSize: 20,
+                  fontWeight: FontWeight.bold,
+                  color: AppColors.textPrimary,
+                ),
+              ),
+              const SizedBox(height: 24),
+              
+              // Form fields
+              _buildTextField(
+                controller: nameController,
+                label: 'Nom',
+                hint: 'Ma Playlist IPTV',
+                icon: Icons.label_outline,
+              ),
+              const SizedBox(height: 16),
+              _buildTextField(
+                controller: dnsController,
+                label: 'Serveur URL',
+                hint: 'http://example.com:8080',
+                icon: Icons.dns_outlined,
+                keyboardType: TextInputType.url,
+              ),
+              const SizedBox(height: 16),
+              _buildTextField(
+                controller: usernameController,
+                label: 'Nom d\'utilisateur',
+                hint: 'username',
+                icon: Icons.person_outline,
+              ),
+              const SizedBox(height: 16),
+              _buildTextField(
+                controller: passwordController,
+                label: 'Mot de passe',
+                hint: '••••••••',
+                icon: Icons.lock_outline,
+                obscureText: true,
+              ),
+              const SizedBox(height: 32),
+              
+              // Save button
+              SizedBox(
+                width: double.infinity,
+                child: FilledButton.icon(
+                  onPressed: () async {
+                    if (nameController.text.isEmpty ||
+                        dnsController.text.isEmpty ||
+                        usernameController.text.isEmpty ||
+                        passwordController.text.isEmpty) {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        const SnackBar(
+                          content: Text('Veuillez remplir tous les champs'),
+                          backgroundColor: AppColors.error,
+                        ),
+                      );
+                      return;
+                    }
+
+                    await _playlistService.addPlaylist(
+                      name: nameController.text,
+                      dns: dnsController.text,
+                      username: usernameController.text,
+                      password: passwordController.text,
+                    );
+
+                    if (mounted) {
+                      Navigator.pop(context);
+                      _refreshPlaylists();
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        const SnackBar(
+                          content: Text('Playlist ajoutée avec succès'),
+                          backgroundColor: Colors.green,
+                        ),
+                      );
+                    }
+                  },
+                  icon: const Icon(Icons.add),
+                  label: const Text('Ajouter'),
+                  style: FilledButton.styleFrom(
+                    backgroundColor: AppColors.primary,
+                    padding: const EdgeInsets.symmetric(vertical: 16),
+                  ),
+                ),
+              ),
+              const SizedBox(height: 16),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTextField({
+    required TextEditingController controller,
+    required String label,
+    required String hint,
+    required IconData icon,
+    bool obscureText = false,
+    TextInputType? keyboardType,
+  }) {
+    return TextField(
+      controller: controller,
+      obscureText: obscureText,
+      keyboardType: keyboardType,
+      style: const TextStyle(color: AppColors.textPrimary),
+      decoration: InputDecoration(
+        labelText: label,
+        hintText: hint,
+        prefixIcon: Icon(icon, color: AppColors.textSecondary),
+        labelStyle: const TextStyle(color: AppColors.textSecondary),
+        hintStyle: const TextStyle(color: AppColors.textTertiary),
+        filled: true,
+        fillColor: AppColors.background,
+        border: OutlineInputBorder(
+          borderRadius: BorderRadius.circular(12),
+          borderSide: BorderSide.none,
+        ),
+        focusedBorder: OutlineInputBorder(
+          borderRadius: BorderRadius.circular(12),
+          borderSide: const BorderSide(color: AppColors.primary),
+        ),
+      ),
+    );
+  }
+
+  void _showDeleteConfirmation(PlaylistConfig playlist) {
+    showDialog(
+      context: context,
+      builder: (context) => AlertDialog(
+        backgroundColor: AppColors.surface,
+        title: const Text('Supprimer la playlist ?', 
+          style: TextStyle(color: AppColors.textPrimary)),
+        content: Text('Voulez-vous supprimer "${playlist.name}" ?',
+          style: const TextStyle(color: AppColors.textSecondary)),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.pop(context),
+            child: const Text('Annuler'),
+          ),
+          FilledButton(
+            onPressed: () async {
+              await _playlistService.deletePlaylist(playlist.id);
+              if (mounted) {
+                Navigator.pop(context);
+                _refreshPlaylists();
+              }
+            },
+            style: FilledButton.styleFrom(backgroundColor: AppColors.error),
+            child: const Text('Supprimer'),
+          ),
+        ],
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final playlistsAsync = ref.watch(localPlaylistsProvider);
+
+    return Theme(
+      data: MobileTheme.darkTheme,
+      child: Scaffold(
+        backgroundColor: AppColors.background,
+        appBar: AppBar(
+          title: const Text('XtremFlow'),
+          centerTitle: true,
+          backgroundColor: AppColors.background,
+          elevation: 0,
+        ),
+        body: playlistsAsync.when(
+          loading: () => const Center(
+            child: CircularProgressIndicator(color: AppColors.primary),
+          ),
+          error: (error, stack) => Center(
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                const Icon(Icons.error_outline, size: 48, color: AppColors.error),
+                const SizedBox(height: 16),
+                const Text('Erreur de chargement', 
+                  style: TextStyle(color: AppColors.textPrimary)),
+                const SizedBox(height: 8),
+                Text(error.toString(), 
+                  style: const TextStyle(color: AppColors.textSecondary, fontSize: 12)),
+                const SizedBox(height: 16),
+                TextButton.icon(
+                  onPressed: _refreshPlaylists,
+                  icon: const Icon(Icons.refresh),
+                  label: const Text('Réessayer'),
+                ),
+              ],
+            ),
+          ),
+          data: (playlists) {
+            if (playlists.isEmpty) {
+              return Center(
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Container(
+                      width: 80,
+                      height: 80,
+                      decoration: BoxDecoration(
+                        color: AppColors.surface,
+                        borderRadius: BorderRadius.circular(20),
+                      ),
+                      child: const Icon(
+                        Icons.playlist_add,
+                        size: 40,
+                        color: AppColors.textTertiary,
+                      ),
+                    ),
+                    const SizedBox(height: 24),
+                    const Text(
+                      'Aucune playlist',
+                      style: TextStyle(
+                        fontSize: 18,
+                        fontWeight: FontWeight.w600,
+                        color: AppColors.textPrimary,
+                      ),
+                    ),
+                    const SizedBox(height: 8),
+                    const Text(
+                      'Ajoutez votre première playlist IPTV',
+                      style: TextStyle(
+                        color: AppColors.textSecondary,
+                      ),
+                    ),
+                    const SizedBox(height: 32),
+                    FilledButton.icon(
+                      onPressed: _showAddPlaylistDialog,
+                      icon: const Icon(Icons.add),
+                      label: const Text('Ajouter une playlist'),
+                      style: FilledButton.styleFrom(
+                        backgroundColor: AppColors.primary,
+                        padding: const EdgeInsets.symmetric(
+                          horizontal: 24,
+                          vertical: 12,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              );
+            }
+
+            return ListView.separated(
+              padding: const EdgeInsets.all(16),
+              itemCount: playlists.length,
+              separatorBuilder: (context, index) => const SizedBox(height: 12),
+              itemBuilder: (context, index) {
+                final playlist = playlists[index];
+                return _PlaylistCard(
+                  playlist: playlist,
+                  onTap: () => _navigateToDashboard(playlist),
+                  onLongPress: () => _showDeleteConfirmation(playlist),
+                );
+              },
+            );
+          },
+        ),
+        floatingActionButton: FloatingActionButton(
+          onPressed: _showAddPlaylistDialog,
+          backgroundColor: AppColors.primary,
+          child: const Icon(Icons.add),
+        ),
+      ),
+    );
+  }
+}
+
+class _PlaylistCard extends StatelessWidget {
+  final PlaylistConfig playlist;
+  final VoidCallback onTap;
+  final VoidCallback onLongPress;
+
+  const _PlaylistCard({
+    required this.playlist,
+    required this.onTap,
+    required this.onLongPress,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: BoxDecoration(
+        color: AppColors.surface,
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: AppColors.border.withOpacity(0.3)),
+      ),
+      child: Material(
+        color: Colors.transparent,
+        child: InkWell(
+          onTap: onTap,
+          onLongPress: onLongPress,
+          borderRadius: BorderRadius.circular(16),
+          child: Padding(
+            padding: const EdgeInsets.all(16),
+            child: Row(
+              children: [
+                Container(
+                  width: 52,
+                  height: 52,
+                  decoration: BoxDecoration(
+                    color: AppColors.primary.withOpacity(0.15),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: const Icon(
+                    Icons.playlist_play,
+                    color: AppColors.primary,
+                    size: 28,
+                  ),
+                ),
+                const SizedBox(width: 16),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        playlist.name,
+                        style: const TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.w600,
+                          color: AppColors.textPrimary,
+                        ),
+                        maxLines: 1,
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                      const SizedBox(height: 4),
+                      Text(
+                        Uri.tryParse(playlist.dns)?.host ?? playlist.dns,
+                        style: const TextStyle(
+                          fontSize: 13,
+                          color: AppColors.textSecondary,
+                        ),
+                        maxLines: 1,
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                    ],
+                  ),
+                ),
+                const Icon(
+                  Icons.chevron_right,
+                  color: AppColors.textTertiary,
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/mobile/features/iptv/screens/mobile_series_detail_screen.dart

@@ -4,9 +4,9 @@ import 'package:cached_network_image/cached_network_image.dart';
 import 'package:google_fonts/google_fonts.dart';
 import '../../../../core/models/playlist_config.dart';
 import '../../../../features/iptv/models/xtream_models.dart';
-import '../../../../features/iptv/providers/xtream_provider.dart';
-import '../../../../features/iptv/providers/watch_history_provider.dart';
-import 'mobile_player_screen.dart';
+import '../../../providers/mobile_xtream_providers.dart';
+import '../../../providers/mobile_settings_providers.dart';
+import 'native_player_screen.dart';
 import '../../../../core/theme/app_colors.dart';
 
 class MobileSeriesDetailScreen extends ConsumerStatefulWidget {
@@ -51,8 +51,8 @@ class _MobileSeriesDetailScreenState extends ConsumerState<MobileSeriesDetailScr
         _error = null;
       });
 
-      final service = ref.read(xtreamServiceProvider(widget.playlist));
-      final info = await service.getSeriesInfo(widget.series.seriesId);
+      final service = ref.read(mobileXtreamServiceProvider(widget.playlist));
+      final info = await service.getSeriesInfo(widget.series.seriesId.toString());
 
       if (mounted) {
         setState(() {
@@ -254,8 +254,8 @@ class _MobileSeriesDetailScreenState extends ConsumerState<MobileSeriesDetailScr
   }
 
   Widget _buildEpisodeTile(Episode episode) {
-    final watchHistory = ref.watch(watchHistoryProvider);
-    final episodeKey = WatchHistory.episodeKey(
+    final watchHistory = ref.watch(mobileWatchHistoryProvider);
+    final episodeKey = MobileWatchHistory.episodeKey(
       widget.series.seriesId,
       _selectedSeason,
       episode.episodeNum,
@@ -264,11 +264,11 @@ class _MobileSeriesDetailScreenState extends ConsumerState<MobileSeriesDetailScr
 
     return InkWell(
       onTap: () {
-        ref.read(watchHistoryProvider.notifier).markEpisodeWatched(episodeKey);
+        ref.read(mobileWatchHistoryProvider.notifier).markEpisodeWatched(episodeKey);
         Navigator.push(
           context,
           MaterialPageRoute(
-            builder: (context) => MobilePlayerScreen(
+            builder: (context) => NativePlayerScreen(
               streamId: episode.id,
               title: '${widget.series.name} - ${episode.title}',
               playlist: widget.playlist,

lib/mobile/features/iptv/screens/native_player_screen.dart

@@ -0,0 +1,364 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:video_player/video_player.dart';
+import 'package:chewie/chewie.dart';
+import '../../../../core/models/playlist_config.dart';
+import '../../../../core/models/iptv_models.dart';
+import '../../../../core/theme/app_colors.dart';
+import '../../../../features/iptv/services/xtream_service_mobile.dart';
+
+/// Stream type enum for player
+enum StreamType { live, vod, series }
+
+/// Native video player screen for Android/iOS
+/// Uses video_player + chewie for HLS/MP4 playback
+class NativePlayerScreen extends ConsumerStatefulWidget {
+  final String streamId;
+  final String title;
+  final StreamType streamType;
+  final String containerExtension;
+  final PlaylistConfig playlist;
+  final List<Channel>? channels;
+  final int initialIndex;
+
+  const NativePlayerScreen({
+    super.key,
+    required this.streamId,
+    required this.title,
+    required this.playlist,
+    this.streamType = StreamType.live,
+    this.containerExtension = 'mp4',
+    this.channels,
+    this.initialIndex = 0,
+  });
+
+  @override
+  ConsumerState<NativePlayerScreen> createState() => _NativePlayerScreenState();
+}
+
+class _NativePlayerScreenState extends ConsumerState<NativePlayerScreen> {
+  VideoPlayerController? _videoController;
+  ChewieController? _chewieController;
+  bool _isLoading = true;
+  String? _errorMessage;
+  late int _currentIndex;
+  late XtreamServiceMobile _xtreamService;
+
+  @override
+  void initState() {
+    super.initState();
+    _currentIndex = widget.initialIndex;
+    _xtreamService = XtreamServiceMobile();
+    _xtreamService.setPlaylist(widget.playlist);
+    
+    // Lock to landscape for video playback
+    SystemChrome.setPreferredOrientations([
+      DeviceOrientation.landscapeLeft,
+      DeviceOrientation.landscapeRight,
+    ]);
+    SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
+    
+    _initializePlayer();
+  }
+
+  Future<void> _initializePlayer() async {
+    try {
+      setState(() {
+        _isLoading = true;
+        _errorMessage = null;
+      });
+
+      // Dispose previous controllers if switching channels
+      await _disposeControllers();
+
+      // Determine effective Stream ID
+      final currentStreamId = widget.channels != null && widget.channels!.isNotEmpty
+          ? widget.channels![_currentIndex].streamId 
+          : widget.streamId;
+
+      // Build stream URL based on type
+      String streamUrl;
+      
+      if (widget.streamType == StreamType.live) {
+        // Live TV - use HLS format for best mobile compatibility
+        streamUrl = _xtreamService.getLiveStreamUrl(currentStreamId);
+      } else if (widget.streamType == StreamType.vod) {
+        // Movies
+        streamUrl = _xtreamService.getVodStreamUrl(currentStreamId, widget.containerExtension);
+      } else {
+        // Series
+        streamUrl = _xtreamService.getSeriesStreamUrl(currentStreamId, widget.containerExtension);
+      }
+
+      debugPrint('NativePlayer: Loading stream: $streamUrl');
+
+      // Initialize video controller
+      _videoController = VideoPlayerController.networkUrl(
+        Uri.parse(streamUrl),
+        httpHeaders: {
+          'User-Agent': 'XtremFlow/1.0',
+        },
+      );
+
+      await _videoController!.initialize();
+
+      // Initialize chewie controller with custom options
+      _chewieController = ChewieController(
+        videoPlayerController: _videoController!,
+        autoPlay: true,
+        looping: widget.streamType == StreamType.live, // Loop live streams
+        allowFullScreen: true,
+        allowMuting: true,
+        showControls: true,
+        showControlsOnInitialize: false,
+        hideControlsTimer: const Duration(seconds: 3),
+        materialProgressColors: ChewieProgressColors(
+          playedColor: AppColors.primary,
+          handleColor: AppColors.primary,
+          backgroundColor: Colors.white24,
+          bufferedColor: Colors.white38,
+        ),
+        placeholder: Container(
+          color: Colors.black,
+          child: const Center(
+            child: CircularProgressIndicator(color: AppColors.primary),
+          ),
+        ),
+        errorBuilder: (context, errorMessage) {
+          return Center(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                const Icon(Icons.error_outline, color: Colors.red, size: 48),
+                const SizedBox(height: 16),
+                Text(
+                  'Erreur de lecture',
+                  style: const TextStyle(color: Colors.white, fontSize: 18),
+                ),
+                const SizedBox(height: 8),
+                Text(
+                  errorMessage,
+                  style: const TextStyle(color: Colors.white70, fontSize: 14),
+                  textAlign: TextAlign.center,
+                ),
+              ],
+            ),
+          );
+        },
+      );
+
+      setState(() {
+        _isLoading = false;
+      });
+    } catch (e) {
+      debugPrint('NativePlayer error: $e');
+      setState(() {
+        _isLoading = false;
+        _errorMessage = e.toString();
+      });
+    }
+  }
+
+  Future<void> _disposeControllers() async {
+    _chewieController?.dispose();
+    _chewieController = null;
+    await _videoController?.dispose();
+    _videoController = null;
+  }
+
+  void _playNext() {
+    if (widget.channels == null || widget.channels!.isEmpty) return;
+    final nextIndex = (_currentIndex + 1) % widget.channels!.length;
+    _switchChannel(nextIndex);
+  }
+
+  void _playPrevious() {
+    if (widget.channels == null || widget.channels!.isEmpty) return;
+    final prevIndex = (_currentIndex - 1 + widget.channels!.length) % widget.channels!.length;
+    _switchChannel(prevIndex);
+  }
+
+  void _switchChannel(int index) {
+    setState(() {
+      _currentIndex = index;
+    });
+    _initializePlayer();
+  }
+
+  @override
+  void dispose() {
+    _disposeControllers();
+    _xtreamService.dispose();
+    
+    // Restore normal orientation
+    SystemChrome.setPreferredOrientations([
+      DeviceOrientation.portraitUp,
+      DeviceOrientation.portraitDown,
+      DeviceOrientation.landscapeLeft,
+      DeviceOrientation.landscapeRight,
+    ]);
+    SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
+    
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final title = widget.channels != null && widget.channels!.isNotEmpty 
+        ? widget.channels![_currentIndex].name 
+        : widget.title;
+
+    return Scaffold(
+      backgroundColor: Colors.black,
+      body: Stack(
+        children: [
+          // Video Player
+          if (_errorMessage != null)
+            _buildErrorView()
+          else if (_isLoading)
+            _buildLoadingView()
+          else if (_chewieController != null)
+            Center(
+              child: Chewie(controller: _chewieController!),
+            )
+          else
+            _buildLoadingView(),
+
+          // Custom top bar for channel switching (live TV only)
+          if (widget.channels != null && widget.channels!.isNotEmpty)
+            Positioned(
+              top: 0,
+              left: 0,
+              right: 0,
+              child: SafeArea(
+                child: Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      begin: Alignment.topCenter,
+                      end: Alignment.bottomCenter,
+                      colors: [
+                        Colors.black.withOpacity(0.7),
+                        Colors.transparent,
+                      ],
+                    ),
+                  ),
+                  child: Row(
+                    children: [
+                      IconButton(
+                        icon: const Icon(Icons.arrow_back, color: Colors.white),
+                        onPressed: () => Navigator.pop(context),
+                      ),
+                      Expanded(
+                        child: Text(
+                          title,
+                          style: const TextStyle(
+                            color: Colors.white,
+                            fontSize: 18,
+                            fontWeight: FontWeight.w600,
+                          ),
+                          textAlign: TextAlign.center,
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ),
+                      IconButton(
+                        icon: const Icon(Icons.skip_previous, color: Colors.white),
+                        onPressed: _playPrevious,
+                      ),
+                      IconButton(
+                        icon: const Icon(Icons.skip_next, color: Colors.white),
+                        onPressed: _playNext,
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+
+          // Back button for VOD/Series (no channel switching)
+          if (widget.channels == null || widget.channels!.isEmpty)
+            Positioned(
+              top: 0,
+              left: 0,
+              child: SafeArea(
+                child: IconButton(
+                  icon: Container(
+                    padding: const EdgeInsets.all(8),
+                    decoration: BoxDecoration(
+                      color: Colors.black45,
+                      shape: BoxShape.circle,
+                    ),
+                    child: const Icon(Icons.arrow_back, color: Colors.white),
+                  ),
+                  onPressed: () => Navigator.pop(context),
+                ),
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildLoadingView() {
+    return const Center(
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          CircularProgressIndicator(color: AppColors.primary),
+          SizedBox(height: 16),
+          Text(
+            'Chargement...',
+            style: TextStyle(color: Colors.white70),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildErrorView() {
+    return Center(
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          const Icon(Icons.error_outline, size: 64, color: Colors.red),
+          const SizedBox(height: 16),
+          const Text(
+            'Erreur de lecture',
+            style: TextStyle(color: Colors.white, fontSize: 18),
+          ),
+          const SizedBox(height: 8),
+          Text(
+            _errorMessage ?? 'Une erreur inconnue est survenue',
+            style: const TextStyle(color: Colors.white70),
+            textAlign: TextAlign.center,
+          ),
+          const SizedBox(height: 24),
+          Row(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              ElevatedButton.icon(
+                onPressed: () => Navigator.pop(context),
+                icon: const Icon(Icons.arrow_back),
+                label: const Text('Retour'),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: Colors.grey[800],
+                ),
+              ),
+              const SizedBox(width: 16),
+              ElevatedButton.icon(
+                onPressed: _initializePlayer,
+                icon: const Icon(Icons.refresh),
+                label: const Text('Réessayer'),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: AppColors.primary,
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/mobile/features/iptv/widgets/mobile_live_tv_tab.dart

@@ -1,15 +1,13 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:google_fonts/google_fonts.dart';
-import '../../../../features/iptv/providers/xtream_provider.dart';
-import '../../../../features/iptv/providers/settings_provider.dart';
-import '../../../../features/iptv/providers/favorites_provider.dart';
-import '../screens/mobile_player_screen.dart';
+import '../../../providers/mobile_xtream_providers.dart';
+import '../../../providers/mobile_settings_providers.dart';
+import '../screens/native_player_screen.dart';
 import '../../../../core/models/iptv_models.dart';
 import '../../../../core/models/playlist_config.dart';
 import '../../../../core/theme/app_colors.dart';
 import '../../../theme/mobile_theme.dart';
-import '../../../../core/widgets/components/ui_components.dart'; // For images/CachedNetworkImage if needed
 
 class MobileLiveTVTab extends ConsumerStatefulWidget {
   final PlaylistConfig playlist;
@@ -43,9 +41,9 @@ class _MobileLiveTVTabState extends ConsumerState<MobileLiveTVTab> {
 
   @override
   Widget build(BuildContext context) {
-    final channelsAsync = ref.watch(liveChannelsByPlaylistProvider(widget.playlist));
-    final favorites = ref.watch(favoritesProvider);
-    final settings = ref.watch(iptvSettingsProvider);
+    final channelsAsync = ref.watch(mobileLiveChannelsProvider(widget.playlist));
+    final favorites = ref.watch(mobileFavoritesProvider);
+    final settings = ref.watch(mobileSettingsProvider);
 
     return Scaffold(
       backgroundColor: AppColors.background,
@@ -216,7 +214,7 @@ class _MobileLiveTVTabState extends ConsumerState<MobileLiveTVTab> {
   void _playChannel(BuildContext context, Channel channel) {
     Navigator.of(context).push(
       MaterialPageRoute(
-        builder: (context) => MobilePlayerScreen(
+        builder: (context) => NativePlayerScreen(
           streamId: channel.streamId,
           title: channel.name,
           playlist: widget.playlist,
@@ -235,8 +233,9 @@ class _MobileChannelTile extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    // On mobile, use direct URL (no proxy needed)
     final iconUrl = channel.streamIcon.isNotEmpty && channel.streamIcon.startsWith('http') 
-        ? '/api/xtream/${channel.streamIcon}' 
+        ? channel.streamIcon 
         : null;
 
     return InkWell(

lib/mobile/features/iptv/widgets/mobile_movies_tab.dart

@@ -5,11 +5,10 @@ import '../../../../core/models/playlist_config.dart';
 import '../../../../core/theme/app_colors.dart';
 import '../../../../core/widgets/components/hero_carousel.dart';
 import '../../../../core/widgets/components/ui_components.dart';
-import '../../../../features/iptv/providers/watch_history_provider.dart';
-import '../../../../features/iptv/models/xtream_models.dart';
-import '../../../../features/iptv/providers/xtream_provider.dart';
-import '../../../../features/iptv/providers/settings_provider.dart';
-import '../screens/mobile_player_screen.dart';
+import '../../../providers/mobile_settings_providers.dart';
+import '../../../providers/mobile_xtream_providers.dart';
+import '../../../../features/iptv/services/xtream_service_mobile.dart';
+import '../screens/native_player_screen.dart';
 
 class MobileMoviesTab extends ConsumerStatefulWidget {
   final PlaylistConfig playlist;
@@ -78,7 +77,7 @@ class _MobileMoviesTabState extends ConsumerState<MobileMoviesTab> {
     setState(() => _isSearching = true);
     
     try {
-      final service = ref.read(xtreamServiceProvider(widget.playlist));
+      final service = ref.read(mobileXtreamServiceProvider(widget.playlist));
       final results = await service.searchMovies(query);
       
       if (mounted && _searchQuery == query) {
@@ -99,7 +98,7 @@ class _MobileMoviesTabState extends ConsumerState<MobileMoviesTab> {
     setState(() => _isLoading = true);
 
     try {
-      final service = ref.read(xtreamServiceProvider(widget.playlist));
+      final service = ref.read(mobileXtreamServiceProvider(widget.playlist));
       final newMovies = await service.getMoviesPaginated(
         offset: _currentOffset,
         limit: _pageSize,
@@ -129,22 +128,19 @@ class _MobileMoviesTabState extends ConsumerState<MobileMoviesTab> {
     return rating;
   }
 
-  /// Proxy HTTP images through backend to avoid CORS/mixed-content issues
-  String _getProxiedImageUrl(String? originalUrl) {
+  /// On mobile, use direct URLs (no proxy needed)
+  String _getImageUrl(String? originalUrl) {
     if (originalUrl == null || originalUrl.isEmpty) return '';
-    if (originalUrl.startsWith('http://')) {
-      return '/api/xtream/$originalUrl';
-    }
     return originalUrl;
   }
 
   void _playMovie(Movie movie) {
-    ref.read(watchHistoryProvider.notifier).markMovieWatched(movie.streamId);
+    ref.read(mobileWatchHistoryProvider.notifier).markMovieWatched(movie.streamId);
     
     Navigator.push(
       context,
       MaterialPageRoute(
-        builder: (context) => MobilePlayerScreen(
+        builder: (context) => NativePlayerScreen(
           streamId: movie.streamId,
           title: movie.name,
           playlist: widget.playlist,
@@ -157,8 +153,8 @@ class _MobileMoviesTabState extends ConsumerState<MobileMoviesTab> {
 
   @override
   Widget build(BuildContext context) {
-    final settings = ref.watch(iptvSettingsProvider);
-    final watchHistory = ref.watch(watchHistoryProvider);
+    final settings = ref.watch(mobileSettingsProvider);
+    final watchHistory = ref.watch(mobileWatchHistoryProvider);
     
     List<Movie> displayMovies;
     if (_searchQuery.isNotEmpty && _searchResults != null) {
@@ -173,7 +169,7 @@ class _MobileMoviesTabState extends ConsumerState<MobileMoviesTab> {
     final heroItems = displayMovies.take(3).map((m) => HeroItem(
       id: m.streamId,
       title: m.name,
-      imageUrl: _getProxiedImageUrl(m.streamIcon),
+      imageUrl: _getImageUrl(m.streamIcon),
       subtitle: m.rating != null ? '${_formatRating(m.rating)} ★' : null,
       onMoreInfo: () => _playMovie(m),
     )).toList();
@@ -264,14 +260,14 @@ class _MobileMoviesTabState extends ConsumerState<MobileMoviesTab> {
                   
                   return MediaCard(
                     title: movie.name,
-                    imageUrl: _getProxiedImageUrl(movie.streamIcon),
+                    imageUrl: _getImageUrl(movie.streamIcon),
 
                     subtitle: movie.rating != null ? '${_formatRating(movie.rating)} ★' : null,
                     rating: _formatRating(movie.rating),
                     isWatched: isWatched,
                     onTap: () => _playMovie(movie),
                     onLongPress: () {
-                      ref.read(watchHistoryProvider.notifier).toggleMovieWatched(movie.streamId);
+                      ref.read(mobileWatchHistoryProvider.notifier).toggleMovieWatched(movie.streamId);
                     },
                   );
                 },

lib/mobile/features/iptv/widgets/mobile_series_tab.dart

@@ -3,12 +3,11 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import '../../../../core/models/playlist_config.dart';
 import '../../../../core/theme/app_colors.dart';
-
 import '../../../../core/widgets/components/hero_carousel.dart';
 import '../../../../core/widgets/components/ui_components.dart';
-import '../../../../features/iptv/models/xtream_models.dart';
-import '../../../../features/iptv/providers/xtream_provider.dart';
-import '../../../../features/iptv/providers/settings_provider.dart';
+import '../../../providers/mobile_settings_providers.dart';
+import '../../../providers/mobile_xtream_providers.dart';
+import '../../../../features/iptv/services/xtream_service_mobile.dart';
 import '../screens/mobile_series_detail_screen.dart';
 
 class MobileSeriesTab extends ConsumerStatefulWidget {
@@ -78,7 +77,7 @@ class _MobileSeriesTabState extends ConsumerState<MobileSeriesTab> {
     setState(() => _isSearching = true);
     
     try {
-      final service = ref.read(xtreamServiceProvider(widget.playlist));
+      final service = ref.read(mobileXtreamServiceProvider(widget.playlist));
       final results = await service.searchSeries(query);
       
       if (mounted && _searchQuery == query) {
@@ -99,7 +98,7 @@ class _MobileSeriesTabState extends ConsumerState<MobileSeriesTab> {
     setState(() => _isLoading = true);
 
     try {
-      final service = ref.read(xtreamServiceProvider(widget.playlist));
+      final service = ref.read(mobileXtreamServiceProvider(widget.playlist));
       final newSeries = await service.getSeriesPaginated(
         offset: _currentOffset,
         limit: _pageSize,
@@ -129,12 +128,9 @@ class _MobileSeriesTabState extends ConsumerState<MobileSeriesTab> {
     return rating;
   }
 
-  /// Proxy HTTP images through backend to avoid CORS/mixed-content issues
-  String _getProxiedImageUrl(String? originalUrl) {
+  /// On mobile, use direct URLs (no proxy needed)
+  String _getImageUrl(String? originalUrl) {
     if (originalUrl == null || originalUrl.isEmpty) return '';
-    if (originalUrl.startsWith('http://')) {
-      return '/api/xtream/$originalUrl';
-    }
     return originalUrl;
   }
 
@@ -152,7 +148,7 @@ class _MobileSeriesTabState extends ConsumerState<MobileSeriesTab> {
 
   @override
   Widget build(BuildContext context) {
-    final settings = ref.watch(iptvSettingsProvider);
+    final settings = ref.watch(mobileSettingsProvider);
     
     List<Series> displaySeries;
     if (_searchQuery.isNotEmpty && _searchResults != null) {
@@ -167,7 +163,7 @@ class _MobileSeriesTabState extends ConsumerState<MobileSeriesTab> {
     final heroItems = displaySeries.take(3).map((s) => HeroItem(
       id: s.seriesId.toString(),
       title: s.name,
-      imageUrl: _getProxiedImageUrl(s.cover),
+      imageUrl: _getImageUrl(s.cover),
       subtitle: s.rating != null ? '${_formatRating(s.rating)} ★' : null,
       onMoreInfo: () => _openSeries(s),
     )).toList();
@@ -265,7 +261,7 @@ class _MobileSeriesTabState extends ConsumerState<MobileSeriesTab> {
                   
                   return MediaCard(
                     title: series.name,
-                    imageUrl: _getProxiedImageUrl(series.cover),
+                    imageUrl: _getImageUrl(series.cover),
 
                     subtitle: series.rating != null ? '${_formatRating(series.rating)} ★' : null,
                     rating: _formatRating(series.rating),

lib/mobile/features/iptv/widgets/mobile_settings_tab.dart

@@ -1,12 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:go_router/go_router.dart';
 import 'package:google_fonts/google_fonts.dart';
-import '../../../../features/auth/providers/auth_provider.dart';
-import '../../../../features/iptv/providers/settings_provider.dart';
+import '../../../providers/mobile_settings_providers.dart';
 import '../../../../core/providers/theme_provider.dart';
 import '../../../../core/theme/app_colors.dart';
 
+/// Simplified mobile settings tab - no auth, local storage only
 class MobileSettingsTab extends ConsumerStatefulWidget {
   const MobileSettingsTab({super.key});
 
@@ -36,23 +35,22 @@ class _MobileSettingsTabState extends ConsumerState<MobileSettingsTab> {
     super.dispose();
   }
 
-  void _syncControllers(IptvSettings settings) {
-    if (!_initialized || _liveTvController.text != settings.liveTvCategoryFilter) {
-      _liveTvController.text = settings.liveTvCategoryFilter;
+  void _syncControllers(MobileSettings settings) {
+    if (!_initialized) {
+      _liveTvController.text = settings.liveTvKeywords.join(', ');
+      _moviesController.text = settings.moviesKeywords.join(', ');
+      _seriesController.text = settings.seriesKeywords.join(', ');
+      _initialized = true;
     }
-    if (!_initialized || _moviesController.text != settings.moviesCategoryFilter) {
-      _moviesController.text = settings.moviesCategoryFilter;
-    }
-    if (!_initialized || _seriesController.text != settings.seriesCategoryFilter) {
-      _seriesController.text = settings.seriesCategoryFilter;
-    }
-    _initialized = true;
+  }
+
+  List<String> _parseKeywords(String text) {
+    return text.split(',').map((s) => s.trim()).where((s) => s.isNotEmpty).toList();
   }
 
   @override
   Widget build(BuildContext context) {
-    final currentUser = ref.watch(authProvider).currentUser;
-    final settings = ref.watch(iptvSettingsProvider);
+    final settings = ref.watch(mobileSettingsProvider);
     final themeState = ref.watch(themeProvider);
     final themeNotifier = ref.read(themeProvider.notifier);
     final isDark = Theme.of(context).brightness == Brightness.dark;
@@ -66,15 +64,17 @@ class _MobileSettingsTabState extends ConsumerState<MobileSettingsTab> {
         padding: const EdgeInsets.all(16),
         children: [
           // Header
-         Padding(
+          Padding(
             padding: const EdgeInsets.only(bottom: 24),
             child: Text(
-              'Settings',
-              style: Theme.of(context).textTheme.headlineMedium,
+              'Paramètres',
+              style: Theme.of(context).textTheme.headlineMedium?.copyWith(
+                color: AppColors.textPrimary,
+              ),
             ),
           ),
 
-          // User Profile
+          // App Info
           Container(
             padding: const EdgeInsets.all(16),
             decoration: BoxDecoration(
@@ -83,36 +83,37 @@ class _MobileSettingsTabState extends ConsumerState<MobileSettingsTab> {
             ),
             child: Row(
               children: [
-                CircleAvatar(
-                  backgroundColor: AppColors.primary.withOpacity(0.2),
-                  child: Text(
-                    currentUser?.username.substring(0, 1).toUpperCase() ?? 'U',
-                    style: const TextStyle(fontWeight: FontWeight.bold, color: AppColors.primary),
+                Container(
+                  width: 48,
+                  height: 48,
+                  decoration: BoxDecoration(
+                    color: AppColors.primary.withOpacity(0.2),
+                    borderRadius: BorderRadius.circular(12),
                   ),
+                  child: const Icon(Icons.play_circle_filled, 
+                    color: AppColors.primary, size: 28),
                 ),
                 const SizedBox(width: 16),
-                Expanded(
+                const Expanded(
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       Text(
-                        currentUser?.username ?? 'Guest',
-                        style: const TextStyle(
+                        'XtremFlow Mobile',
+                        style: TextStyle(
                           fontSize: 16,
                           fontWeight: FontWeight.bold,
                           color: AppColors.textPrimary,
                         ),
                       ),
-                      if (currentUser?.isAdmin ?? false)
-                        Container(
-                          margin: const EdgeInsets.only(top: 4),
-                          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
-                          decoration: BoxDecoration(
-                            color: AppColors.primary.withOpacity(0.2),
-                            borderRadius: BorderRadius.circular(4),
-                          ),
-                          child: const Text('ADMIN', style: TextStyle(fontSize: 10, color: AppColors.primary, fontWeight: FontWeight.bold)),
+                      SizedBox(height: 4),
+                      Text(
+                        'Version 1.0.0 (Local)',
+                        style: TextStyle(
+                          fontSize: 13,
+                          color: AppColors.textSecondary,
                         ),
+                      ),
                     ],
                   ),
                 ),
@@ -122,108 +123,26 @@ class _MobileSettingsTabState extends ConsumerState<MobileSettingsTab> {
           const SizedBox(height: 24),
 
           // Appearance
-          const _SectionHeader(title: 'Appearance'),
+          const _SectionHeader(title: 'Apparence'),
           Container(
             decoration: BoxDecoration(
               color: AppColors.surface,
               borderRadius: BorderRadius.circular(16),
             ),
-            child: Column(
-              children: [
-                SwitchListTile(
-                  title: const Text('Dark Mode', style: TextStyle(color: AppColors.textPrimary)),
-                  secondary:  Icon(isDark ? Icons.dark_mode : Icons.light_mode, color: AppColors.primary),
-                  value: isDark,
-                  onChanged: (_) => themeNotifier.toggleTheme(),
-                  activeColor: AppColors.primary,
-                ),
-                const Divider(height: 1),
-                SwitchListTile(
-                  title: const Text('Show Clock', style: TextStyle(color: AppColors.textPrimary)),
-                  secondary: const Icon(Icons.access_time, color: AppColors.primary),
-                  value: settings.showClock,
-                  onChanged: (val) => ref.read(iptvSettingsProvider.notifier).setShowClock(val),
-                  activeColor: AppColors.primary,
-                ),
-              ],
-            ),
-          ),
-          const SizedBox(height: 24),
-
-          // Streaming Settings
-          const _SectionHeader(title: 'Streaming'),
-          Container(
-            decoration: BoxDecoration(
-              color: AppColors.surface,
-              borderRadius: BorderRadius.circular(16),
-            ),
-            padding: const EdgeInsets.symmetric(vertical: 8),
-            child: Column(
-              children: [
-                _DropdownSetting<StreamQuality>(
-                  label: 'Quality',
-                  icon: Icons.high_quality,
-                  value: settings.streamQuality,
-                  items: StreamQuality.values,
-                  labelBuilder: (v) => v.name.toUpperCase(),
-                  onChanged: (v) {
-                    if (v != null) ref.read(iptvSettingsProvider.notifier).setStreamQuality(v);
-                  },
-                ),
-                const Divider(height: 1),
-                _DropdownSetting<BufferSize>(
-                  label: 'Buffer Size',
-                  icon: Icons.memory,
-                  value: settings.bufferSize,
-                  items: BufferSize.values,
-                  labelBuilder: (v) => v.name.toUpperCase(),
-                  onChanged: (v) {
-                    if (v != null) ref.read(iptvSettingsProvider.notifier).setBufferSize(v);
-                  },
-                ),
-                const Divider(height: 1),
-                _DropdownSetting<ConnectionTimeout>(
-                   label: 'Timeout',
-                   icon: Icons.timer,
-                   value: settings.connectionTimeout,
-                   items: ConnectionTimeout.values,
-                   labelBuilder: (v) => '${v.name.toUpperCase()} (${ref.read(iptvSettingsProvider).timeoutSeconds}s)',
-                   onChanged: (v) {
-                     if (v != null) ref.read(iptvSettingsProvider.notifier).setConnectionTimeout(v);
-                   },
-                ),
-                const Divider(height: 1),
-                _DropdownSetting<TranscodingMode>(
-                  label: 'Mode',
-                  icon: Icons.settings_input_component,
-                  value: settings.transcodingMode,
-                  items: TranscodingMode.values,
-                  labelBuilder: (v) {
-                    switch (v) {
-                      case TranscodingMode.auto: return 'AUTO';
-                      case TranscodingMode.forced: return 'TRANSCODE';
-                      case TranscodingMode.disabled: return 'DIRECT';
-                    }
-                  },
-                  onChanged: (v) {
-                    if (v != null) ref.read(iptvSettingsProvider.notifier).setTranscodingMode(v);
-                  },
-                ),
-                const Divider(height: 1),
-                 SwitchListTile(
-                  title: const Text('Auto Reconnect', style: TextStyle(color: AppColors.textPrimary)),
-                  secondary: const Icon(Icons.refresh, color: AppColors.primary),
-                  value: settings.autoReconnect,
-                  onChanged: (val) => ref.read(iptvSettingsProvider.notifier).setAutoReconnect(val),
-                  activeColor: AppColors.primary,
-                ),
-              ],
+            child: SwitchListTile(
+              title: const Text('Mode Sombre', 
+                style: TextStyle(color: AppColors.textPrimary)),
+              secondary: Icon(isDark ? Icons.dark_mode : Icons.light_mode, 
+                color: AppColors.primary),
+              value: isDark,
+              onChanged: (_) => themeNotifier.toggleTheme(),
+              activeColor: AppColors.primary,
             ),
           ),
           const SizedBox(height: 24),
 
           // Content Filters
-          const _SectionHeader(title: 'Content Filters'),
+          const _SectionHeader(title: 'Filtres de Contenu'),
           Container(
             decoration: BoxDecoration(
               color: AppColors.surface,
@@ -231,59 +150,82 @@ class _MobileSettingsTabState extends ConsumerState<MobileSettingsTab> {
             ),
             padding: const EdgeInsets.all(16),
             child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
               children: [
+                const Text(
+                  'Utilisez des mots-clés pour filtrer les catégories (séparés par des virgules)',
+                  style: TextStyle(
+                    fontSize: 12,
+                    color: AppColors.textSecondary,
+                  ),
+                ),
+                const SizedBox(height: 16),
                 _FilterInput(
-                  label: 'Live TV Keywords',
+                  label: 'TV en Direct',
+                  hint: 'Ex: FR, HD, SPORT',
                   icon: Icons.live_tv,
                   controller: _liveTvController,
-                  onChanged: (val) => ref.read(iptvSettingsProvider.notifier).setLiveTvFilter(val),
+                  onChanged: (val) {
+                    ref.read(mobileSettingsProvider.notifier)
+                        .setLiveTvKeywords(_parseKeywords(val));
+                  },
                 ),
-                const Divider(height: 24),
+                const SizedBox(height: 16),
                 _FilterInput(
-                  label: 'Movies Keywords',
+                  label: 'Films',
+                  hint: 'Ex: FR, VF, 4K',
                   icon: Icons.movie,
                   controller: _moviesController,
-                  onChanged: (val) => ref.read(iptvSettingsProvider.notifier).setMoviesFilter(val),
+                  onChanged: (val) {
+                    ref.read(mobileSettingsProvider.notifier)
+                        .setMoviesKeywords(_parseKeywords(val));
+                  },
                 ),
-                const Divider(height: 24),
+                const SizedBox(height: 16),
                 _FilterInput(
-                  label: 'Series Keywords',
+                  label: 'Séries',
+                  hint: 'Ex: FR, VF',
                   icon: Icons.tv,
                   controller: _seriesController,
-                  onChanged: (val) => ref.read(iptvSettingsProvider.notifier).setSeriesFilter(val),
+                  onChanged: (val) {
+                    ref.read(mobileSettingsProvider.notifier)
+                        .setSeriesKeywords(_parseKeywords(val));
+                  },
                 ),
               ],
             ),
           ),
           const SizedBox(height: 24),
 
-          // Actions
-          if (currentUser?.isAdmin ?? false)
-            _SettingsButton(
-              icon: Icons.admin_panel_settings,
-              label: 'Admin Panel',
-              onTap: () => context.go('/admin'),
+          // Change Playlist
+          InkWell(
+            onTap: () {
+              // Navigate back to playlist selection
+              Navigator.of(context).popUntil((route) => route.isFirst);
+            },
+            borderRadius: BorderRadius.circular(12),
+            child: Container(
+              padding: const EdgeInsets.all(16),
+              decoration: BoxDecoration(
+                color: AppColors.surface,
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: const Row(
+                children: [
+                  Icon(Icons.playlist_play, color: AppColors.textPrimary),
+                  SizedBox(width: 16),
+                  Text(
+                    'Changer de Playlist',
+                    style: TextStyle(
+                      fontWeight: FontWeight.w600,
+                      color: AppColors.textPrimary,
+                    ),
+                  ),
+                  Spacer(),
+                  Icon(Icons.chevron_right, color: AppColors.textSecondary),
+                ],
+              ),
             ),
-          const SizedBox(height: 12),
-          _SettingsButton(
-            icon: Icons.playlist_play,
-            label: 'Change Playlist',
-            onTap: () => context.go('/playlists'),
-          ),
-          const SizedBox(height: 32),
-          
-          FilledButton.icon(
-             onPressed: () {
-               ref.read(authProvider.notifier).logout();
-               context.go('/login');
-             },
-             style: FilledButton.styleFrom(
-               backgroundColor: AppColors.error.withOpacity(0.1),
-               foregroundColor: AppColors.error,
-               minimumSize: const Size(double.infinity, 50),
-             ),
-             icon: const Icon(Icons.logout),
-             label: const Text('Logout'),
           ),
           const SizedBox(height: 100),
         ],
@@ -314,12 +256,14 @@ class _SectionHeader extends StatelessWidget {
 
 class _FilterInput extends StatelessWidget {
   final String label;
+  final String hint;
   final IconData icon;
   final TextEditingController controller;
   final ValueChanged<String> onChanged;
 
   const _FilterInput({
     required this.label,
+    required this.hint,
     required this.icon,
     required this.controller,
     required this.onChanged,
@@ -327,126 +271,42 @@ class _FilterInput extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Row(
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        Icon(icon, size: 20, color: AppColors.textSecondary),
-        const SizedBox(width: 12),
-        Expanded(
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Text(label, style: const TextStyle(fontSize: 12, color: AppColors.textSecondary)),
-              TextField(
-                controller: controller,
-                style: const TextStyle(fontSize: 14, color: AppColors.textPrimary),
-                decoration: const InputDecoration(
-                  isDense: true,
-                  contentPadding: EdgeInsets.symmetric(vertical: 4),
-                  border: InputBorder.none,
-                  hintText: 'e.g. FR, HD',
-                ),
-                onChanged: onChanged,
+        Row(
+          children: [
+            Icon(icon, size: 18, color: AppColors.primary),
+            const SizedBox(width: 8),
+            Text(label, 
+              style: const TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.w500, 
+                color: AppColors.textPrimary,
               ),
-            ],
+            ),
+          ],
+        ),
+        const SizedBox(height: 8),
+        TextField(
+          controller: controller,
+          style: const TextStyle(fontSize: 14, color: AppColors.textPrimary),
+          decoration: InputDecoration(
+            isDense: true,
+            hintText: hint,
+            hintStyle: const TextStyle(color: AppColors.textTertiary),
+            filled: true,
+            fillColor: AppColors.background,
+            contentPadding: const EdgeInsets.symmetric(
+              horizontal: 12, vertical: 10),
+            border: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(8),
+              borderSide: BorderSide.none,
+            ),
           ),
+          onChanged: onChanged,
         ),
       ],
     );
   }
 }
-
-class _SettingsButton extends StatelessWidget {
-  final IconData icon;
-  final String label;
-  final VoidCallback onTap;
-
-  const _SettingsButton({
-    required this.icon,
-    required this.label,
-    required this.onTap,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return InkWell(
-      onTap: onTap,
-      borderRadius: BorderRadius.circular(12),
-      child: Container(
-        padding: const EdgeInsets.all(16),
-        decoration: BoxDecoration(
-          color: AppColors.surface,
-          borderRadius: BorderRadius.circular(12),
-        ),
-        child: Row(
-          children: [
-            Icon(icon, color: AppColors.textPrimary),
-            const SizedBox(width: 16),
-            Text(
-              label,
-              style: const TextStyle(
-                fontWeight: FontWeight.w600,
-                color: AppColors.textPrimary,
-              ),
-            ),
-            const Spacer(),
-            const Icon(Icons.chevron_right, color: AppColors.textSecondary),
-          ],
-        ),
-      ),
-    );
-  }
-}
-
-class _DropdownSetting<T> extends StatelessWidget {
-  final String label;
-  final IconData icon;
-  final T value;
-  final List<T> items;
-  final String Function(T) labelBuilder;
-  final ValueChanged<T?> onChanged;
-
-  const _DropdownSetting({
-    required this.label,
-    required this.icon,
-    required this.value,
-    required this.items,
-    required this.labelBuilder,
-    required this.onChanged,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
-      child: Row(
-        children: [
-          Icon(icon, color: AppColors.primary),
-          const SizedBox(width: 16),
-          Expanded(
-            child: Text(
-              label,
-              style: const TextStyle(
-                color: AppColors.textPrimary,
-                fontSize: 16,
-              ),
-            ),
-          ),
-          DropdownButton<T>(
-            value: value,
-            underline: const SizedBox(),
-            dropdownColor: AppColors.surfaceVariant,
-            icon: const Icon(Icons.arrow_drop_down, color: AppColors.textSecondary),
-            style: const TextStyle(color: AppColors.textPrimary),
-            items: items.map((item) {
-              return DropdownMenuItem<T>(
-                value: item,
-                child: Text(labelBuilder(item)),
-              );
-            }).toList(),
-            onChanged: onChanged,
-          ),
-        ],
-      ),
-    );
-  }
-}