✨ Network status, poll submit feedback

lib/widgets/app_scaffold.dart

@@ -331,7 +331,7 @@ class _WebSocketIndicator extends HookConsumerWidget {
     final user = ref.watch(userInfoProvider);
     final websocketState = ref.watch(websocketStateProvider);
     final indicatorHeight =
-        MediaQuery.of(context).padding.top + (isDesktop ? 27.5 : 60);
+        MediaQuery.of(context).padding.top + (isDesktop ? 27.5 : 20);
 
     Color indicatorColor;
     String indicatorText;
@@ -343,7 +343,7 @@ class _WebSocketIndicator extends HookConsumerWidget {
       indicatorColor = Colors.teal;
       indicatorText = 'connectionReconnecting';
     } else {
-      indicatorColor = Colors.orange;
+      indicatorColor = Colors.red;
       indicatorText = 'connectionDisconnected';
     }
 

lib/widgets/app_wrapper.dart

@@ -2,8 +2,10 @@ import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/pods/websocket.dart';
 import 'package:island/services/notify.dart';
 import 'package:island/services/sharing_intent.dart';
+import 'package:island/widgets/content/network_status_sheet.dart';
 import 'package:island/widgets/tour/tour.dart';
 
 class AppWrapper extends HookConsumerWidget {
@@ -25,6 +27,27 @@ class AppWrapper extends HookConsumerWidget {
       };
     }, const []);
 
+    final wsNotifier = ref.watch(websocketStateProvider.notifier);
+    final websocketState = ref.watch(websocketStateProvider);
+
+    final networkStateShowing = useState(false);
+
+    if (websocketState == WebSocketState.duplicateDevice()) {
+      if (!networkStateShowing.value) {
+        WidgetsBinding.instance.addPostFrameCallback((_) {
+          networkStateShowing.value = true;
+          showModalBottomSheet(
+            context: context,
+            isScrollControlled: true,
+            isDismissible: false,
+            builder:
+                (context) =>
+                    NetworkStatusSheet(onReconnect: () => wsNotifier.connect()),
+          ).then((_) => networkStateShowing.value = false);
+        });
+      }
+    }
+
     return TourTriggerWidget(child: child);
   }
 }

lib/widgets/content/network_status_sheet.dart

