🎉 Initial Commit

lib/ui/tabs/albums_tab.dart

@@ -0,0 +1,89 @@
+import 'dart:io';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import '../../data/playlist_repository.dart';
+
+class AlbumsTab extends HookConsumerWidget {
+  const AlbumsTab({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final repo = ref.watch(playlistRepositoryProvider.notifier);
+
+    return StreamBuilder<List<AlbumData>>(
+      stream: repo.watchAllAlbums(),
+      builder: (context, snapshot) {
+        if (!snapshot.hasData)
+          return const Center(child: CircularProgressIndicator());
+        final albums = snapshot.data!;
+
+        if (albums.isEmpty) {
+          return const Center(child: Text('No albums found'));
+        }
+
+        return GridView.builder(
+          padding: const EdgeInsets.all(16),
+          gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
+            maxCrossAxisExtent: 200,
+            childAspectRatio: 0.8,
+            crossAxisSpacing: 16,
+            mainAxisSpacing: 16,
+          ),
+          itemCount: albums.length,
+          itemBuilder: (context, index) {
+            final album = albums[index];
+            return Card(
+              clipBehavior: Clip.antiAlias,
+              child: InkWell(
+                onTap: () {
+                  // Navigate to Album details (list of tracks)
+                  // For now just show snackbar or simple push
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    SnackBar(content: Text('Open ${album.album}')),
+                  );
+                },
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.stretch,
+                  children: [
+                    Expanded(
+                      child: album.artUri != null
+                          ? Image.file(File(album.artUri!), fit: BoxFit.cover)
+                          : Container(
+                              color: Colors.grey[800],
+                              child: const Icon(
+                                Icons.album,
+                                size: 48,
+                                color: Colors.white54,
+                              ),
+                            ),
+                    ),
+                    Padding(
+                      padding: const EdgeInsets.all(8.0),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            album.album,
+                            style: Theme.of(context).textTheme.titleSmall,
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                          Text(
+                            album.artist,
+                            style: Theme.of(context).textTheme.bodySmall,
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            );
+          },
+        );
+      },
+    );
+  }
+}

lib/ui/tabs/playlists_tab.dart

@@ -0,0 +1,82 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import '../../data/db.dart';
+import '../../data/playlist_repository.dart';
+
+class PlaylistsTab extends HookConsumerWidget {
+  const PlaylistsTab({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final repo = ref.watch(playlistRepositoryProvider.notifier);
+
+    return Scaffold(
+      floatingActionButton: FloatingActionButton(
+        onPressed: () async {
+          final nameController = TextEditingController();
+          final name = await showDialog<String>(
+            context: context,
+            builder: (context) => AlertDialog(
+              title: const Text('New Playlist'),
+              content: TextField(
+                controller: nameController,
+                decoration: const InputDecoration(labelText: 'Playlist Name'),
+                autofocus: true,
+              ),
+              actions: [
+                TextButton(
+                  onPressed: () => Navigator.pop(context),
+                  child: const Text('Cancel'),
+                ),
+                TextButton(
+                  onPressed: () => Navigator.pop(context, nameController.text),
+                  child: const Text('Create'),
+                ),
+              ],
+            ),
+          );
+          if (name != null && name.isNotEmpty) {
+            await repo.createPlaylist(name);
+          }
+        },
+        child: const Icon(Icons.add),
+      ),
+      body: StreamBuilder<List<Playlist>>(
+        stream: repo.watchAllPlaylists(),
+        builder: (context, snapshot) {
+          if (!snapshot.hasData)
+            return const Center(child: CircularProgressIndicator());
+          final playlists = snapshot.data!;
+
+          if (playlists.isEmpty) {
+            return const Center(child: Text('No playlists yet'));
+          }
+
+          return ListView.builder(
+            itemCount: playlists.length,
+            itemBuilder: (context, index) {
+              final playlist = playlists[index];
+              return ListTile(
+                leading: const Icon(Icons.queue_music),
+                title: Text(playlist.name),
+                subtitle: Text(
+                  '${playlist.createdAt.day}/${playlist.createdAt.month}/${playlist.createdAt.year}',
+                ),
+                trailing: IconButton(
+                  icon: const Icon(Icons.delete),
+                  onPressed: () => repo.deletePlaylist(playlist.id),
+                ),
+                onTap: () {
+                  // Navigate to playlist details
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    SnackBar(content: Text('Open ${playlist.name}')),
+                  );
+                },
+              );
+            },
+          );
+        },
+      ),
+    );
+  }
+}