39 changed files with 772 additions and 851 deletions
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@ -5,8 +5,6 @@ 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):
@ -46,7 +44,6 @@ 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`)
@ -74,8 +71,6 @@ 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:
@ -111,7 +106,6 @@ 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 @@
 {
-  "appName": "Solar Network",
+  "solian": "Solian",
  "explore": "Explore",
  "chat": "Chat",
  "account": "Account",
@ -28,7 +28,6 @@
  "report": "Report",
  "reply": "Reply",
  "settings": "Settings",
-  "errorHappened": "An Error Occurred",
  "notification": "Notification",
  "notifyDone": "You're done!",
  "notifyDoneCaption": "There are no notifications unread for you.",
@ -78,7 +77,6 @@
  "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",
@ -87,8 +85,6 @@
  "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 @@
 {
-  "appName": "Solar",
+  "solian": "索链",
  "explore": "探索",
  "chat": "聊天",
  "account": "账号",
@ -28,7 +28,6 @@
  "report": "举报",
  "reply": "回复",
  "settings": "设置",
-  "errorHappened": "发生了错误",
  "notification": "通知",
  "notifyDone": "所有通知已读！",
  "notifyDoneCaption": "这里没有什么东西可以给你看的了～",
@ -86,10 +85,7 @@
  "chatCallScreenOff": "停止屏幕分享",
  "chatCallChangeSpeaker": "切换扬声器",
  "chatCallOngoing": "一则通话正在进行中",
-  "chatCallOngoingShort": "进行中",
  "chatCallJoin": "加入",
-  "chatCallDisconnect": "断开连接",
-  "chatCallDisconnectConfirm": "你确定你要断开连接吗？你可以之后在任何时候重新连接。",
  "chatMessagePlaceholder": "发条消息……",
  "chatMessageEditNotify": "你正在编辑信息中……",
  "chatMessageReplyNotify": "你正在回复消息中……",
--- a/lib/main.dart
+++ b/lib/main.dart
@ -9,7 +9,6 @@ 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() {
@ -37,22 +36,21 @@ class SolianApp extends StatelessWidget {
      supportedLocales: AppLocalizations.supportedLocales,
      routerConfig: router,
      builder: (context, child) {
-        return MultiProvider(
-          providers: [
-            Provider(create: (_) => NavigationProvider()),
-            ChangeNotifierProvider(create: (_) => AuthProvider()),
-            ChangeNotifierProvider(create: (_) => ChatProvider()),
-            ChangeNotifierProvider(create: (_) => NotifyProvider()),
-            ChangeNotifierProvider(create: (_) => FriendProvider()),
+        return Overlay(
+          initialEntries: [
+            OverlayEntry(builder: (context) {
+              return MultiProvider(
+                providers: [
+                  Provider(create: (_) => NavigationProvider()),
+                  Provider(create: (_) => AuthProvider()),
+                  Provider(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 extends ChangeNotifier {
+class AuthProvider {
  AuthProvider();

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

  Future<void> refreshToken() async {
@ -73,7 +72,6 @@ class AuthProvider extends ChangeNotifier {
      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,25 +1,11 @@
 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 extends ChangeNotifier {
+class ChatProvider {
  bool isOpened = false;
-  bool isShown = false;
-
-  ChatCallInstance? call;

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

    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/navigation.dart
+++ b/lib/providers/navigation.dart
@ -1,3 +1,3 @@
 class NavigationProvider {
  int selectedIndex = 0;
-}
+}
--- a/lib/providers/notify.dart
+++ b/lib/providers/notify.dart
@ -2,7 +2,6 @@ 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';
@ -25,25 +24,17 @@ 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: androidSettings,
-      iOS: darwinSettings,
-      macOS: darwinSettings,
-      linux: linuxSettings,
+      android: AndroidInitializationSettings('app_icon'),
+      iOS: DarwinInitializationSettings(),
+      macOS: DarwinInitializationSettings(),
+      linux: LinuxInitializationSettings(defaultActionName: 'Open notification'),
    );

    localNotify.initialize(initializationSettings);
  }

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

@ -87,30 +78,20 @@ 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: androidSettings,
-        iOS: darwinSettings,
-        macOS: darwinSettings,
-        linux: linuxSettings,
+        android: AndroidNotificationDetails(
+          'general',
+          'General',
+          importance: Importance.high,
+          priority: Priority.high,
+        ),
+        iOS: DarwinNotificationDetails(),
+        macOS: DarwinNotificationDetails(),
+        linux: LinuxNotificationDetails(),
      ),
    );
  }
--- a/lib/screens/account/friend.dart
+++ b/lib/screens/account/friend.dart
@ -7,7 +7,6 @@ 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';

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

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

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

    setState(() => _isSubmitting = false);
--- a/lib/screens/chat/call.dart
+++ b/lib/screens/chat/call.dart
@ -1,13 +1,21 @@
+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/chat.dart';
+import 'package:solian/providers/auth.dart';
+import 'package:solian/router.dart';
+import 'package:solian/utils/service_url.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 {
@ -20,39 +28,355 @@ class ChatCall extends StatefulWidget {
 }

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

-  late ChatProvider _chat;
+  bool _isMounted = false;

-  ChatCallInstance get _call => _chat.call!;
+  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();
+    }
+  }

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

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

@ -101,14 +420,13 @@ 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 != _call.focusTrack?.participant.sid) {
-                                _call.changeFocusTrack(track);
+                              if (track.participant.sid != _focusParticipant?.participant.sid) {
+                                setState(() => _focusParticipant = track);
                              }
                            },
                          ),
@ -121,28 +439,33 @@ class _ChatCallState extends State<ChatCall> {
            ],
          );
        },
-      );
-    }
-
-    return IndentWrapper(
-      title: AppLocalizations.of(context)!.chatCall,
-      hideDrawer: true,
-      child: content,
+      ),
    );
  }

  @override
  void deactivate() {
-    WidgetsBinding.instance.addPostFrameCallback((_) => _chat.setShown(false));
+    _subscription?.cancel();
    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;

@ -151,7 +474,6 @@ class InteractiveParticipantWidget extends StatelessWidget {
    this.width,
    this.height,
    this.color,
-    this.isFixed = false,
    required this.participant,
    required this.onTap,
  });
@ -163,7 +485,7 @@ class InteractiveParticipantWidget extends StatelessWidget {
        width: width,
        height: height,
        color: color,
-        child: ParticipantWidget.widgetFor(participant, isFixed: true),
+        child: ParticipantWidget.widgetFor(participant),
      ),
      onTap: () => onTap(),
      onLongPress: () {
--- a/lib/screens/chat/channel/editor.dart
+++ b/lib/screens/chat/channel/editor.dart
@ -8,7 +8,6 @@ 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';
@ -53,7 +52,9 @@ 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);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
    } else {
      if (router.canPop()) {
        router.pop(true);
--- a/lib/screens/chat/channel/member.dart
+++ b/lib/screens/chat/channel/member.dart
@ -9,7 +9,6 @@ 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';

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

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

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

    setState(() => _isSubmitting = false);
--- a/lib/screens/chat/chat.dart
+++ b/lib/screens/chat/chat.dart
@ -16,7 +16,6 @@ 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;
@ -47,7 +46,9 @@ class _ChatScreenState extends State<ChatScreen> {
      return _channelMeta!;
    } else {
      var message = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
      throw Exception(message);
    }
  }
@ -61,7 +62,9 @@ class _ChatScreenState extends State<ChatScreen> {
      return _ongoingCall;
    } else if (res.statusCode != 404) {
      var message = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
      throw Exception(message);
    } else {
      return null;
--- a/lib/screens/chat/index.dart
+++ b/lib/screens/chat/index.dart
@ -7,7 +7,6 @@ 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';
@ -37,7 +36,9 @@ class _ChatIndexScreenState extends State<ChatIndexScreen> {
      });
    } else {
      var message = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
    }
  }

--- a/lib/screens/notification.dart
+++ b/lib/screens/notification.dart
@ -21,10 +21,6 @@ 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,
@ -52,7 +48,9 @@ class _NotificationScreenState extends State<NotificationScreen> {
                      return NotificationItem(
                        index: index,
                        item: element,
-                        onDismiss: () => nty.clearAt(index),
+                        onDismiss: () => setState(() {
+                          nty.clearAt(index);
+                        }),
                      );
                    },
                  ),
@ -71,6 +69,14 @@ class _NotificationScreenState extends State<NotificationScreen> {
      ),
    );
  }
+
+  @override
+  void dispose() {
+    final nty = context.read<NotifyProvider>();
+    nty.allRead();
+    nty.clearRealtime();
+    super.dispose();
+  }
 }

 class NotificationItem extends StatelessWidget {
@ -135,7 +141,7 @@ class NotificationItem extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Dismissible(
-      key: Key((DateTime.now().millisecondsSinceEpoch << 10).toString()),
+      key: Key('n$index'),
      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,7 +10,6 @@ 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';

@ -76,7 +75,9 @@ 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);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
    } else {
      if (router.canPop()) {
        router.pop(true);
--- a/lib/screens/posts/moment_editor.dart
+++ b/lib/screens/posts/moment_editor.dart
@ -10,7 +10,6 @@ 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';

@ -66,7 +65,9 @@ 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);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
    } else {
      if (router.canPop()) {
        router.pop(true);
--- a/lib/screens/posts/screen.dart
+++ b/lib/screens/posts/screen.dart
@ -5,7 +5,6 @@ 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';
@ -31,7 +30,9 @@ class _PostScreenState extends State<PostScreen> {
    final res = await _client.get(uri);
    if (res.statusCode != 200) {
      final err = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(err);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $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
@ -1,63 +0,0 @@
-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,11 +6,6 @@ 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;
@ -68,22 +63,11 @@ 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);
  }

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

@ -150,7 +134,9 @@ class _ControlsWidgetState extends State<ControlsWidget> {
        await participant.publishVideoTrack(track);
      } catch (e) {
        final message = e.toString();
-        context.showErrorDialog(message);
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+          content: Text('Something went wrong... $message'),
+        ));
      }
      return;
    }
@ -222,17 +208,11 @@ 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
@ -268,9 +248,43 @@ 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),
@ -304,61 +318,22 @@ 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,74 +1,206 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_gen/gen_l10n/app_localizations.dart';

 extension SolianCallExt on BuildContext {
-  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!',
-          ),
-          actions: [
-            TextButton(
-              onPressed: () => Navigator.pop(ctx, false),
-              child: const Text('Ignore'),
-            ),
-            TextButton(
-              onPressed: () => Navigator.pop(ctx, true),
-              child: const Text('Play Audio'),
-            ),
-          ],
+  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 !'),
+      actions: [
+        TextButton(
+          onPressed: () => Navigator.pop(ctx, false),
+          child: const Text('Ignore'),
+        ),
+        TextButton(
+          onPressed: () => Navigator.pop(ctx, true),
+          child: const Text('Play Audio'),
+        ),
+      ],
+    ),
+  );
+
+  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: Text(AppLocalizations.of(this)!.chatCallDisconnect),
-          content: Text(AppLocalizations.of(this)!.chatCallDisconnectConfirm),
-          actions: [
-            TextButton(
-              onPressed: () => Navigator.pop(ctx, false),
-              child: Text(AppLocalizations.of(this)!.confirmCancel),
-            ),
-            TextButton(
-              onPressed: () => Navigator.pop(ctx, true),
-              child: Text(AppLocalizations.of(this)!.confirmOkay),
-            ),
-          ],
+    context: this,
+    builder: (ctx) => AlertDialog(
+      title: const Text('Disconnect'),
+      content: const Text('Are you sure to disconnect?'),
+      actions: [
+        TextButton(
+          onPressed: () => Navigator.pop(ctx, false),
+          child: const Text('Cancel'),
        ),
-      );
+        TextButton(
+          onPressed: () => Navigator.pop(ctx, true),
+          child: const Text('Disconnect'),
+        ),
+      ],
+    ),
+  );

  Future<bool?> showReconnectDialog() => showDialog<bool>(
-        context: this,
-        builder: (ctx) => AlertDialog(
-          title: const Text('Reconnect'),
-          content: const Text('This will force a reconnection'),
-          actions: [
-            TextButton(
-              onPressed: () => Navigator.pop(ctx, false),
-              child: const Text('Cancel'),
-            ),
-            TextButton(
-              onPressed: () => Navigator.pop(ctx, true),
-              child: const Text('Reconnect'),
-            ),
-          ],
+    context: this,
+    builder: (ctx) => AlertDialog(
+      title: const Text('Reconnect'),
+      content: const Text('This will force a reconnection'),
+      actions: [
+        TextButton(
+          onPressed: () => Navigator.pop(ctx, false),
+          child: const Text('Cancel'),
        ),
-      );
+        TextButton(
+          onPressed: () => Navigator.pop(ctx, true),
+          child: const Text('Reconnect'),
+        ),
+      ],
+    ),
+  );

  Future<void> showReconnectSuccessDialog() => showDialog<void>(
+    context: this,
+    builder: (ctx) => AlertDialog(
+      title: const Text('Reconnect'),
+      content: const Text('Reconnection was successful.'),
+      actions: [
+        TextButton(
+          onPressed: () => Navigator.pop(ctx),
+          child: const Text('OK'),
+        ),
+      ],
+    ),
+  );
+
+  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('Reconnect'),
-          content: const Text('Reconnection was successful.'),
+          title: const Text('Room recording reminder'),
+          content: Text(isActiveRecording
+              ? 'Room recording is active.'
+              : 'Room recording is stoped.'),
          actions: [
            TextButton(
-              onPressed: () => Navigator.pop(ctx),
+              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,14 +7,8 @@ import 'dart:math' as math;
 class NoContentWidget extends StatefulWidget {
  final Account? userinfo;
  final bool isSpeaking;
-  final bool isFixed;

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

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

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

    return Container(
      alignment: Alignment.center,
      child: Center(
        child: Animate(
-          autoPlay: false,
-          controller: _animationController,
-          effects: [
-            CustomEffect(
-              begin: widget.isSpeaking ? 2 : 0,
-              end: 8,
-              curve: Curves.easeInOut,
-              duration: 1250.ms,
-              builder: (context, value, child) => Container(
-                decoration: BoxDecoration(
-                  borderRadius: BorderRadius.all(Radius.circular(radius + 8)),
-                  border: value > 0 ? Border.all(color: Colors.green, width: value) : null,
+            autoPlay: false,
+            controller: _animationController,
+            effects: [
+              CustomEffect(
+                begin: widget.isSpeaking ? 2 : 0,
+                end: 8,
+                curve: Curves.easeInOut,
+                duration: 1250.ms,
+                builder: (context, value, child) => Container(
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.all(Radius.circular(radius + 8)),
+                    border: value > 0 ? Border.all(color: Colors.green, width: value) : null,
+                  ),
+                  child: child,
                ),
-                child: child,
-              ),
-            )
-          ],
-          child: AccountAvatar(
-            source: widget.userinfo!.avatar,
-            backgroundColor: Colors.transparent,
-            radius: radius,
-            direct: true,
-          ),
-        ),
+              )
+            ],
+            child: AccountAvatar(
+              source: widget.userinfo!.avatar,
+              backgroundColor: Colors.transparent,
+              radius: radius,
+              direct: true,
+            )),
      ),
    );
  }
--- a/lib/widgets/chat/call/participant.dart
+++ b/lib/widgets/chat/call/participant.dart
@ -10,24 +10,13 @@ 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 isFixed = false, bool showStatsLayer = false}) {
+  static ParticipantWidget widgetFor(ParticipantTrack participantTrack, {bool showStatsLayer = false}) {
    if (participantTrack.participant is LocalParticipant) {
-      return LocalParticipantWidget(
-        participantTrack.participant as LocalParticipant,
-        participantTrack.videoTrack,
-        isFixed,
-        participantTrack.isScreenShare,
-        showStatsLayer,
-      );
+      return LocalParticipantWidget(participantTrack.participant as LocalParticipant, participantTrack.videoTrack,
+          participantTrack.isScreenShare, showStatsLayer);
    } else if (participantTrack.participant is RemoteParticipant) {
-      return RemoteParticipantWidget(
-        participantTrack.participant as RemoteParticipant,
-        participantTrack.videoTrack,
-        isFixed,
-        participantTrack.isScreenShare,
-        showStatsLayer,
-      );
+      return RemoteParticipantWidget(participantTrack.participant as RemoteParticipant, participantTrack.videoTrack,
+          participantTrack.isScreenShare, showStatsLayer);
    }
    throw UnimplementedError('Unknown participant type');
  }
@ -35,7 +24,6 @@ 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;

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

+  TrackPublication? get _videoPublication;
+
  TrackPublication? get _firstAudioPublication;

  Account? _userinfoMetadata;
@ -142,14 +126,15 @@ 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,
@ -158,7 +143,9 @@ 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,
@ -172,6 +159,10 @@ 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;
@ -181,6 +172,10 @@ 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,12 +21,17 @@ 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,7 +7,6 @@ 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;
@ -37,7 +36,9 @@ class _ChannelCallActionState extends State<ChannelCallAction> {
    var res = await auth.client!.post(uri);
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
    }

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

    setState(() => _isSubmitting = false);
--- a/lib/widgets/chat/channel_deletion.dart
+++ b/lib/widgets/chat/channel_deletion.dart
@ -6,7 +6,6 @@ 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;
@ -35,7 +34,9 @@ class _ChannelDeletionState extends State<ChannelDeletion> {
    );
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
    } else if (Navigator.canPop(context)) {
      Navigator.pop(context, true);
    }
@ -57,7 +58,9 @@ class _ChannelDeletionState extends State<ChannelDeletion> {
    );
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $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,7 +6,6 @@ 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;
@ -35,7 +34,9 @@ class _ChatMessageDeletionDialogState extends State<ChatMessageDeletionDialog> {
    final res = await auth.client!.delete(uri);
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
      setState(() => _isSubmitting = false);
    } else {
      Navigator.pop(context, true);
--- a/lib/widgets/chat/message_editor.dart
+++ b/lib/widgets/chat/message_editor.dart
@ -8,7 +8,6 @@ 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;

@ -65,7 +64,9 @@ 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);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $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 = false,
+    this.noSafeArea,
  });

  @override
@ -25,7 +25,7 @@ class LayoutWrapper extends StatelessWidget {
      appBar: AppBar(title: Text(title), actions: appBarActions),
      floatingActionButton: floatingActionButton,
      drawer: const SolianNavigationDrawer(),
-      body: noSafeArea ? content : SafeArea(child: content),
+      body: (noSafeArea ?? false) ? content : SafeArea(child: content),
    );
  }
 }
--- a/lib/widgets/exts.dart
+++ b/lib/widgets/exts.dart
@ -1,18 +0,0 @@
-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,10 +1,9 @@
 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,
@ -12,8 +11,8 @@ class IndentWrapper extends LayoutWrapper {
    required super.title,
    super.floatingActionButton,
    super.appBarActions,
-    this.hideDrawer = false,
-    super.noSafeArea = false,
+    this.hideDrawer,
+    super.noSafeArea,
  }) : super();

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

    return Scaffold(
-      appBar: AppBar(
-        leading: hideDrawer ? IconButton(
-          icon: const Icon(Icons.arrow_back),
-          onPressed: () => router.pop(),
-        ) : null,
-        title: Text(title),
-        actions: appBarActions,
-      ),
+      appBar: AppBar(title: Text(title), actions: appBarActions),
      floatingActionButton: floatingActionButton,
-      drawer: const SolianNavigationDrawer(),
-      body: noSafeArea ? content : SafeArea(child: content),
+      drawer: (hideDrawer ?? false) ? null : const SolianNavigationDrawer(),
+      body: (noSafeArea ?? false) ? 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)!.appName,
+                AppLocalizations.of(context)!.solian,
                style: const TextStyle(fontWeight: FontWeight.w900),
              ),
            ],
--- a/lib/widgets/posts/attachment_editor.dart
+++ b/lib/widgets/posts/attachment_editor.dart
@ -12,7 +12,6 @@ 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;
@ -68,7 +67,9 @@ class _AttachmentEditorState extends State<AttachmentEditor> {
    try {
      await uploadAttachment(file, hashcode);
    } catch (err) {
-      context.showErrorDialog(err);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $err")),
+      );
    } finally {
      setState(() => _isSubmitting = false);
    }
@ -93,7 +94,9 @@ class _AttachmentEditorState extends State<AttachmentEditor> {
    try {
      await uploadAttachment(file, hashcode);
    } catch (err) {
-      context.showErrorDialog(err);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $err")),
+      );
    } finally {
      setState(() => _isSubmitting = false);
    }
@ -130,7 +133,9 @@ class _AttachmentEditorState extends State<AttachmentEditor> {
      widget.onUpdate(_attachments);
    } else {
      final err = utf8.decode(await res.stream.toBytes());
-      context.showErrorDialog(err);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $err")),
+      );
    }
    setState(() => _isSubmitting = false);
  }
--- a/lib/widgets/posts/content/attachment.dart
+++ b/lib/widgets/posts/content/attachment.dart
@ -62,9 +62,7 @@ class _AttachmentItemState extends State<AttachmentItem> {
                    : Positioned(
                        right: 12,
                        bottom: 8,
-                        child: Material(
-                          child: Chip(label: Text(widget.badge!)),
-                        ),
+                        child: Chip(label: Text(widget.badge!)),
                      )
              ],
            ),
--- a/lib/widgets/posts/item_deletion.dart
+++ b/lib/widgets/posts/item_deletion.dart
@ -6,7 +6,6 @@ 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;
@ -36,7 +35,9 @@ class _ItemDeletionDialogState extends State<ItemDeletionDialog> {
    final res = await auth.client!.delete(uri);
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
-      context.showErrorDialog(message);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
      setState(() => _isSubmitting = false);
    } else {
      Navigator.pop(context, true);
--- a/lib/widgets/posts/reaction_action.dart
+++ b/lib/widgets/posts/reaction_action.dart
@ -7,7 +7,6 @@ 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,
@ -52,7 +51,9 @@ Future<void> doReact(
    );
  } else {
    final message = utf8.decode(res.bodyBytes);
-    context.showErrorDialog(message);
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(content: Text("Something went wrong... $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>
-	<false/>
+	<true/>
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleExecutable</key>
--- a/pubspec.lock
+++ b/pubspec.lock
@ -169,14 +169,6 @@ 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,7 +66,6 @@ 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: