✨ Floating call widgets

🐛 Bug fixes
2024-04-30 20:31:54 +08:00 · 2024-04-29 20:32:51 +08:00
39 changed files with 857 additions and 778 deletions
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@ -5,6 +5,8 @@ PODS:
  - device_info_plus (0.0.1):
    - Flutter
  - Flutter (1.0.0)
+  - flutter_local_notifications (0.0.1):
+    - Flutter
  - flutter_secure_storage (6.0.0):
    - Flutter
  - flutter_webrtc (0.9.36):
@ -44,6 +46,7 @@ DEPENDENCIES:
  - connectivity_plus (from `.symlinks/plugins/connectivity_plus/darwin`)
  - device_info_plus (from `.symlinks/plugins/device_info_plus/ios`)
  - Flutter (from `Flutter`)
+  - flutter_local_notifications (from `.symlinks/plugins/flutter_local_notifications/ios`)
  - flutter_secure_storage (from `.symlinks/plugins/flutter_secure_storage/ios`)
  - flutter_webrtc (from `.symlinks/plugins/flutter_webrtc/ios`)
  - image_picker_ios (from `.symlinks/plugins/image_picker_ios/ios`)
@ -71,6 +74,8 @@ EXTERNAL SOURCES:
    :path: ".symlinks/plugins/device_info_plus/ios"
  Flutter:
    :path: Flutter
+  flutter_local_notifications:
+    :path: ".symlinks/plugins/flutter_local_notifications/ios"
  flutter_secure_storage:
    :path: ".symlinks/plugins/flutter_secure_storage/ios"
  flutter_webrtc:
@ -106,6 +111,7 @@ SPEC CHECKSUMS:
  connectivity_plus: ddd7f30999e1faaef5967c23d5b6d503d10434db
  device_info_plus: 97af1d7e84681a90d0693e63169a5d50e0839a0d
  Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
+  flutter_local_notifications: 4cde75091f6327eb8517fa068a0a5950212d2086
  flutter_secure_storage: 23fc622d89d073675f2eaa109381aefbcf5a49be
  flutter_webrtc: 9bc044b0b5bcaabd0fb7d52c90421fb540f8c35e
  image_picker_ios: b545a5f16c0fa88e3ecbbce3ed4de45567a8ec18
