♻️ Refactored attachment cache

lib/widgets/chat/chat_message_input.dart

@@ -1,9 +1,15 @@
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
+import 'package:image_picker/image_picker.dart';
 import 'package:material_symbols_icons/symbols.dart';
+import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/controllers/chat_message_controller.dart';
+import 'package:surface/controllers/post_write_controller.dart';
+import 'package:surface/providers/sn_attachment.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/post/post_media_pending_list.dart';
 
 class ChatMessageInput extends StatefulWidget {
   final ChatMessageController controller;
@@ -14,15 +20,83 @@ class ChatMessageInput extends StatefulWidget {
 }
 
 class _ChatMessageInputState extends State<ChatMessageInput> {
+  bool _isBusy = false;
+  double? _progress;
+
   final TextEditingController _contentController = TextEditingController();
   final FocusNode _focusNode = FocusNode();
 
-  void _sendMessage() {
+  Future<void> _sendMessage() async {
+    if (_isBusy) return;
+
+    final attach = context.read<SnAttachmentProvider>();
+
+    setState(() => _isBusy = true);
+
+    try {
+      for (int i = 0; i < _attachments.length; i++) {
+        final media = _attachments[i];
+        if (media.attachment != null) continue; // Already uploaded, skip
+        if (media.isEmpty) continue; // Nothing to do, skip
+
+        final place = await attach.chunkedUploadInitialize(
+          (await media.length())!,
+          media.name,
+          'interactive',
+          null,
+        );
+
+        final item = await attach.chunkedUploadParts(
+          media.toFile()!,
+          place.$1,
+          place.$2,
+          onProgress: (progress) {
+            // Calculate overall progress for attachments
+            setState(() {
+              progress = (i + progress) / _attachments.length;
+            });
+          },
+        );
+
+        _attachments[i] = PostWriteMedia(item);
+      }
+    } catch (err) {
+      if (!mounted) return;
+      setState(() => _isBusy = false);
+      context.showErrorDialog(err);
+      return;
+    }
+
+    attach.putCache(
+      _attachments.where((e) => e.attachment != null).map((e) => e.attachment!),
+    );
+
+    // Send the message
+    // NOTICE This future should not be awaited, so that the message can be sent in the background and the user can continue to type
     widget.controller.sendMessage(
       'messages.new',
       _contentController.text,
+      attachments: _attachments
+          .where((e) => e.attachment != null)
+          .map((e) => e.attachment!.rid)
+          .toList(),
     );
     _contentController.clear();
+    _attachments.clear();
+
+    setState(() => _isBusy = false);
+  }
+
+  final List<PostWriteMedia> _attachments = List.empty(growable: true);
+  final _imagePicker = ImagePicker();
+
+  void _selectMedia() async {
+    final result = await _imagePicker.pickMultipleMedia();
+    if (result.isEmpty) return;
+    _attachments.addAll(
+      result.map((e) => PostWriteMedia.fromFile(e)),
+    );
+    setState(() {});
   }
 
   @override
@@ -37,6 +111,33 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
     return Column(
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
+        if (_isBusy && _progress != null)
+          TweenAnimationBuilder<double>(
+            tween: Tween(begin: 0, end: _progress),
+            duration: Duration(milliseconds: 300),
+            builder: (context, value, _) =>
+                LinearProgressIndicator(value: value, minHeight: 2),
+          )
+        else if (_isBusy)
+          const LinearProgressIndicator(value: null, minHeight: 2),
+        Padding(
+          padding: _attachments.isNotEmpty
+              ? const EdgeInsets.only(top: 8)
+              : EdgeInsets.zero,
+          child: PostMediaPendingListRaw(
+            attachments: _attachments,
+            isBusy: _isBusy,
+            onUpdate: (idx, updatedMedia) async {
+              setState(() => _attachments[idx] = updatedMedia);
+            },
+            onRemove: (idx) async {
+              setState(() => _attachments.removeAt(idx));
+            },
+            onUpdateBusy: (state) => setState(() => _isBusy = state),
+          ).height(_attachments.isNotEmpty ? 80 + 8 : 0, animate: true).animate(
+              const Duration(milliseconds: 300),
+              Curves.fastEaseInToSlowEaseOut),
+        ),
         SizedBox(
           height: 56,
           child: Row(
@@ -53,6 +154,7 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
                     border: InputBorder.none,
                   ),
                   onSubmitted: (_) {
+                    if (_isBusy) return;
                     _sendMessage();
                     _focusNode.requestFocus();
                   },
@@ -60,7 +162,14 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
               ),
               const Gap(8),
               IconButton(
-                onPressed: _sendMessage,
+                onPressed: _isBusy ? null : _selectMedia,
+                icon: Icon(
+                  Symbols.add_photo_alternate,
+                  color: Theme.of(context).colorScheme.primary,
+                ),
+              ),
+              IconButton(
+                onPressed: _isBusy ? null : _sendMessage,
                 icon: Icon(
                   Symbols.send,
                   color: Theme.of(context).colorScheme.primary,