✨ Site file management able to navigate folders

lib/pods/sites.dart

@@ -45,7 +45,7 @@ class SiteNotifier
       final response =
           site.id.isEmpty
               ? await client.post(url, data: site.toJson())
-              : await client.patch('${url}/${site.id}', data: site.toJson());
+              : await client.patch('$url/${site.id}', data: site.toJson());
 
       state = AsyncValue.data(SnPublicationSite.fromJson(response.data));
     } catch (error, stackTrace) {

lib/widgets/sites/file_item.dart

@@ -11,8 +11,14 @@ import 'package:styled_widget/styled_widget.dart';
 class FileItem extends HookConsumerWidget {
   final SnSiteFileEntry file;
   final SnPublicationSite site;
+  final void Function(String path)? onNavigateDirectory;
 
-  const FileItem({super.key, required this.file, required this.site});
+  const FileItem({
+    super.key,
+    required this.file,
+    required this.site,
+    this.onNavigateDirectory,
+  });
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
@@ -128,12 +134,7 @@ class FileItem extends HookConsumerWidget {
         ),
         onTap: () {
           if (file.isDirectory) {
-            // TODO: Navigate into directory
+            onNavigateDirectory?.call(file.relativePath);
-            ScaffoldMessenger.of(context).showSnackBar(
-              SnackBar(
-                content: Text('Opening directory: ${file.relativePath}'),
-              ),
-            );
           } else {
             // TODO: Open file preview/editor
             ScaffoldMessenger.of(context).showSnackBar(

lib/widgets/sites/file_management_section.dart

@@ -1,10 +1,12 @@
 import 'dart:io';
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:gap/gap.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/models/publication_site.dart';
 import 'package:island/pods/site_files.dart';
+import 'package:island/widgets/alert.dart';
 import 'package:island/widgets/sites/file_upload_dialog.dart';
 import 'package:island/widgets/sites/file_item.dart';
 import 'package:material_symbols_icons/symbols.dart';
@@ -21,11 +23,16 @@ class FileManagementSection extends HookConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final filesAsync = ref.watch(siteFilesProvider(siteId: site.id));
+    final currentPath = useState<String?>(null);
+    final filesAsync = ref.watch(
+      siteFilesProvider(siteId: site.id, path: currentPath.value),
+    );
     final theme = Theme.of(context);
 
     return Card(
-      child: Padding(
+      child: Column(
+        children: [
+          Padding(
             padding: const EdgeInsets.all(16),
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
@@ -47,7 +54,8 @@ class FileManagementSection extends HookConsumerWidget {
                         List<File> files = [];
                         List<Map<String, dynamic>>? results;
                         if (choice == 'files') {
-                      final selectedFiles = await FilePicker.platform.pickFiles(
+                          final selectedFiles = await FilePicker.platform
+                              .pickFiles(
                                 allowMultiple: true,
                                 type: FileType.any,
                               );
@@ -64,14 +72,11 @@ class FileManagementSection extends HookConsumerWidget {
                               await FilePicker.platform.getDirectoryPath();
                           if (dirPath == null) return;
                           results = await _getFilesRecursive(dirPath);
-                      files = results.map((m) => m['file'] as File).toList();
+                          files =
+                              results.map((m) => m['file'] as File).toList();
                           if (files.isEmpty) {
-                        ScaffoldMessenger.of(context).showSnackBar(
+                            showSnackBar(
-                          const SnackBar(
-                            content: Text(
                               'No files found in the selected folder',
-                            ),
-                          ),
                             );
                             return;
                           }
@@ -89,12 +94,17 @@ class FileManagementSection extends HookConsumerWidget {
                                 site: site,
                                 relativePaths:
                                     results
-                                    ?.map((m) => m['relativePath'] as String)
+                                        ?.map(
+                                          (m) => m['relativePath'] as String,
+                                        )
                                         .toList(),
                                 onUploadComplete: () {
                                   // Refresh file list
                                   ref.invalidate(
-                                siteFilesProvider(siteId: site.id),
+                                    siteFilesProvider(
+                                      siteId: site.id,
+                                      path: currentPath.value,
+                                    ),
                                   );
                                 },
                               ),
@@ -132,7 +142,79 @@ class FileManagementSection extends HookConsumerWidget {
                     ),
                   ],
                 ),
-            const Gap(16),
+                const Gap(8),
+                if (currentPath.value != null && currentPath.value!.isNotEmpty)
+                  Container(
+                    margin: const EdgeInsets.only(top: 4),
+                    decoration: BoxDecoration(
+                      color: theme.colorScheme.surfaceContainerHigh,
+                      borderRadius: BorderRadius.circular(16),
+                    ),
+                    padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                    child: Row(
+                      children: [
+                        IconButton(
+                          icon: Icon(Symbols.arrow_back),
+                          onPressed: () {
+                            final pathParts =
+                                currentPath.value!
+                                    .split('/')
+                                    .where((part) => part.isNotEmpty)
+                                    .toList();
+                            if (pathParts.isEmpty) {
+                              currentPath.value = null;
+                            } else {
+                              pathParts.removeLast();
+                              currentPath.value =
+                                  pathParts.isEmpty
+                                      ? null
+                                      : pathParts.join('/');
+                            }
+                          },
+                          visualDensity: const VisualDensity(
+                            horizontal: -4,
+                            vertical: -4,
+                          ),
+                        ),
+                        Expanded(
+                          child: Wrap(
+                            crossAxisAlignment: WrapCrossAlignment.center,
+                            children: [
+                              InkWell(
+                                onTap: () => currentPath.value = null,
+                                child: const Text('Root'),
+                              ),
+                              ...() {
+                                final parts =
+                                    currentPath.value!
+                                        .split('/')
+                                        .where((part) => part.isNotEmpty)
+                                        .toList();
+                                final widgets = <Widget>[];
+                                String currentBuilder = '';
+                                for (final part in parts) {
+                                  currentBuilder +=
+                                      (currentBuilder.isEmpty ? '' : '/') +
+                                      part;
+                                  final pathToSet = currentBuilder;
+                                  widgets.addAll([
+                                    const Text(' / '),
+                                    InkWell(
+                                      onTap:
+                                          () => currentPath.value = pathToSet,
+                                      child: Text(part),
+                                    ),
+                                  ]);
+                                }
+                                return widgets;
+                              }(),
+                            ],
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                const Gap(8),
                 filesAsync.when(
                   data: (files) {
                     if (files.isEmpty) {
@@ -168,11 +250,17 @@ class FileManagementSection extends HookConsumerWidget {
                       itemCount: files.length,
                       itemBuilder: (context, index) {
                         final file = files[index];
-                    return FileItem(file: file, site: site);
+                        return FileItem(
+                          file: file,
+                          site: site,
+                          onNavigateDirectory:
+                              (path) => currentPath.value = path,
+                        );
                       },
                     );
                   },
-              loading: () => const Center(child: CircularProgressIndicator()),
+                  loading:
+                      () => const Center(child: CircularProgressIndicator()),
                   error:
                       (error, stack) => Center(
                         child: Column(
@@ -182,7 +270,10 @@ class FileManagementSection extends HookConsumerWidget {
                             ElevatedButton(
                               onPressed:
                                   () => ref.invalidate(
-                                siteFilesProvider(siteId: site.id),
+                                    siteFilesProvider(
+                                      siteId: site.id,
+                                      path: currentPath.value,
+                                    ),
                                   ),
                               child: const Text('Retry'),
                             ),
@@ -193,6 +284,8 @@ class FileManagementSection extends HookConsumerWidget {
               ],
             ),
           ),
+        ],
+      ),
     );
   }