--- a/lib/i18n/app_en.arb
+++ b/lib/i18n/app_en.arb
@ -1,5 +1,5 @@
 {
-  "solian": "Solian",
+  "appName": "Solar Network",
  "explore": "Explore",
  "chat": "Chat",
  "account": "Account",
@ -28,6 +28,7 @@
  "report": "Report",
  "reply": "Reply",
  "settings": "Settings",
+  "errorHappened": "An Error Occurred",
  "notification": "Notification",
  "notifyDone": "You're done!",
  "notifyDoneCaption": "There are no notifications unread for you.",
@ -77,6 +78,7 @@
  "chatChannelDeleteConfirm": "Are you sure you want to delete this channel? All messages in this channel will be gone forever. This operation cannot be revert!",
  "chatCall": "Call",
  "chatCallOngoing": "A call is ongoing",
+  "chatCallOngoingShort": "Ongoing",
  "chatCallJoin": "Join",
  "chatCallMute": "Mute",
  "chatCallUnMute": "Un-mute",
@ -85,6 +87,8 @@
  "chatCallVideoFlip": "Flip Camera",
  "chatCallScreenOn": "Start Screen Share",
  "chatCallScreenOff": "Stop Screen Share",
+  "chatCallDisconnect": "Disconnect",
+  "chatCallDisconnectConfirm": "Are you sure you want to disconnect? You can reconnect after this if you want.",
  "chatCallChangeSpeaker": "Change Speaker",
  "chatMessagePlaceholder": "Write a message...",
  "chatMessageEditNotify": "You are about editing a message.",
--- a/lib/i18n/app_zh.arb
+++ b/lib/i18n/app_zh.arb
@ -1,5 +1,5 @@
 {
-  "solian": "索链",
+  "appName": "Solar",
  "explore": "探索",
  "chat": "聊天",
  "account": "账号",
@ -28,6 +28,7 @@
  "report": "举报",
  "reply": "回复",
  "settings": "设置",
+  "errorHappened": "发生了错误",
  "notification": "通知",
  "notifyDone": "所有通知已读！",
  "notifyDoneCaption": "这里没有什么东西可以给你看的了～",
@ -85,7 +86,10 @@
  "chatCallScreenOff": "停止屏幕分享",
  "chatCallChangeSpeaker": "切换扬声器",
  "chatCallOngoing": "一则通话正在进行中",
+  "chatCallOngoingShort": "进行中",
  "chatCallJoin": "加入",
+  "chatCallDisconnect": "断开连接",
+  "chatCallDisconnectConfirm": "你确定你要断开连接吗？你可以之后在任何时候重新连接。",
  "chatMessagePlaceholder": "发条消息……",
  "chatMessageEditNotify": "你正在编辑信息中……",
  "chatMessageReplyNotify": "你正在回复消息中……",
--- a/lib/main.dart
+++ b/lib/main.dart
@ -9,6 +9,7 @@ import 'package:solian/router.dart';
 import 'package:solian/utils/timeago.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:solian/utils/video_player.dart';
+import 'package:solian/widgets/chat/call/call_overlay.dart';
 import 'package:solian/widgets/notification_notifier.dart';

 void main() {
@ -36,21 +37,22 @@ class SolianApp extends StatelessWidget {
      supportedLocales: AppLocalizations.supportedLocales,
      routerConfig: router,
      builder: (context, child) {
-        return Overlay(
-          initialEntries: [
-            OverlayEntry(builder: (context) {
        return MultiProvider(
          providers: [
            Provider(create: (_) => NavigationProvider()),
-                  Provider(create: (_) => AuthProvider()),
-                  Provider(create: (_) => ChatProvider()),
+            ChangeNotifierProvider(create: (_) => AuthProvider()),
+            ChangeNotifierProvider(create: (_) => ChatProvider()),
            ChangeNotifierProvider(create: (_) => NotifyProvider()),
            ChangeNotifierProvider(create: (_) => FriendProvider()),
          ],
-                child: NotificationNotifier(child: child ?? Container()),
-              );
-            })
+          child: Overlay(
+            initialEntries: [
+              OverlayEntry(builder: (context) {
+                return NotificationNotifier(child: child ?? Container());
+              }),
+              OverlayEntry(builder: (context) => const CallOverlay()),
            ],
+          ),
        );
      },
    );
--- a/lib/providers/auth.dart
+++ b/lib/providers/auth.dart
@ -5,7 +5,7 @@ import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:oauth2/oauth2.dart' as oauth2;
 import 'package:solian/utils/service_url.dart';

-class AuthProvider {
+class AuthProvider extends ChangeNotifier {
  AuthProvider();

  final deviceEndpoint = getRequestUri('passport', '/api/notifications/subscribe');
@ -63,6 +63,7 @@ class AuthProvider {
      var userinfo = await client!.get(userinfoEndpoint);
      storage.write(key: profileKey, value: utf8.decode(userinfo.bodyBytes));
    }
+    notifyListeners();
  }

  Future<void> refreshToken() async {
@ -72,6 +73,7 @@ class AuthProvider {
      client = oauth2.Client(credentials, identifier: clientId, secret: clientSecret);
      storage.write(key: storageKey, value: credentials.toJson());
    }
+    notifyListeners();
  }

  Future<void> signin(BuildContext context, String username, String password) async {
--- a/lib/providers/chat.dart
+++ b/lib/providers/chat.dart
@ -1,11 +1,25 @@
 import 'dart:async';
+import 'dart:convert';

+import 'package:flutter/material.dart';
+import 'package:livekit_client/livekit_client.dart';
+import 'package:permission_handler/permission_handler.dart';
+import 'package:provider/provider.dart';
+import 'package:solian/models/call.dart';
+import 'package:solian/models/channel.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/chat/call/exts.dart';
+import 'package:solian/widgets/exts.dart';
+import 'package:wakelock_plus/wakelock_plus.dart';
 import 'package:web_socket_channel/web_socket_channel.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';

-class ChatProvider {
+class ChatProvider extends ChangeNotifier {
  bool isOpened = false;
+  bool isShown = false;
+
+  ChatCallInstance? call;

  Future<WebSocketChannel?> connect(AuthProvider auth) async {
    if (auth.client == null) await auth.pickClient();
@ -26,4 +40,388 @@ class ChatProvider {

    return channel;
  }
+
+  bool handleCall(Call call, Channel channel, {Function? onUpdate, Function? onDispose}) {
+    if (this.call != null) return false;
+
+    this.call = ChatCallInstance(
+      onUpdate: () {
+        notifyListeners();
+        if (onUpdate != null) onUpdate();
+      },
+      onDispose: () {
+        this.call = null;
+        notifyListeners();
+        if (onDispose != null) onDispose();
+      },
+      channel: channel,
+      info: call,
+    );
+
+    return true;
+  }
+
+  void setShown(bool state) {
+    isShown = state;
+    notifyListeners();
+  }
+}
+
+class ChatCallInstance {
+  final Function onUpdate;
+  final Function onDispose;
+
+  final Call info;
+  final Channel channel;
+
+  bool isMounted = false;
+
+  String? token;
+  String? endpoint;
+
+  StreamSubscription? subscription;
+  List<MediaDevice> audioInputs = [];
+  List<MediaDevice> videoInputs = [];
+
+  bool enableAudio = true;
+  bool enableVideo = false;
+  LocalAudioTrack? audioTrack;
+  LocalVideoTrack? videoTrack;
+  MediaDevice? videoDevice;
+  MediaDevice? audioDevice;
+
+  final VideoParameters videoParameters = VideoParametersPresets.h720_169;
+
+  late Room room;
+  late EventsListener<RoomEvent> listener;
+
+  List<ParticipantTrack> participantTracks = [];
+  ParticipantTrack? focusTrack;
+
+  ChatCallInstance({
+    required this.onUpdate,
+    required this.onDispose,
+    required this.channel,
+    required this.info,
+  });
+
+  void init() {
+    subscription = Hardware.instance.onDeviceChange.stream.listen(revertDevices);
+    room = Room();
+    listener = room.createListener();
+    Hardware.instance.enumerateDevices().then(revertDevices);
+    WakelockPlus.enable();
+  }
+
+  Future<void> checkPermissions() async {
+    if (lkPlatformIs(PlatformType.macOS) || lkPlatformIs(PlatformType.linux)) return;
+
+    await Permission.camera.request();
+    await Permission.microphone.request();
+    await Permission.bluetooth.request();
+    await Permission.bluetoothConnect.request();
+  }
+
+  Future<(String, String)> exchangeToken(BuildContext context) async {
+    await checkPermissions();
+
+    final auth = context.read<AuthProvider>();
+    if (!await auth.isAuthorized()) {
+      onDispose();
+      throw Exception("unauthorized");
+    }
+
+    var uri = getRequestUri('messaging', '/api/channels/${channel.alias}/calls/ongoing/token');
+
+    var res = await auth.client!.post(uri);
+    if (res.statusCode == 200) {
+      final result = jsonDecode(utf8.decode(res.bodyBytes));
+      token = result['token'];
+      endpoint = 'wss://${result['endpoint']}';
+      joinRoom(context, endpoint!, token!);
+      return (token!, endpoint!);
+    } else {
+      var message = utf8.decode(res.bodyBytes);
+      context.showErrorDialog(message);
+      throw Exception(message);
+    }
+  }
+
+  void joinRoom(BuildContext context, String url, String token) async {
+    if (isMounted) {
+      return;
+    } else {
+      isMounted = true;
+    }
+
+    ScaffoldMessenger.of(context).clearSnackBars();
+
+    final notify = ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Text(AppLocalizations.of(context)!.connectingServer),
+        duration: const Duration(minutes: 1),
+      ),
+    );
+
+    try {
+      await room.connect(
+        url,
+        token,
+        roomOptions: RoomOptions(
+          dynacast: true,
+          adaptiveStream: true,
+          defaultAudioPublishOptions: const AudioPublishOptions(
+            name: 'call_voice',
+            stream: 'call_stream',
+          ),
+          defaultVideoPublishOptions: const VideoPublishOptions(
+            name: 'callvideo',
+            stream: 'call_stream',
+            simulcast: true,
+            backupVideoCodec: BackupVideoCodec(enabled: true),
+          ),
+          defaultScreenShareCaptureOptions: const ScreenShareCaptureOptions(
+            useiOSBroadcastExtension: true,
+            params: VideoParameters(
+              dimensions: VideoDimensionsPresets.h1080_169,
+              encoding: VideoEncoding(maxBitrate: 3 * 1000 * 1000, maxFramerate: 30),
+            ),
+          ),
+          defaultCameraCaptureOptions: CameraCaptureOptions(maxFrameRate: 30, params: videoParameters),
+        ),
+        fastConnectOptions: FastConnectOptions(
+          microphone: TrackOption(track: audioTrack),
+          camera: TrackOption(track: videoTrack),
+        ),
+      );
+
+      setupRoom(context);
+    } catch (e) {
+      context.showErrorDialog(e);
+    } finally {
+      notify.close();
+    }
+  }
+
+  void autoPublish(BuildContext context) async {
+    try {
+      if (enableVideo) await room.localParticipant?.setCameraEnabled(true);
+    } catch (error) {
+      await context.showErrorDialog(error);
+    }
+    try {
+      if (enableAudio) await room.localParticipant?.setMicrophoneEnabled(true);
+    } catch (error) {
+      await context.showErrorDialog(error);
+    }
+  }
+
+  void setupRoom(BuildContext context) {
+    room.addListener(onRoomDidUpdate);
+    setupRoomListeners(context);
+    sortParticipants();
+    WidgetsBindingCompatible.instance?.addPostFrameCallback((_) => autoPublish(context));
+
+    if (lkPlatformIsMobile()) {
+      Hardware.instance.setSpeakerphoneOn(true);
+    }
+  }
+
+  void setupRoomListeners(BuildContext context) {
+    listener
+      ..on<RoomDisconnectedEvent>((event) async {
+        if (event.reason != null) {
+          ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+            content: Text('Call disconnected... ${event.reason}'),
+          ));
+        }
+        onDispose();
+      })
+      ..on<ParticipantEvent>((event) => sortParticipants())
+      ..on<LocalTrackPublishedEvent>((_) => sortParticipants())
+      ..on<LocalTrackUnpublishedEvent>((_) => sortParticipants())
+      ..on<TrackSubscribedEvent>((_) => sortParticipants())
+      ..on<TrackUnsubscribedEvent>((_) => sortParticipants())
+      ..on<ParticipantNameUpdatedEvent>((event) {
+        sortParticipants();
+      })
+      ..on<AudioPlaybackStatusChanged>((event) async {
+        if (!room.canPlaybackAudio) {
+          bool? yesno = await context.showPlayAudioManuallyDialog();
+          if (yesno == true) {
+            await room.startAudio();
+          }
+        }
+      });
+  }
+
+  void sortParticipants() {
+    Map<String, ParticipantTrack> mediaTracks = {};
+    for (var participant in room.remoteParticipants.values) {
+      mediaTracks[participant.sid] = ParticipantTrack(
+        participant: participant,
+        videoTrack: null,
+        isScreenShare: false,
+      );
+
+      for (var t in participant.videoTrackPublications) {
+        mediaTracks[participant.sid]?.videoTrack = t.track;
+        mediaTracks[participant.sid]?.isScreenShare = t.isScreenShare;
+      }
+    }
+
+    final mediaTrackList = mediaTracks.values.toList();
+    mediaTrackList.sort((a, b) {
+      // Loudest people first
+      if (a.participant.isSpeaking && b.participant.isSpeaking) {
+        if (a.participant.audioLevel > b.participant.audioLevel) {
+          return -1;
+        } else {
+          return 1;
+        }
+      }
+
+      // Last spoke first
+      final aSpokeAt = a.participant.lastSpokeAt?.millisecondsSinceEpoch ?? 0;
+      final bSpokeAt = b.participant.lastSpokeAt?.millisecondsSinceEpoch ?? 0;
+
+      if (aSpokeAt != bSpokeAt) {
+        return aSpokeAt > bSpokeAt ? -1 : 1;
+      }
+
+      // Has video first
+      if (a.participant.hasVideo != b.participant.hasVideo) {
+        return a.participant.hasVideo ? -1 : 1;
+      }
+
+      // First joined people first
+      return a.participant.joinedAt.millisecondsSinceEpoch - b.participant.joinedAt.millisecondsSinceEpoch;
+    });
+
+    ParticipantTrack localTrack = ParticipantTrack(
+      participant: room.localParticipant!,
+      videoTrack: null,
+      isScreenShare: false,
+    );
+    if (room.localParticipant != null) {
+      final localParticipantTracks = room.localParticipant?.videoTrackPublications;
+      if (localParticipantTracks != null) {
+        for (var t in localParticipantTracks) {
+          localTrack.videoTrack = t.track;
+          localTrack.isScreenShare = t.isScreenShare;
+        }
+      }
+    }
+
+    participantTracks = [localTrack, ...mediaTrackList];
+    if (focusTrack == null) {
+      focusTrack = participantTracks.first;
+    } else {
+      final idx = participantTracks.indexWhere((x) => focusTrack!.participant.sid == x.participant.sid);
+      focusTrack = participantTracks[idx];
+    }
+
+    onUpdate();
+  }
+
+  void revertDevices(List<MediaDevice> devices) async {
+    audioInputs = devices.where((d) => d.kind == 'audioinput').toList();
+    videoInputs = devices.where((d) => d.kind == 'videoinput').toList();
+
+    if (audioInputs.isNotEmpty) {
+      if (audioDevice == null && enableAudio) {
+        audioDevice = audioInputs.first;
+        Future.delayed(const Duration(milliseconds: 100), () async {
+          await changeLocalAudioTrack();
+          onUpdate();
+        });
+      }
+    }
+
+    if (videoInputs.isNotEmpty) {
+      if (videoDevice == null && enableVideo) {
+        videoDevice = videoInputs.first;
+        Future.delayed(const Duration(milliseconds: 100), () async {
+          await changeLocalVideoTrack();
+          onUpdate();
+        });
+      }
+    }
+
+    onUpdate();
+  }
+
+  Future<void> setEnableVideo(value) async {
+    enableVideo = value;
+    if (!enableVideo) {
+      await videoTrack?.stop();
+      videoTrack = null;
+    } else {
+      await changeLocalVideoTrack();
+    }
+    onUpdate();
+  }
+
+  Future<void> setEnableAudio(value) async {
+    enableAudio = value;
+    if (!enableAudio) {
+      await audioTrack?.stop();
+      audioTrack = null;
+    } else {
+      await changeLocalAudioTrack();
+    }
+
+    onUpdate();
+  }
+
+  Future<void> changeLocalAudioTrack() async {
+    if (audioTrack != null) {
+      await audioTrack!.stop();
+      audioTrack = null;
+    }
+
+    if (audioDevice != null) {
+      audioTrack = await LocalAudioTrack.create(AudioCaptureOptions(
+        deviceId: audioDevice!.deviceId,
+      ));
+      await audioTrack!.start();
+    }
+  }
+
+  Future<void> changeLocalVideoTrack() async {
+    if (videoTrack != null) {
+      await videoTrack!.stop();
+      videoTrack = null;
+    }
+
+    if (videoDevice != null) {
+      videoTrack = await LocalVideoTrack.createCameraTrack(CameraCaptureOptions(
+        deviceId: videoDevice!.deviceId,
+        params: videoParameters,
+      ));
+      await videoTrack!.start();
+    }
+  }
+
+  void changeFocusTrack(ParticipantTrack track) {
+    focusTrack = track;
+    onUpdate();
+  }
+
+  void onRoomDidUpdate() => sortParticipants();
+
+  void deactivate() {
+    subscription?.cancel();
+  }
+
+  void dispose() {
+    room.removeListener(onRoomDidUpdate);
+    (() async {
+      await listener.dispose();
+      await room.disconnect();
+      await room.dispose();
+    })();
+    WakelockPlus.disable();
+    onDispose();
+  }
 }
--- a/lib/providers/notify.dart
+++ b/lib/providers/notify.dart
@ -2,6 +2,7 @@ import 'dart:convert';

 import 'package:flutter/material.dart';
 import 'package:flutter_local_notifications/flutter_local_notifications.dart';
+import 'package:livekit_client/livekit_client.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:solian/models/pagination.dart';
 import 'package:solian/providers/auth.dart';
@ -24,17 +25,25 @@ class NotifyProvider extends ChangeNotifier {
  }

  void initNotify() {
+    const androidSettings = AndroidInitializationSettings('app_icon');
+    const darwinSettings = DarwinInitializationSettings(
+      notificationCategories: [
+        DarwinNotificationCategory("general"),
+      ],
+    );
+    const linuxSettings = LinuxInitializationSettings(defaultActionName: 'Open notification');
    const InitializationSettings initializationSettings = InitializationSettings(
-      android: AndroidInitializationSettings('app_icon'),
-      iOS: DarwinInitializationSettings(),
-      macOS: DarwinInitializationSettings(),
-      linux: LinuxInitializationSettings(defaultActionName: 'Open notification'),
+      android: androidSettings,
+      iOS: darwinSettings,
+      macOS: darwinSettings,
+      linux: linuxSettings,
    );

    localNotify.initialize(initializationSettings);
  }

  Future<void> requestPermissions() async {
+    if (lkPlatformIs(PlatformType.macOS) || lkPlatformIs(PlatformType.linux)) return;
    await Permission.notification.request();
  }

@ -78,20 +87,30 @@ class NotifyProvider extends ChangeNotifier {
  }

  void notifyMessage(String title, String body) {
+    const androidSettings = AndroidNotificationDetails(
+      'general',
+      'General',
+      importance: Importance.high,
+      priority: Priority.high,
+      silent: true,
+    );
+    const darwinSettings = DarwinNotificationDetails(
+      presentAlert: true,
+      presentBanner: true,
+      presentBadge: true,
+      presentSound: false,
+    );
+    const linuxSettings = LinuxNotificationDetails();
+
    localNotify.show(
      math.max(1, math.Random().nextInt(100000000)),
      title,
      body,
      const NotificationDetails(
-        android: AndroidNotificationDetails(
-          'general',
-          'General',
-          importance: Importance.high,
-          priority: Priority.high,
-        ),
-        iOS: DarwinNotificationDetails(),
-        macOS: DarwinNotificationDetails(),
-        linux: LinuxNotificationDetails(),
+        android: androidSettings,
+        iOS: darwinSettings,
+        macOS: darwinSettings,
+        linux: linuxSettings,
      ),
    );
  }
--- a/lib/screens/account/friend.dart
+++ b/lib/screens/account/friend.dart
@ -7,6 +7,7 @@ import 'package:solian/models/friendship.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
 import 'package:solian/widgets/account/avatar.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';

@ -40,9 +41,7 @@ class _FriendScreenState extends State<FriendScreen> {
      });
    } else {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }
  }

@ -65,9 +64,7 @@ class _FriendScreenState extends State<FriendScreen> {
      await fetchFriendships();
    } else {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }

    setState(() => _isSubmitting = false);
@ -97,9 +94,7 @@ class _FriendScreenState extends State<FriendScreen> {
      await fetchFriendships();
    } else {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }

    setState(() => _isSubmitting = false);
--- a/lib/screens/chat/call.dart
+++ b/lib/screens/chat/call.dart
@ -1,21 +1,13 @@
-import 'dart:async';
-import 'dart:convert';
-
 import 'package:flutter/material.dart';
 import 'package:livekit_client/livekit_client.dart';
 import 'package:provider/provider.dart';
 import 'package:solian/models/call.dart';
-import 'package:solian/providers/auth.dart';
-import 'package:solian/router.dart';
-import 'package:solian/utils/service_url.dart';
+import 'package:solian/providers/chat.dart';
 import 'package:solian/widgets/chat/call/controls.dart';
-import 'package:solian/widgets/chat/call/exts.dart';
 import 'package:solian/widgets/chat/call/participant.dart';
 import 'package:solian/widgets/chat/call/participant_menu.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
-import 'package:permission_handler/permission_handler.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
-import 'package:wakelock_plus/wakelock_plus.dart';
 import 'dart:math' as math;

 class ChatCall extends StatefulWidget {
@ -28,355 +20,39 @@ class ChatCall extends StatefulWidget {
 }

 class _ChatCallState extends State<ChatCall> {
-  String? _token;
-  String? _endpoint;
+  bool _isHandled = false;

-  bool _isMounted = false;
+  late ChatProvider _chat;

-  StreamSubscription? _subscription;
-  List<MediaDevice> _audioInputs = [];
-  List<MediaDevice> _videoInputs = [];
-
-  bool _enableAudio = true;
-  bool _enableVideo = false;
-  LocalAudioTrack? _audioTrack;
-  LocalVideoTrack? _videoTrack;
-  MediaDevice? _videoDevice;
-  MediaDevice? _audioDevice;
-
-  final VideoParameters _videoParameters = VideoParametersPresets.h720_169;
-
-  late Room _callRoom;
-  late EventsListener<RoomEvent> _callListener;
-
-  List<ParticipantTrack> _participantTracks = [];
-  ParticipantTrack? _focusParticipant;
-
-  Future<void> checkPermissions() async {
-    if (lkPlatformIs(PlatformType.macOS) || lkPlatformIs(PlatformType.linux)) return;
-
-    await Permission.camera.request();
-    await Permission.microphone.request();
-    await Permission.bluetooth.request();
-    await Permission.bluetoothConnect.request();
-  }
-
-  Future<(String, String)> exchangeToken() async {
-    await checkPermissions();
-
-    final auth = context.read<AuthProvider>();
-    if (!await auth.isAuthorized()) {
-      router.pop();
-      throw Error();
-    }
-
-    var uri = getRequestUri('messaging', '/api/channels/${widget.call.channel.alias}/calls/ongoing/token');
-
-    var res = await auth.client!.post(uri);
-    if (res.statusCode == 200) {
-      final result = jsonDecode(utf8.decode(res.bodyBytes));
-      _token = result['token'];
-      _endpoint = 'wss://${result['endpoint']}';
-      joinRoom(_endpoint!, _token!);
-      return (_token!, _endpoint!);
-    } else {
-      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
-      throw Exception(message);
-    }
-  }
-
-  void joinRoom(String url, String token) async {
-    if (_isMounted) {
-      return;
-    } else {
-      _isMounted = true;
-    }
-
-    ScaffoldMessenger.of(context).clearSnackBars();
-
-    final notify = ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Text(AppLocalizations.of(context)!.connectingServer),
-        duration: const Duration(minutes: 1),
-      ),
-    );
-
-    try {
-      await _callRoom.connect(
-        url,
-        token,
-        roomOptions: RoomOptions(
-          dynacast: true,
-          adaptiveStream: true,
-          defaultAudioPublishOptions: const AudioPublishOptions(
-            name: 'call_voice',
-            stream: 'call_stream',
-          ),
-          defaultVideoPublishOptions: const VideoPublishOptions(
-            name: 'call_video',
-            stream: 'call_stream',
-            simulcast: true,
-            backupVideoCodec: BackupVideoCodec(enabled: true),
-          ),
-          defaultScreenShareCaptureOptions: const ScreenShareCaptureOptions(
-            useiOSBroadcastExtension: true,
-            params: VideoParameters(
-              dimensions: VideoDimensionsPresets.h1080_169,
-              encoding: VideoEncoding(maxBitrate: 3 * 1000 * 1000, maxFramerate: 30),
-            ),
-          ),
-          defaultCameraCaptureOptions: CameraCaptureOptions(maxFrameRate: 30, params: _videoParameters),
-        ),
-        fastConnectOptions: FastConnectOptions(
-          microphone: TrackOption(track: _audioTrack),
-          camera: TrackOption(track: _videoTrack),
-        ),
-      );
-
-      setupRoom();
-    } catch (e) {
-      final message = e.toString();
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
-    } finally {
-      notify.close();
-    }
-  }
-
-  void autoPublish() async {
-    try {
-      if (_enableVideo) await _callRoom.localParticipant?.setCameraEnabled(true);
-    } catch (error) {
-      await context.showErrorDialog(error);
-    }
-    try {
-      if (_enableAudio) await _callRoom.localParticipant?.setMicrophoneEnabled(true);
-    } catch (error) {
-      await context.showErrorDialog(error);
-    }
-  }
-
-  void setupRoom() {
-    _callRoom.addListener(onRoomDidUpdate);
-    setupRoomListeners();
-    sortParticipants();
-    WidgetsBindingCompatible.instance?.addPostFrameCallback((_) => autoPublish());
-
-    if (lkPlatformIsMobile()) {
-      Hardware.instance.setSpeakerphoneOn(true);
-    }
-  }
-
-  void setupRoomListeners() {
-    _callListener
-      ..on<RoomDisconnectedEvent>((event) async {
-        if (event.reason != null) {
-          ScaffoldMessenger.of(context).showSnackBar(SnackBar(
-            content: Text('Call disconnected... ${event.reason}'),
-          ));
-        }
-        if (router.canPop()) router.pop();
-      })
-      ..on<ParticipantEvent>((event) => sortParticipants())
-      ..on<RoomRecordingStatusChanged>((event) {
-        context.showRecordingStatusChangedDialog(event.activeRecording);
-      })
-      ..on<LocalTrackPublishedEvent>((_) => sortParticipants())
-      ..on<LocalTrackUnpublishedEvent>((_) => sortParticipants())
-      ..on<TrackSubscribedEvent>((_) => sortParticipants())
-      ..on<TrackUnsubscribedEvent>((_) => sortParticipants())
-      ..on<ParticipantNameUpdatedEvent>((event) {
-        sortParticipants();
-      })
-      ..on<AudioPlaybackStatusChanged>((event) async {
-        if (!_callRoom.canPlaybackAudio) {
-          bool? yesno = await context.showPlayAudioManuallyDialog();
-          if (yesno == true) {
-            await _callRoom.startAudio();
-          }
-        }
-      });
-  }
-
-  void sortParticipants() {
-    List<ParticipantTrack> screenTracks = [];
-    Map<String, ParticipantTrack> userMediaTracks = {};
-    for (var participant in _callRoom.remoteParticipants.values) {
-      userMediaTracks[participant.sid] = ParticipantTrack(
-        participant: participant,
-        videoTrack: null,
-        isScreenShare: false,
-      );
-
-      for (var t in participant.videoTrackPublications) {
-        if (t.isScreenShare) {
-          screenTracks.add(ParticipantTrack(
-            participant: participant,
-            videoTrack: t.track as VideoTrack,
-            isScreenShare: true,
-          ));
-        } else {
-          userMediaTracks[participant.sid]?.videoTrack = t.track;
-        }
-      }
-    }
-
-    final userMediaTrackList = userMediaTracks.values.toList();
-    userMediaTrackList.sort((a, b) {
-      // Loudest people first
-      if (a.participant.isSpeaking && b.participant.isSpeaking) {
-        if (a.participant.audioLevel > b.participant.audioLevel) {
-          return -1;
-        } else {
-          return 1;
-        }
-      }
-
-      // Last spoke first
-      final aSpokeAt = a.participant.lastSpokeAt?.millisecondsSinceEpoch ?? 0;
-      final bSpokeAt = b.participant.lastSpokeAt?.millisecondsSinceEpoch ?? 0;
-
-      if (aSpokeAt != bSpokeAt) {
-        return aSpokeAt > bSpokeAt ? -1 : 1;
-      }
-
-      // Has video first
-      if (a.participant.hasVideo != b.participant.hasVideo) {
-        return a.participant.hasVideo ? -1 : 1;
-      }
-
-      // First joined people first
-      return a.participant.joinedAt.millisecondsSinceEpoch - b.participant.joinedAt.millisecondsSinceEpoch;
-    });
-
-    ParticipantTrack localTrack = ParticipantTrack(
-      participant: _callRoom.localParticipant!,
-      videoTrack: null,
-      isScreenShare: false,
-    );
-    if (_callRoom.localParticipant != null) {
-      final localParticipantTracks = _callRoom.localParticipant?.videoTrackPublications;
-      if (localParticipantTracks != null) {
-        for (var t in localParticipantTracks) {
-          if (t.isScreenShare) {
-            screenTracks.add(ParticipantTrack(
-              participant: _callRoom.localParticipant!,
-              videoTrack: t.track as VideoTrack,
-              isScreenShare: true,
-            ));
-          } else {
-            localTrack.videoTrack = t.track;
-          }
-        }
-      }
-    }
-
-    setState(() {
-      _participantTracks = [...screenTracks, localTrack, ...userMediaTrackList];
-      _focusParticipant ??= _participantTracks.first;
-    });
-  }
-
-  void onRoomDidUpdate() => sortParticipants();
-
-  void revertDevices(List<MediaDevice> devices) async {
-    _audioInputs = devices.where((d) => d.kind == 'audioinput').toList();
-    _videoInputs = devices.where((d) => d.kind == 'videoinput').toList();
-
-    if (_audioInputs.isNotEmpty) {
-      if (_audioDevice == null && _enableAudio) {
-        _audioDevice = _audioInputs.first;
-        Future.delayed(const Duration(milliseconds: 100), () async {
-          await changeLocalAudioTrack();
-          setState(() {});
-        });
-      }
-    }
-
-    if (_videoInputs.isNotEmpty) {
-      if (_videoDevice == null && _enableVideo) {
-        _videoDevice = _videoInputs.first;
-        Future.delayed(const Duration(milliseconds: 100), () async {
-          await changeLocalVideoTrack();
-          setState(() {});
-        });
-      }
-    }
-    setState(() {});
-  }
-
-  Future<void> setEnableVideo(value) async {
-    _enableVideo = value;
-    if (!_enableVideo) {
-      await _videoTrack?.stop();
-      _videoTrack = null;
-    } else {
-      await changeLocalVideoTrack();
-    }
-    setState(() {});
-  }
-
-  Future<void> setEnableAudio(value) async {
-    _enableAudio = value;
-    if (!_enableAudio) {
-      await _audioTrack?.stop();
-      _audioTrack = null;
-    } else {
-      await changeLocalAudioTrack();
-    }
-    setState(() {});
-  }
-
-  Future<void> changeLocalAudioTrack() async {
-    if (_audioTrack != null) {
-      await _audioTrack!.stop();
-      _audioTrack = null;
-    }
-
-    if (_audioDevice != null) {
-      _audioTrack = await LocalAudioTrack.create(AudioCaptureOptions(
-        deviceId: _audioDevice!.deviceId,
-      ));
-      await _audioTrack!.start();
-    }
-  }
-
-  Future<void> changeLocalVideoTrack() async {
-    if (_videoTrack != null) {
-      await _videoTrack!.stop();
-      _videoTrack = null;
-    }
-
-    if (_videoDevice != null) {
-      _videoTrack = await LocalVideoTrack.createCameraTrack(CameraCaptureOptions(
-        deviceId: _videoDevice!.deviceId,
-        params: _videoParameters,
-      ));
-      await _videoTrack!.start();
-    }
-  }
+  ChatCallInstance get _call => _chat.call!;

  @override
  void initState() {
    super.initState();
-    _subscription = Hardware.instance.onDeviceChange.stream.listen(revertDevices);
-    _callRoom = Room();
-    _callListener = _callRoom.createListener();
-    Hardware.instance.enumerateDevices().then(revertDevices);
-    WakelockPlus.enable();
+
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      _chat.setShown(true);
+    });
  }

  @override
  Widget build(BuildContext context) {
-    return IndentWrapper(
-      title: AppLocalizations.of(context)!.chatCall,
-      hideDrawer: true,
-      child: FutureBuilder(
-        future: exchangeToken(),
+    _chat = context.watch<ChatProvider>();
+    if (!_isHandled) {
+      _isHandled = true;
+      if (_chat.handleCall(widget.call, widget.call.channel)) {
+        _chat.call?.init();
+      }
+    }
+
+    Widget content;
+    if (_chat.call == null) {
+      content = const Center(
+        child: CircularProgressIndicator(),
+      );
+    } else {
+      content = FutureBuilder(
+        future: _call.exchangeToken(context),
        builder: (context, snapshot) {
          if (!snapshot.hasData || snapshot.data == null) {
            return const Center(child: CircularProgressIndicator());
@ -389,15 +65,20 @@ class _ChatCallState extends State<ChatCall> {
                  Expanded(
                    child: Container(
                      color: Theme.of(context).colorScheme.surfaceVariant,
-                      child: _focusParticipant != null
+                      child: _call.focusTrack != null
                          ? InteractiveParticipantWidget(
-                              participant: _focusParticipant!,
+                              isFixed: false,
+                              participant: _call.focusTrack!,
                              onTap: () {},
                            )
                          : Container(),
                    ),
                  ),
-                  if (_callRoom.localParticipant != null) ControlsWidget(_callRoom, _callRoom.localParticipant!),
+                  if (_call.room.localParticipant != null)
+                    ControlsWidget(
+                      _call.room,
+                      _call.room.localParticipant!,
+                    ),
                ],
              ),
              Positioned(
@ -408,10 +89,10 @@ class _ChatCallState extends State<ChatCall> {
                  height: 128,
                  child: ListView.builder(
                    scrollDirection: Axis.horizontal,
-                    itemCount: math.max(0, _participantTracks.length),
+                    itemCount: math.max(0, _call.participantTracks.length),
                    itemBuilder: (BuildContext context, int index) {
-                      final track = _participantTracks[index];
-                      if (track.participant.sid == _focusParticipant?.participant.sid) {
+                      final track = _call.participantTracks[index];
+                      if (track.participant.sid == _call.focusTrack?.participant.sid) {
                        return Container();
                      }

@ -420,13 +101,14 @@ class _ChatCallState extends State<ChatCall> {
                        child: ClipRRect(
                          borderRadius: const BorderRadius.all(Radius.circular(8)),
                          child: InteractiveParticipantWidget(
+                            isFixed: true,
                            width: 120,
                            height: 120,
                            color: Theme.of(context).cardColor,
                            participant: track,
                            onTap: () {
-                              if (track.participant.sid != _focusParticipant?.participant.sid) {
-                                setState(() => _focusParticipant = track);
+                              if (track.participant.sid != _call.focusTrack?.participant.sid) {
+                                _call.changeFocusTrack(track);
                              }
                            },
                          ),
@ -439,33 +121,28 @@ class _ChatCallState extends State<ChatCall> {
            ],
          );
        },
-      ),
+      );
+    }
+
+    return IndentWrapper(
+      title: AppLocalizations.of(context)!.chatCall,
+      hideDrawer: true,
+      child: content,
    );
  }

  @override
  void deactivate() {
-    _subscription?.cancel();
+    WidgetsBinding.instance.addPostFrameCallback((_) => _chat.setShown(false));
    super.deactivate();
  }
-
-  @override
-  void dispose() {
-    WakelockPlus.disable();
-    (() async {
-      _callRoom.removeListener(onRoomDidUpdate);
-      await _callListener.dispose();
-      await _callRoom.disconnect();
-      await _callRoom.dispose();
-    })();
-    super.dispose();
-  }
 }

 class InteractiveParticipantWidget extends StatelessWidget {
  final double? width;
  final double? height;
  final Color? color;
+  final bool? isFixed;
  final ParticipantTrack participant;
  final Function() onTap;

@ -474,6 +151,7 @@ class InteractiveParticipantWidget extends StatelessWidget {
    this.width,
    this.height,
    this.color,
+    this.isFixed = false,
    required this.participant,
    required this.onTap,
  });
@ -485,7 +163,7 @@ class InteractiveParticipantWidget extends StatelessWidget {
        width: width,
        height: height,
        color: color,
-        child: ParticipantWidget.widgetFor(participant),
+        child: ParticipantWidget.widgetFor(participant, isFixed: true),
      ),
      onTap: () => onTap(),
      onLongPress: () {
--- a/lib/screens/chat/channel/editor.dart
+++ b/lib/screens/chat/channel/editor.dart
@ -8,6 +8,7 @@ import 'package:solian/models/channel.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/router.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:uuid/uuid.dart';
@ -52,9 +53,7 @@ class _ChannelEditorScreenState extends State<ChannelEditorScreen> {
    var res = await Response.fromStream(await auth.client!.send(req));
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    } else {
      if (router.canPop()) {
        router.pop(true);
--- a/lib/screens/chat/channel/member.dart
+++ b/lib/screens/chat/channel/member.dart
@ -9,6 +9,7 @@ import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
 import 'package:solian/widgets/account/avatar.dart';
 import 'package:solian/widgets/account/friend_picker.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';

@ -45,9 +46,7 @@ class _ChatMemberScreenState extends State<ChatMemberScreen> {
      });
    } else {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }
  }

@ -75,9 +74,7 @@ class _ChatMemberScreenState extends State<ChatMemberScreen> {
      await fetchMemberships();
    } else {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }

    setState(() => _isSubmitting = false);
@ -107,9 +104,7 @@ class _ChatMemberScreenState extends State<ChatMemberScreen> {
      await fetchMemberships();
    } else {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }

    setState(() => _isSubmitting = false);
--- a/lib/screens/chat/chat.dart
+++ b/lib/screens/chat/chat.dart
@ -16,6 +16,7 @@ import 'package:solian/widgets/chat/maintainer.dart';
 import 'package:solian/widgets/chat/message.dart';
 import 'package:solian/widgets/chat/message_action.dart';
 import 'package:solian/widgets/chat/message_editor.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:http/http.dart' as http;
@ -46,9 +47,7 @@ class _ChatScreenState extends State<ChatScreen> {
      return _channelMeta!;
    } else {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
      throw Exception(message);
    }
  }
@ -62,9 +61,7 @@ class _ChatScreenState extends State<ChatScreen> {
      return _ongoingCall;
    } else if (res.statusCode != 404) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
      throw Exception(message);
    } else {
      return null;
--- a/lib/screens/chat/index.dart
+++ b/lib/screens/chat/index.dart
@ -7,6 +7,7 @@ import 'package:solian/providers/auth.dart';
 import 'package:solian/router.dart';
 import 'package:solian/utils/service_url.dart';
 import 'package:solian/widgets/chat/chat_new.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:solian/widgets/notification_notifier.dart';
@ -36,9 +37,7 @@ class _ChatIndexScreenState extends State<ChatIndexScreen> {
      });
    } else {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }
  }

--- a/lib/screens/notification.dart
+++ b/lib/screens/notification.dart
@ -21,6 +21,10 @@ class _NotificationScreenState extends State<NotificationScreen> {
    final auth = context.read<AuthProvider>();
    final nty = context.watch<NotifyProvider>();

+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      nty.allRead();
+    });
+
    return IndentWrapper(
      noSafeArea: true,
      hideDrawer: true,
@ -48,9 +52,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
                      return NotificationItem(
                        index: index,
                        item: element,
-                        onDismiss: () => setState(() {
-                          nty.clearAt(index);
-                        }),
+                        onDismiss: () => nty.clearAt(index),
                      );
                    },
                  ),
@ -69,14 +71,6 @@ class _NotificationScreenState extends State<NotificationScreen> {
      ),
    );
  }