@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/pods/websocket.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:island/widgets/content/sheet.dart';
+
+class NetworkStatusSheet extends HookConsumerWidget {
+  final VoidCallback onReconnect;
+
+  const NetworkStatusSheet({super.key, required this.onReconnect});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final ws = ref.watch(websocketProvider);
+    final wsState = ref.watch(websocketStateProvider);
+
+    return SheetScaffold(
+      titleText:
+          wsState == WebSocketState.connected()
+              ? 'Connection Status'
+              : 'Connection Issue',
+      child: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            wsState.when(
+              connected:
+                  () => Text(
+                    'Connected to server',
+                    style: Theme.of(context).textTheme.bodyLarge,
+                  ),
+              connecting:
+                  () => Text(
+                    'Connecting to server...',
+                    style: Theme.of(context).textTheme.bodyLarge,
+                  ),
+              disconnected:
+                  () => Text(
+                    'Disconnected from server',
+                    style: Theme.of(context).textTheme.bodyLarge,
+                  ),
+              duplicateDevice:
+                  () => Text(
+                    'Another device has connected with the same account.',
+                    style: Theme.of(context).textTheme.bodyLarge,
+                  ),
+              error:
+                  (message) => Text(
+                    'Connection error: $message',
+                    style: Theme.of(context).textTheme.bodyLarge,
+                  ),
+            ),
+            const SizedBox(height: 16),
+            if (ws.heartbeatDelay != null)
+              Text(
+                'Last heartbeat: ${ws.heartbeatDelay!.inMilliseconds}ms',
+                style: Theme.of(context).textTheme.bodyMedium,
+              ),
+            const SizedBox(height: 24),
+            Center(
+              child: FilledButton.icon(
+                icon: const Icon(Symbols.wifi),
+                label: const Text('Reconnect'),
+                onPressed: () {
+                  onReconnect();
+                  Navigator.pop(context);
+                },
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/widgets/poll/poll_submit.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:island/models/poll.dart';
 import 'package:island/pods/network.dart';
+import 'package:island/widgets/alert.dart';
 
 class PollSubmit extends ConsumerStatefulWidget {
   const PollSubmit({
@@ -193,12 +195,11 @@ class _PollSubmitState extends ConsumerState<PollSubmit> {
 
       // Only call onSubmit after server accepts
       widget.onSubmit(Map<String, dynamic>.unmodifiable(_answers));
+
+      showSnackBar('Poll answer has been submitted.');
+      HapticFeedback.heavyImpact();
     } catch (e) {
-      if (mounted) {
-        ScaffoldMessenger.of(
-          context,
-        ).showSnackBar(SnackBar(content: Text('Failed to submit poll: $e')));
-      }
+      showErrorAlert(e);
     } finally {
       if (mounted) {
         setState(() {

lib/widgets/post/post_item.dart

@@ -16,6 +16,7 @@ import 'package:island/pods/userinfo.dart';
 import 'package:island/screens/posts/compose.dart';
 import 'package:island/services/responsive.dart';
 import 'package:island/services/time.dart';
+import 'package:island/utils/mapping.dart';
 import 'package:island/widgets/account/account_name.dart';
 import 'package:island/widgets/alert.dart';
 import 'package:island/widgets/content/cloud_file_collection.dart';
@@ -573,38 +574,42 @@ class PostItem extends HookConsumerWidget {
             ),
           ),
         if (item.meta?['embeds'] != null)
-          ...((item.meta!['embeds'] as List<dynamic>).map(
-            (embedData) => switch (embedData['type']) {
-              'link' => EmbedLinkWidget(
-                link: SnScrappedLink.fromJson(
-                  embedData as Map<String, dynamic>,
-                ),
-                maxWidth: math.min(
-                  MediaQuery.of(context).size.width,
-                  kWideScreenWidth,
-                ),
-                margin: EdgeInsets.only(
-                  top: 4,
-                  bottom: 4,
-                  left: renderingPadding.horizontal,
-                  right: renderingPadding.horizontal,
-                ),
-              ),
-              'poll' => Card(
-                margin: EdgeInsets.symmetric(
-                  horizontal: renderingPadding.horizontal,
-                  vertical: 8,
-                ),
-                child: PollSubmit(
-                  initialAnswers: embedData['poll']?['user_answer']?['answer'],
-                  stats: embedData['poll']?['stats'],
-                  poll: SnPollWithStats.fromJson(embedData['poll']),
-                  onSubmit: (_) {},
-                ).padding(horizontal: 16, vertical: 12),
-              ),
-              _ => Text('Unable show embed: ${embedData['type']}'),
-            },
-          )),
+          ...((item.meta!['embeds'] as List<dynamic>)
+              .map((embedData) => convertMapKeysToSnakeCase(embedData))
+              .map(
+                (embedData) => switch (embedData['type']) {
+                  'link' => EmbedLinkWidget(
+                    link: SnScrappedLink.fromJson(embedData),
+                    maxWidth: math.min(
+                      MediaQuery.of(context).size.width,
+                      kWideScreenWidth,
+                    ),
+                    margin: EdgeInsets.only(
+                      top: 4,
+                      bottom: 4,
+                      left: renderingPadding.horizontal,
+                      right: renderingPadding.horizontal,
+                    ),
+                  ),
+                  'poll' => Card(
+                    margin: EdgeInsets.symmetric(
+                      horizontal: renderingPadding.horizontal,
+                      vertical: 8,
+                    ),
+                    child:
+                        embedData['poll'] == null
+                            ? Text('Poll was not loaded...')
+                            : PollSubmit(
+                              initialAnswers:
+                                  embedData['poll']?['user_answer']?['answer'],
+                              stats: embedData['poll']?['stats'],
+                              poll: SnPollWithStats.fromJson(embedData['poll']),
+                              onSubmit: (_) {},
+                            ).padding(horizontal: 16, vertical: 12),
+                  ),
+                  _ => Text('Unable show embed: ${embedData['type']}'),
+                },
+              )),
         if (isShowReference)
           _buildReferencePost(context, item, renderingPadding),
         if (item.repliesCount > 0 && isEmbedReply)