-
-  @override
-  void dispose() {
-    final nty = context.read<NotifyProvider>();
-    nty.allRead();
-    nty.clearRealtime();
-    super.dispose();
-  }
 }

 class NotificationItem extends StatelessWidget {
@ -141,7 +135,7 @@ class NotificationItem extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Dismissible(
-      key: Key('n$index'),
+      key: Key((DateTime.now().millisecondsSinceEpoch << 10).toString()),
      onDismissed: (direction) {
        markAsRead(item, context).then((value) {
          ScaffoldMessenger.of(context).showSnackBar(
--- a/lib/screens/posts/comment_editor.dart
+++ b/lib/screens/posts/comment_editor.dart
@ -10,6 +10,7 @@ import 'package:solian/router.dart';
 import 'package:solian/utils/service_url.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:solian/widgets/account/avatar.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:solian/widgets/posts/attachment_editor.dart';

@ -75,9 +76,7 @@ class _CommentEditorScreenState extends State<CommentEditorScreen> {
    var res = await Response.fromStream(await auth.client!.send(req));
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    } else {
      if (router.canPop()) {
        router.pop(true);
--- a/lib/screens/posts/moment_editor.dart
+++ b/lib/screens/posts/moment_editor.dart
@ -10,6 +10,7 @@ import 'package:solian/router.dart';
 import 'package:solian/utils/service_url.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:solian/widgets/account/avatar.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:solian/widgets/posts/attachment_editor.dart';

@ -65,9 +66,7 @@ class _MomentEditorScreenState extends State<MomentEditorScreen> {
    var res = await Response.fromStream(await auth.client!.send(req));
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    } else {
      if (router.canPop()) {
        router.pop(true);
--- a/lib/screens/posts/screen.dart
+++ b/lib/screens/posts/screen.dart
@ -5,6 +5,7 @@ import 'package:http/http.dart' as http;
 import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:solian/widgets/posts/comment_list.dart';
 import 'package:solian/widgets/posts/item.dart';
@ -30,9 +31,7 @@ class _PostScreenState extends State<PostScreen> {
    final res = await _client.get(uri);
    if (res.statusCode != 200) {
      final err = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $err")),
-      );
+      context.showErrorDialog(err);
      return null;
    } else {
      return Post.fromJson(jsonDecode(utf8.decode(res.bodyBytes)));
--- a/lib/widgets/chat/call/call_overlay.dart
+++ b/lib/widgets/chat/call/call_overlay.dart
@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:draggable_float_widget/draggable_float_widget.dart';
+import 'package:provider/provider.dart';
+import 'package:solian/providers/chat.dart';
+import 'package:solian/router.dart';
+
+class CallOverlay extends StatelessWidget {
+  const CallOverlay({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    const radius = BorderRadius.all(Radius.circular(8));
+
+    final chat = context.watch<ChatProvider>();
+
+    if (chat.isShown || chat.call == null) {
+      return Container();
+    }
+
+    return DraggableFloatWidget(
+      config: const DraggableFloatWidgetBaseConfig(
+        initPositionYInTop: false,
+        initPositionYMarginBorder: 50,
+        borderTopContainTopBar: true,
+        borderBottom: defaultBorderWidth,
+        borderLeft: 8,
+      ),
+      child: Material(
+        elevation: 6,
+        color: Colors.transparent,
+        borderRadius: radius,
+        child: ClipRRect(
+          borderRadius: radius,
+          child: Container(
+            height: 80,
+            width: 80,
+            color: Theme.of(context).colorScheme.secondaryContainer,
+            child: Column(
+              mainAxisSize: MainAxisSize.max,
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                const Icon(Icons.call, size: 18),
+                const SizedBox(height: 4),
+                Text(
+                  AppLocalizations.of(context)!.chatCallOngoingShort,
+                  style: const TextStyle(fontSize: 12),
+                )
+              ],
+            ),
+          ),
+        ),
+      ),
+      onTap: () {
+        router.pushNamed(
+          'chat.channel.call',
+          extra: chat.call!.info,
+          pathParameters: {'channel': chat.call!.channel.alias},
+        );
+      },
+    );
+  }
+}
--- a/lib/widgets/chat/call/controls.dart
+++ b/lib/widgets/chat/call/controls.dart
@ -6,6 +6,11 @@ import 'package:flutter_background/flutter_background.dart';
 import 'package:flutter_webrtc/flutter_webrtc.dart';
 import 'package:livekit_client/livekit_client.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:provider/provider.dart';
+import 'package:solian/providers/chat.dart';
+import 'package:solian/router.dart';
+import 'package:solian/widgets/chat/call/exts.dart';
+import 'package:solian/widgets/exts.dart';

 class ControlsWidget extends StatefulWidget {
  final Room room;
@ -63,11 +68,22 @@ class _ControlsWidgetState extends State<ControlsWidget> {

  bool get isMuted => participant.isMuted;

+  void disconnect() async {
+    if (await context.showDisconnectDialog() != true) return;
+
+    final chat = context.read<ChatProvider>();
+    if (chat.call != null) {
+      chat.call!.deactivate();
+      chat.call!.dispose();
+      router.pop();
+    }
+  }
+
  void disableAudio() async {
    await participant.setMicrophoneEnabled(false);
  }

-  Future<void> enableAudio() async {
+  void enableAudio() async {
    await participant.setMicrophoneEnabled(true);
  }

@ -134,9 +150,7 @@ class _ControlsWidgetState extends State<ControlsWidget> {
        await participant.publishVideoTrack(track);
      } catch (e) {
        final message = e.toString();
-        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
-          content: Text('Something went wrong... $message'),
-        ));
+        context.showErrorDialog(message);
      }
      return;
    }
@ -208,11 +222,17 @@ class _ControlsWidgetState extends State<ControlsWidget> {
        spacing: 5,
        runSpacing: 5,
        children: [
+          IconButton(
+            icon: Transform.flip(flipX: true, child: const Icon(Icons.exit_to_app)),
+            color: Theme.of(context).colorScheme.onSurface,
+            onPressed: disconnect,
+          ),
          if (participant.isMicrophoneEnabled())
            if (lkPlatformIs(PlatformType.android))
              IconButton(
                onPressed: disableAudio,
                icon: const Icon(Icons.mic),
+                color: Theme.of(context).colorScheme.onSurface,
                tooltip: AppLocalizations.of(context)!.chatCallMute,
              )
            else
@ -248,43 +268,9 @@ class _ControlsWidgetState extends State<ControlsWidget> {
            IconButton(
              onPressed: enableAudio,
              icon: const Icon(Icons.mic_off),
+              color: Theme.of(context).colorScheme.onSurface,
              tooltip: AppLocalizations.of(context)!.chatCallUnMute,
            ),
-          if (!lkPlatformIs(PlatformType.iOS))
-            PopupMenuButton<MediaDevice>(
-              icon: const Icon(Icons.volume_up),
-              itemBuilder: (BuildContext context) {
-                return [
-                  const PopupMenuItem<MediaDevice>(
-                    value: null,
-                    child: ListTile(
-                      leading: Icon(Icons.speaker),
-                      title: Text('Select Audio Output'),
-                    ),
-                  ),
-                  if (_audioOutputs != null)
-                    ..._audioOutputs!.map((device) {
-                      return PopupMenuItem<MediaDevice>(
-                        value: device,
-                        child: ListTile(
-                          leading: (device.deviceId == widget.room.selectedAudioOutputDeviceId)
-                              ? const Icon(Icons.check_box_outlined)
-                              : const Icon(Icons.check_box_outline_blank),
-                          title: Text(device.label),
-                        ),
-                        onTap: () => selectAudioOutput(device),
-                      );
-                    })
-                ];
-              },
-            ),
-          if (!kIsWeb && lkPlatformIs(PlatformType.iOS))
-            IconButton(
-              disabledColor: Colors.grey,
-              onPressed: Hardware.instance.canSwitchSpeakerphone ? setSpeakerphoneOn : null,
-              icon: Icon(_speakerphoneOn ? Icons.speaker_phone : Icons.phone_android),
-              tooltip: AppLocalizations.of(context)!.chatCallChangeSpeaker,
-            ),
          if (participant.isCameraEnabled())
            PopupMenuButton<MediaDevice>(
              icon: const Icon(Icons.videocam_sharp),
@ -318,22 +304,61 @@ class _ControlsWidgetState extends State<ControlsWidget> {
            IconButton(
              onPressed: enableVideo,
              icon: const Icon(Icons.videocam_off),
+              color: Theme.of(context).colorScheme.onSurface,
              tooltip: AppLocalizations.of(context)!.chatCallVideoOn,
            ),
          IconButton(
            icon: Icon(position == CameraPosition.back ? Icons.video_camera_back : Icons.video_camera_front),
+            color: Theme.of(context).colorScheme.onSurface,
            onPressed: () => toggleCamera(),
            tooltip: AppLocalizations.of(context)!.chatCallVideoFlip,
          ),
+          if (!lkPlatformIs(PlatformType.iOS))
+            PopupMenuButton<MediaDevice>(
+              icon: const Icon(Icons.volume_up),
+              itemBuilder: (BuildContext context) {
+                return [
+                  const PopupMenuItem<MediaDevice>(
+                    value: null,
+                    child: ListTile(
+                      leading: Icon(Icons.speaker),
+                      title: Text('Select Audio Output'),
+                    ),
+                  ),
+                  if (_audioOutputs != null)
+                    ..._audioOutputs!.map((device) {
+                      return PopupMenuItem<MediaDevice>(
+                        value: device,
+                        child: ListTile(
+                          leading: (device.deviceId == widget.room.selectedAudioOutputDeviceId)
+                              ? const Icon(Icons.check_box_outlined)
+                              : const Icon(Icons.check_box_outline_blank),
+                          title: Text(device.label),
+                        ),
+                        onTap: () => selectAudioOutput(device),
+                      );
+                    })
+                ];
+              },
+            ),
+          if (!kIsWeb && lkPlatformIs(PlatformType.iOS))
+            IconButton(
+              onPressed: Hardware.instance.canSwitchSpeakerphone ? setSpeakerphoneOn : null,
+              color: Theme.of(context).colorScheme.onSurface,
+              icon: Icon(_speakerphoneOn ? Icons.speaker_phone : Icons.phone_android),
+              tooltip: AppLocalizations.of(context)!.chatCallChangeSpeaker,
+            ),
          if (participant.isScreenShareEnabled())
            IconButton(
              icon: const Icon(Icons.monitor_outlined),
+              color: Theme.of(context).colorScheme.onSurface,
              onPressed: () => disableScreenShare(),
              tooltip: AppLocalizations.of(context)!.chatCallScreenOff,
            )
          else
            IconButton(
              icon: const Icon(Icons.monitor),
+              color: Theme.of(context).colorScheme.onSurface,
              onPressed: () => enableScreenShare(),
              tooltip: AppLocalizations.of(context)!.chatCallScreenOn,
            ),
--- a/lib/widgets/chat/call/exts.dart
+++ b/lib/widgets/chat/call/exts.dart
@ -1,30 +1,14 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';

 extension SolianCallExt on BuildContext {
-  Future<bool?> showPublishDialog() => showDialog<bool>(
-    context: this,
-    builder: (ctx) => AlertDialog(
-      title: const Text('Publish'),
-      content: const Text('Would you like to publish your Camera & Mic ?'),
-      actions: [
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, false),
-          child: const Text('NO'),
-        ),
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, true),
-          child: const Text('YES'),
-        ),
-      ],
-    ),
-  );
-
  Future<bool?> showPlayAudioManuallyDialog() => showDialog<bool>(
        context: this,
        builder: (ctx) => AlertDialog(
          title: const Text('Play Audio'),
          content: const Text(
-          'You need to manually activate audio PlayBack for iOS Safari !'),
+            'You need to manually activate audio PlayBack for iOS Safari!',
+          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(ctx, false),
@ -38,52 +22,19 @@ extension SolianCallExt on BuildContext {
        ),
      );

-  Future<bool?> showUnPublishDialog() => showDialog<bool>(
-    context: this,
-    builder: (ctx) => AlertDialog(
-      title: const Text('UnPublish'),
-      content:
-      const Text('Would you like to un-publish your Camera & Mic ?'),
-      actions: [
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, false),
-          child: const Text('NO'),
-        ),
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, true),
-          child: const Text('YES'),
-        ),
-      ],
-    ),
-  );
-
-  Future<void> showErrorDialog(dynamic exception) => showDialog<void>(
-    context: this,
-    builder: (ctx) => AlertDialog(
-      title: const Text('Error'),
-      content: Text(exception.toString()),
-      actions: [
-        TextButton(
-          onPressed: () => Navigator.pop(ctx),
-          child: const Text('OK'),
-        )
-      ],
-    ),
-  );
-
  Future<bool?> showDisconnectDialog() => showDialog<bool>(
        context: this,
        builder: (ctx) => AlertDialog(
-      title: const Text('Disconnect'),
-      content: const Text('Are you sure to disconnect?'),
+          title: Text(AppLocalizations.of(this)!.chatCallDisconnect),
+          content: Text(AppLocalizations.of(this)!.chatCallDisconnectConfirm),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(ctx, false),
-          child: const Text('Cancel'),
+              child: Text(AppLocalizations.of(this)!.confirmCancel),
            ),
            TextButton(
              onPressed: () => Navigator.pop(ctx, true),
-          child: const Text('Disconnect'),
+              child: Text(AppLocalizations.of(this)!.confirmOkay),
            ),
          ],
        ),
@ -120,87 +71,4 @@ extension SolianCallExt on BuildContext {
          ],
        ),
      );
-
-  Future<bool?> showSendDataDialog() => showDialog<bool>(
-    context: this,
-    builder: (ctx) => AlertDialog(
-      title: const Text('Send data'),
-      content: const Text(
-          'This will send a sample data to all participants in the room'),
-      actions: [
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, false),
-          child: const Text('Cancel'),
-        ),
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, true),
-          child: const Text('Send'),
-        ),
-      ],
-    ),
-  );
-
-  Future<bool?> showDataReceivedDialog(String data) => showDialog<bool>(
-    context: this,
-    builder: (ctx) => AlertDialog(
-      title: const Text('Received data'),
-      content: Text(data),
-      actions: [
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, true),
-          child: const Text('OK'),
-        ),
-      ],
-    ),
-  );
-
-  Future<bool?> showRecordingStatusChangedDialog(bool isActiveRecording) =>
-      showDialog<bool>(
-        context: this,
-        builder: (ctx) => AlertDialog(
-          title: const Text('Room recording reminder'),
-          content: Text(isActiveRecording
-              ? 'Room recording is active.'
-              : 'Room recording is stoped.'),
-          actions: [
-            TextButton(
-              onPressed: () => Navigator.pop(ctx, true),
-              child: const Text('OK'),
-            ),
-          ],
-        ),
-      );
-
-  Future<bool?> showSubscribePermissionDialog() => showDialog<bool>(
-    context: this,
-    builder: (ctx) => AlertDialog(
-      title: const Text('Allow subscription'),
-      content: const Text(
-          'Allow all participants to subscribe tracks published by local participant?'),
-      actions: [
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, false),
-          child: const Text('NO'),
-        ),
-        TextButton(
-          onPressed: () => Navigator.pop(ctx, true),
-          child: const Text('YES'),
-        ),
-      ],
-    ),
-  );
-}
-
-enum SimulateScenarioResult {
-  signalReconnect,
-  fullReconnect,
-  speakerUpdate,
-  nodeFailure,
-  migration,
-  serverLeave,
-  switchCandidate,
-  e2eeKeyRatchet,
-  participantName,
-  participantMetadata,
-  clear,
 }
--- a/lib/widgets/chat/call/no_content.dart
+++ b/lib/widgets/chat/call/no_content.dart
@ -7,8 +7,14 @@ import 'dart:math' as math;
 class NoContentWidget extends StatefulWidget {
  final Account? userinfo;
  final bool isSpeaking;
+  final bool isFixed;

-  const NoContentWidget({super.key, this.userinfo, required this.isSpeaking});
+  const NoContentWidget({
+    super.key,
+    this.userinfo,
+    this.isFixed = false,
+    required this.isSpeaking,
+  });

  @override
  State<NoContentWidget> createState() => _NoContentWidgetState();
@ -35,7 +41,12 @@ class _NoContentWidgetState extends State<NoContentWidget> with SingleTickerProv

  @override
  Widget build(BuildContext context) {
-    final radius = math.min(MediaQuery.of(context).size.width, MediaQuery.of(context).size.height) * 0.1;
+    final double radius = widget.isFixed
+        ? 16
+        : math.min(
+            MediaQuery.of(context).size.width * 0.1,
+            MediaQuery.of(context).size.height * 0.1,
+          );

    return Container(
      alignment: Alignment.center,
@ -63,7 +74,8 @@ class _NoContentWidgetState extends State<NoContentWidget> with SingleTickerProv
            backgroundColor: Colors.transparent,
            radius: radius,
            direct: true,
-            )),
+          ),
+        ),
      ),
    );
  }
--- a/lib/widgets/chat/call/participant.dart
+++ b/lib/widgets/chat/call/participant.dart
@ -10,13 +10,24 @@ import 'package:solian/widgets/chat/call/participant_info.dart';
 import 'package:solian/widgets/chat/call/participant_stats.dart';

 abstract class ParticipantWidget extends StatefulWidget {
-  static ParticipantWidget widgetFor(ParticipantTrack participantTrack, {bool showStatsLayer = false}) {
+  static ParticipantWidget widgetFor(ParticipantTrack participantTrack,
+      {bool isFixed = false, bool showStatsLayer = false}) {
    if (participantTrack.participant is LocalParticipant) {
-      return LocalParticipantWidget(participantTrack.participant as LocalParticipant, participantTrack.videoTrack,
-          participantTrack.isScreenShare, showStatsLayer);
+      return LocalParticipantWidget(
+        participantTrack.participant as LocalParticipant,
+        participantTrack.videoTrack,
+        isFixed,
+        participantTrack.isScreenShare,
+        showStatsLayer,
+      );
    } else if (participantTrack.participant is RemoteParticipant) {
-      return RemoteParticipantWidget(participantTrack.participant as RemoteParticipant, participantTrack.videoTrack,
-          participantTrack.isScreenShare, showStatsLayer);
+      return RemoteParticipantWidget(
+        participantTrack.participant as RemoteParticipant,
+        participantTrack.videoTrack,
+        isFixed,
+        participantTrack.isScreenShare,
+        showStatsLayer,
+      );
    }
    throw UnimplementedError('Unknown participant type');
  }
@ -24,6 +35,7 @@ abstract class ParticipantWidget extends StatefulWidget {
  abstract final Participant participant;
  abstract final VideoTrack? videoTrack;
  abstract final bool isScreenShare;
+  abstract final bool isFixed;
  abstract final bool showStatsLayer;
  final VideoQuality quality;

@ -39,6 +51,8 @@ class LocalParticipantWidget extends ParticipantWidget {
  @override
  final VideoTrack? videoTrack;
  @override
+  final bool isFixed;
+  @override
  final bool isScreenShare;
  @override
  final bool showStatsLayer;
@ -46,6 +60,7 @@ class LocalParticipantWidget extends ParticipantWidget {
  const LocalParticipantWidget(
    this.participant,
    this.videoTrack,
+    this.isFixed,
    this.isScreenShare,
    this.showStatsLayer, {
    super.key,
@ -61,6 +76,8 @@ class RemoteParticipantWidget extends ParticipantWidget {
  @override
  final VideoTrack? videoTrack;
  @override
+  final bool isFixed;
+  @override
  final bool isScreenShare;
  @override
  final bool showStatsLayer;
@ -68,6 +85,7 @@ class RemoteParticipantWidget extends ParticipantWidget {
  const RemoteParticipantWidget(
    this.participant,
    this.videoTrack,
+    this.isFixed,
    this.isScreenShare,
    this.showStatsLayer, {
    super.key,
@ -80,8 +98,6 @@ class RemoteParticipantWidget extends ParticipantWidget {
 abstract class _ParticipantWidgetState<T extends ParticipantWidget> extends State<T> {
  VideoTrack? get _activeVideoTrack;

-  TrackPublication? get _videoPublication;
-
  TrackPublication? get _firstAudioPublication;

  Account? _userinfoMetadata;
@ -126,15 +142,14 @@ abstract class _ParticipantWidgetState<T extends ParticipantWidget> extends Stat
              )
            : NoContentWidget(
                userinfo: _userinfoMetadata,
+                isFixed: widget.isFixed,
                isSpeaking: widget.participant.isSpeaking,
              ),
        if (widget.showStatsLayer)
          Positioned(
            top: 30,
            right: 30,
-            child: ParticipantStatsWidget(
-              participant: widget.participant,
-            ),
+            child: ParticipantStatsWidget(participant: widget.participant),
          ),
        Align(
          alignment: Alignment.bottomCenter,
@ -143,9 +158,7 @@ abstract class _ParticipantWidgetState<T extends ParticipantWidget> extends Stat
            mainAxisSize: MainAxisSize.min,
            children: [
              ParticipantInfoWidget(
-                title: widget.participant.name.isNotEmpty
-                    ? widget.participant.name
-                    : widget.participant.identity,
+                title: widget.participant.name.isNotEmpty ? widget.participant.name : widget.participant.identity,
                audioAvailable: _firstAudioPublication?.muted == false && _firstAudioPublication?.subscribed == true,
                connectionQuality: widget.participant.connectionQuality,
                isScreenShare: widget.isScreenShare,
@ -159,10 +172,6 @@ abstract class _ParticipantWidgetState<T extends ParticipantWidget> extends Stat
 }

 class _LocalParticipantWidgetState extends _ParticipantWidgetState<LocalParticipantWidget> {
-  @override
-  LocalTrackPublication<LocalVideoTrack>? get _videoPublication =>
-      widget.participant.videoTrackPublications.where((element) => element.sid == widget.videoTrack?.sid).firstOrNull;
-
  @override
  LocalTrackPublication<LocalAudioTrack>? get _firstAudioPublication =>
      widget.participant.audioTrackPublications.firstOrNull;
@ -172,10 +181,6 @@ class _LocalParticipantWidgetState extends _ParticipantWidgetState<LocalParticip
 }

 class _RemoteParticipantWidgetState extends _ParticipantWidgetState<RemoteParticipantWidget> {
-  @override
-  RemoteTrackPublication<RemoteVideoTrack>? get _videoPublication =>
-      widget.participant.videoTrackPublications.where((element) => element.sid == widget.videoTrack?.sid).firstOrNull;
-
  @override
  RemoteTrackPublication<RemoteAudioTrack>? get _firstAudioPublication =>
      widget.participant.audioTrackPublications.firstOrNull;
--- a/lib/widgets/chat/call/participant_menu.dart
+++ b/lib/widgets/chat/call/participant_menu.dart
@ -21,17 +21,12 @@ class ParticipantMenu extends StatefulWidget {
 }

 class _ParticipantMenuState extends State<ParticipantMenu> {
-  @override
  RemoteTrackPublication<RemoteVideoTrack>? get _videoPublication =>
      widget.participant.videoTrackPublications.where((element) => element.sid == widget.videoTrack?.sid).firstOrNull;

-  @override
  RemoteTrackPublication<RemoteAudioTrack>? get _firstAudioPublication =>
      widget.participant.audioTrackPublications.firstOrNull;

-  @override
-  VideoTrack? get _activeVideoTrack => widget.videoTrack;
-
  void tookAction() {
    if (Navigator.canPop(context)) {
      Navigator.pop(context);
--- a/lib/widgets/chat/channel_action.dart
+++ b/lib/widgets/chat/channel_action.dart
@ -7,6 +7,7 @@ import 'package:solian/models/channel.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/router.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/exts.dart';

 class ChannelCallAction extends StatefulWidget {
  final Call? call;
@ -36,9 +37,7 @@ class _ChannelCallActionState extends State<ChannelCallAction> {
    var res = await auth.client!.post(uri);
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }

    setState(() => _isSubmitting = false);
@ -58,9 +57,7 @@ class _ChannelCallActionState extends State<ChannelCallAction> {
    var res = await auth.client!.delete(uri);
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    }

    setState(() => _isSubmitting = false);
--- a/lib/widgets/chat/channel_deletion.dart
+++ b/lib/widgets/chat/channel_deletion.dart
@ -6,6 +6,7 @@ import 'package:solian/models/channel.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/exts.dart';

 class ChannelDeletion extends StatefulWidget {
  final Channel channel;
@ -34,9 +35,7 @@ class _ChannelDeletionState extends State<ChannelDeletion> {
    );
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    } else if (Navigator.canPop(context)) {
      Navigator.pop(context, true);
    }
@ -58,9 +57,7 @@ class _ChannelDeletionState extends State<ChannelDeletion> {
    );
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    } else if (Navigator.canPop(context)) {
      Navigator.pop(context, true);
    }
--- a/lib/widgets/chat/message_deletion.dart
+++ b/lib/widgets/chat/message_deletion.dart
@ -6,6 +6,7 @@ import 'package:solian/models/message.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/exts.dart';

 class ChatMessageDeletionDialog extends StatefulWidget {
  final String channel;
@ -34,9 +35,7 @@ class _ChatMessageDeletionDialogState extends State<ChatMessageDeletionDialog> {
    final res = await auth.client!.delete(uri);
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
      setState(() => _isSubmitting = false);
    } else {
      Navigator.pop(context, true);
--- a/lib/widgets/chat/message_editor.dart
+++ b/lib/widgets/chat/message_editor.dart
@ -8,6 +8,7 @@ import 'package:solian/models/message.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/posts/attachment_editor.dart';
 import 'package:badges/badges.dart' as badge;

@ -64,9 +65,7 @@ class _ChatMessageEditorState extends State<ChatMessageEditor> {
    var res = await Response.fromStream(await auth.client!.send(req));
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
    } else {
      reset();
    }
--- a/lib/widgets/common_wrapper.dart
+++ b/lib/widgets/common_wrapper.dart
@ -5,7 +5,7 @@ class LayoutWrapper extends StatelessWidget {
  final Widget? child;
  final Widget? floatingActionButton;
  final List<Widget>? appBarActions;
-  final bool? noSafeArea;
+  final bool noSafeArea;
  final String title;

  const LayoutWrapper({
@ -14,7 +14,7 @@ class LayoutWrapper extends StatelessWidget {
    required this.title,
    this.floatingActionButton,
    this.appBarActions,
-    this.noSafeArea,
+    this.noSafeArea = false,
  });

  @override
@ -25,7 +25,7 @@ class LayoutWrapper extends StatelessWidget {
      appBar: AppBar(title: Text(title), actions: appBarActions),
      floatingActionButton: floatingActionButton,
      drawer: const SolianNavigationDrawer(),
-      body: (noSafeArea ?? false) ? content : SafeArea(child: content),
+      body: noSafeArea ? content : SafeArea(child: content),
    );
  }
 }
--- a/lib/widgets/exts.dart
+++ b/lib/widgets/exts.dart
@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+
+extension SolianCommonExtensions on BuildContext {
+  Future<void> showErrorDialog(dynamic exception) => showDialog<void>(
+        context: this,
+        builder: (ctx) => AlertDialog(
+          title: Text(AppLocalizations.of(this)!.errorHappened),
+          content: Text(exception.toString()),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.pop(ctx),
+              child: Text(AppLocalizations.of(this)!.confirmOkay),
+            )
+          ],
+        ),
+      );
+}
--- a/lib/widgets/indent_wrapper.dart
+++ b/lib/widgets/indent_wrapper.dart
@ -1,9 +1,10 @@
 import 'package:flutter/material.dart';
+import 'package:solian/router.dart';
 import 'package:solian/widgets/common_wrapper.dart';
 import 'package:solian/widgets/navigation_drawer.dart';

 class IndentWrapper extends LayoutWrapper {
-  final bool? hideDrawer;
+  final bool hideDrawer;

  const IndentWrapper({
    super.key,
@ -11,8 +12,8 @@ class IndentWrapper extends LayoutWrapper {
    required super.title,
    super.floatingActionButton,
    super.appBarActions,
-    this.hideDrawer,
-    super.noSafeArea,
+    this.hideDrawer = false,
+    super.noSafeArea = false,
  }) : super();

  @override
@ -20,10 +21,17 @@ class IndentWrapper extends LayoutWrapper {
    final content = child ?? Container();

    return Scaffold(
-      appBar: AppBar(title: Text(title), actions: appBarActions),
+      appBar: AppBar(
+        leading: hideDrawer ? IconButton(
+          icon: const Icon(Icons.arrow_back),
+          onPressed: () => router.pop(),
+        ) : null,
+        title: Text(title),
+        actions: appBarActions,
+      ),
      floatingActionButton: floatingActionButton,
-      drawer: (hideDrawer ?? false) ? null : const SolianNavigationDrawer(),
-      body: (noSafeArea ?? false) ? content : SafeArea(child: content),
+      drawer: const SolianNavigationDrawer(),
+      body: noSafeArea ? content : SafeArea(child: content),
    );
  }
 }
--- a/lib/widgets/navigation_drawer.dart
+++ b/lib/widgets/navigation_drawer.dart
@ -72,7 +72,7 @@ class _SolianNavigationDrawerState extends State<SolianNavigationDrawer> {
              Image.asset("assets/logo.png", width: 26, height: 26),
              const SizedBox(width: 10),
              Text(
-                AppLocalizations.of(context)!.solian,
+                AppLocalizations.of(context)!.appName,
                style: const TextStyle(fontWeight: FontWeight.w900),
              ),
            ],
--- a/lib/widgets/posts/attachment_editor.dart
+++ b/lib/widgets/posts/attachment_editor.dart
@ -12,6 +12,7 @@ import 'package:solian/models/post.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:solian/widgets/exts.dart';

 class AttachmentEditor extends StatefulWidget {
  final String provider;
@ -67,9 +68,7 @@ class _AttachmentEditorState extends State<AttachmentEditor> {
    try {
      await uploadAttachment(file, hashcode);
    } catch (err) {
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $err")),
-      );
+      context.showErrorDialog(err);
    } finally {
      setState(() => _isSubmitting = false);
    }
@ -94,9 +93,7 @@ class _AttachmentEditorState extends State<AttachmentEditor> {
    try {
      await uploadAttachment(file, hashcode);
    } catch (err) {
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $err")),
-      );
+      context.showErrorDialog(err);
    } finally {
      setState(() => _isSubmitting = false);
    }
@ -133,9 +130,7 @@ class _AttachmentEditorState extends State<AttachmentEditor> {
      widget.onUpdate(_attachments);
    } else {
      final err = utf8.decode(await res.stream.toBytes());
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $err")),
-      );
+      context.showErrorDialog(err);
    }
    setState(() => _isSubmitting = false);
  }
--- a/lib/widgets/posts/content/attachment.dart
+++ b/lib/widgets/posts/content/attachment.dart
@ -62,7 +62,9 @@ class _AttachmentItemState extends State<AttachmentItem> {
                    : Positioned(
                        right: 12,
                        bottom: 8,
+                        child: Material(
                          child: Chip(label: Text(widget.badge!)),
+                        ),
                      )
              ],
            ),
--- a/lib/widgets/posts/item_deletion.dart
+++ b/lib/widgets/posts/item_deletion.dart
@ -6,6 +6,7 @@ import 'package:solian/models/post.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/exts.dart';

 class ItemDeletionDialog extends StatefulWidget {
  final Post item;
@ -35,9 +36,7 @@ class _ItemDeletionDialogState extends State<ItemDeletionDialog> {
    final res = await auth.client!.delete(uri);
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      ScaffoldMessenger.of(context).showSnackBar(
-        SnackBar(content: Text("Something went wrong... $message")),
-      );
+      context.showErrorDialog(message);
      setState(() => _isSubmitting = false);
    } else {
      Navigator.pop(context, true);
--- a/lib/widgets/posts/reaction_action.dart
+++ b/lib/widgets/posts/reaction_action.dart
@ -7,6 +7,7 @@ import 'package:solian/models/reaction.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:solian/widgets/exts.dart';

 Future<void> doReact(
  String dataset,
@ -51,9 +52,7 @@ Future<void> doReact(
    );
  } else {
    final message = utf8.decode(res.bodyBytes);
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(content: Text("Something went wrong... $message")),
-    );
+    context.showErrorDialog(message);
  }

  if (Navigator.canPop(context)) {
--- a/macos/Runner/Info.plist
+++ b/macos/Runner/Info.plist
@ -3,7 +3,7 @@
 <plist version="1.0">
 <dict>
 	<key>ITSAppUsesNonExemptEncryption</key>
-	<true/>
+	<false/>
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleExecutable</key>
--- a/pubspec.lock
+++ b/pubspec.lock
@ -169,6 +169,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "7.0.0"
+  draggable_float_widget:
+    dependency: "direct main"
+    description:
+      name: draggable_float_widget
+      sha256: "075675c56f6b2bfc9f972a3937dc1b59838489a312f75fe7e90ba6844a84dce4"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.0"
  fake_async:
    dependency: transitive
    description:
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -66,6 +66,7 @@ dependencies:
  flutter_background: ^1.2.0
  wakelock_plus: ^1.2.4
  flutter_local_notifications: ^17.1.0
+  draggable_float_widget: ^0.1.0

 dev_dependencies:
  flutter_test:
Author	SHA1	Message	Date
LittleSheep	7fb94eeafa	✨ Floating call widgets	2024-04-30 20:31:54 +08:00
LittleSheep	5922d325e5	🐛 Bug fixes	2024-04-29 20:32:51 +08:00