🐛 Drawer will expand on mobile device

✨ Drawer tooltip on collapse mode
💫 Animated collapsible sidebar
2024-08-21 20:55:22 +08:00 · 2024-08-21 19:35:29 +08:00 · 2024-08-21 19:11:27 +08:00 · 2024-08-21 17:00:59 +08:00 · 2024-08-21 16:02:00 +08:00 · 2024-08-21 15:57:45 +08:00
27 changed files with 585 additions and 305 deletions
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@ -1,17 +1,17 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <uses-feature android:name="android.hardware.camera"/>
-    <uses-feature android:name="android.hardware.camera.autofocus"/>
-    <uses-permission android:name="android.permission.WAKE_LOCK"/>
-    <uses-permission android:name="android.permission.FOREGROUND_SERVICE"/>
-    <uses-permission android:name="android.permission.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS"/>
-    <uses-permission android:name="android.permission.CAMERA"/>
-    <uses-permission android:name="android.permission.RECORD_AUDIO"/>
-    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
-    <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE"/>
-    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
-    <uses-permission android:name="android.permission.BLUETOOTH" android:maxSdkVersion="30"/>
-    <uses-permission android:name="android.permission.BLUETOOTH_CONNECT"/>
-    <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" android:maxSdkVersion="30"/>
+    <uses-feature android:name="android.hardware.camera" />
+    <uses-feature android:name="android.hardware.camera.autofocus" />
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+    <uses-permission android:name="android.permission.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
+    <uses-permission android:name="android.permission.BLUETOOTH" android:maxSdkVersion="30" />
+    <uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
+    <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" android:maxSdkVersion="30" />
    <uses-permission android:name="android.permission.READ_MEDIA_AUDIO" />
    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
@ -19,31 +19,31 @@
    <uses-permission android:name="android.permission.INTERNET" />

    <application
-            android:label="Solian"
-            android:name="${applicationName}"
-            android:icon="@mipmap/ic_launcher"
-            android:supportsRtl="true">
+        android:label="Solian"
+        android:name="${applicationName}"
+        android:icon="@mipmap/ic_launcher"
+        android:supportsRtl="true">
        <receiver android:exported="false"
-                  android:name="com.dexterous.flutterlocalnotifications.ScheduledNotificationReceiver"/>
+            android:name="com.dexterous.flutterlocalnotifications.ScheduledNotificationReceiver" />
        <receiver android:exported="false"
-                  android:name="com.dexterous.flutterlocalnotifications.ScheduledNotificationBootReceiver">
+            android:name="com.dexterous.flutterlocalnotifications.ScheduledNotificationBootReceiver">
            <intent-filter>
-                <action android:name="android.intent.action.BOOT_COMPLETED"/>
-                <action android:name="android.intent.action.MY_PACKAGE_REPLACED"/>
-                <action android:name="android.intent.action.QUICKBOOT_POWERON"/>
-                <action android:name="com.htc.intent.action.QUICKBOOT_POWERON"/>
+                <action android:name="android.intent.action.BOOT_COMPLETED" />
+                <action android:name="android.intent.action.MY_PACKAGE_REPLACED" />
+                <action android:name="android.intent.action.QUICKBOOT_POWERON" />
+                <action android:name="com.htc.intent.action.QUICKBOOT_POWERON" />
            </intent-filter>
        </receiver>

        <activity
-                android:name=".MainActivity"
-                android:exported="true"
-                android:launchMode="singleTop"
-                android:taskAffinity=""
-                android:theme="@style/LaunchTheme"
-                android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
-                android:hardwareAccelerated="true"
-                android:windowSoftInputMode="adjustResize">
+            android:name=".MainActivity"
+            android:exported="true"
+            android:launchMode="singleTop"
+            android:taskAffinity=""
+            android:theme="@style/LaunchTheme"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+            android:hardwareAccelerated="true"
+            android:windowSoftInputMode="adjustResize">
            <!-- Specifies an Android theme to apply to this Activity as soon as
                 the Android process has started. This theme is visible to the user
                 while the Flutter UI initializes. After that, this theme continues
@ -58,29 +58,36 @@
                <data android:host="sn.solsynth.dev" />
                <data android:scheme="https" />
                <data android:scheme="https" />
+            </intent-filter>
+
+            <intent-filter>
+                <action android:name="android.intent.action.VIEW" />
+
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
                <data android:scheme="solink" />
            </intent-filter>

            <meta-data
-                    android:name="io.flutter.embedding.android.NormalTheme"
-                    android:resource="@style/NormalTheme"
+                android:name="io.flutter.embedding.android.NormalTheme"
+                android:resource="@style/NormalTheme"
            />
            <intent-filter>
-                <action android:name="android.intent.action.MAIN"/>
-                <category android:name="android.intent.category.LAUNCHER"/>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <activity
-                android:name="com.yalantis.ucrop.UCropActivity"
-                android:screenOrientation="portrait"
-                android:theme="@style/Theme.AppCompat.Light.NoActionBar"/>
+            android:name="com.yalantis.ucrop.UCropActivity"
+            android:screenOrientation="portrait"
+            android:theme="@style/Theme.AppCompat.Light.NoActionBar" />

        <!-- Don't delete the meta-data below.
             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
        <meta-data
-                android:name="flutterEmbedding"
-                android:value="2"/>
+            android:name="flutterEmbedding"
+            android:value="2" />
    </application>
    <!-- Required to query activities that can process text, see:
         https://developer.android.com/training/package-visibility and
@ -89,8 +96,8 @@
         In particular, this is used by the Flutter engine in io.flutter.plugin.text.ProcessTextPlugin. -->
    <queries>
        <intent>
-            <action android:name="android.intent.action.PROCESS_TEXT"/>
-            <data android:mimeType="text/plain"/>
+            <action android:name="android.intent.action.PROCESS_TEXT" />
+            <data android:mimeType="text/plain" />
        </intent>
    </queries>
-</manifest>
+</manifest>
--- a/lib/bootstrapper.dart
+++ b/lib/bootstrapper.dart
@ -112,15 +112,19 @@ class _BootstrapperShellState extends State<BootstrapperShell> {
      label: 'bsPreparingData',
      action: () async {
        final AuthProvider auth = Get.find();
-        await Future.wait([
-          Get.find<StickerProvider>().refreshAvailableStickers(),
-          if (auth.isAuthorized.isTrue)
-            Get.find<ChannelProvider>().refreshAvailableChannel(),
-          if (auth.isAuthorized.isTrue)
-            Get.find<RelationshipProvider>().refreshRelativeList(),
-          if (auth.isAuthorized.isTrue)
-            Get.find<RealmProvider>().refreshAvailableRealms(),
-        ]);
+        try {
+          await Future.wait([
+            Get.find<StickerProvider>().refreshAvailableStickers(),
+            if (auth.isAuthorized.isTrue)
+              Get.find<ChannelProvider>().refreshAvailableChannel(),
+            if (auth.isAuthorized.isTrue)
+              Get.find<RelationshipProvider>().refreshRelativeList(),
+            if (auth.isAuthorized.isTrue)
+              Get.find<RealmProvider>().refreshAvailableRealms(),
+          ]);
+        } catch (e) {
+          context.showErrorDialog(e);
+        }
      },
    ),
    (
--- a/lib/exceptions/request.dart
+++ b/lib/exceptions/request.dart
@ -0,0 +1,10 @@
+import 'package:get/get.dart';
+
+class RequestException implements Exception {
+  final Response data;
+
+  const RequestException(this.data);
+
+  @override
+  String toString() => 'Request failed ${data.statusCode}: ${data.bodyString}';
+}
--- a/lib/exceptions/unauthorized.dart
+++ b/lib/exceptions/unauthorized.dart
@ -0,0 +1,6 @@
+class UnauthorizedException implements Exception {
+  const UnauthorizedException();
+
+  @override
+  String toString() => 'Unauthorized';
+}
--- a/lib/exts.dart
+++ b/lib/exts.dart
@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exceptions/unauthorized.dart';

 extension SolianExtenions on BuildContext {
  void showSnackbar(String content, {SnackBarAction? action}) {
@ -48,15 +50,48 @@ extension SolianExtenions on BuildContext {
  }

  Future<void> showErrorDialog(dynamic exception) {
-    var stack = StackTrace.current;
-    var stackTrace = '$stack';
+    Widget content = Text(exception.toString().capitalize!);
+    if (exception is UnauthorizedException) {
+      content = Text('errorHappenedUnauthorized'.tr);
+    }
+    if (exception is RequestException) {
+      String overall;
+      switch (exception.data.statusCode) {
+        case 400:
+          overall = 'errorHappenedRequestBad'.tr;
+          break;
+        case 401:
+          overall = 'errorHappenedUnauthorized'.tr;
+          break;
+        case 403:
+          overall = 'errorHappenedRequestForbidden'.tr;
+          break;
+        case 404:
+          overall = 'errorHappenedRequestNotFound'.tr;
+          break;
+        case null:
+          overall = 'errorHappenedRequestConnection'.tr;
+          break;
+        default:
+          overall = 'errorHappenedRequestUnknown'.tr;
+          break;
+      }
+
+      if (exception.data.statusCode != null) {
+        content = Text(
+          '$overall\n\n(${exception.data.statusCode}) ${exception.data.bodyString}',
+        );
+      } else {
+        content = Text(overall);
+      }
+    }

    return showDialog<void>(
      useRootNavigator: true,
      context: this,
      builder: (ctx) => AlertDialog(
        title: Text('errorHappened'.tr),
-        content: Text('${exception.toString().capitalize!}\n\nStack Trace: $stackTrace'),
+        content: content,
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(ctx),
--- a/lib/providers/account_status.dart
+++ b/lib/providers/account_status.dart
@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exceptions/unauthorized.dart';
 import 'package:solian/models/account_status.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/services.dart';
@ -33,15 +35,14 @@ class StatusProvider extends GetConnect {

  Future<Response> getCurrentStatus() async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('auth');

    return await client.get('/users/me/status');
  }

-  Future<Response> getSomeoneStatus(String name) =>
-      get('/users/$name/status');
+  Future<Response> getSomeoneStatus(String name) => get('/users/$name/status');

  Future<Response> setStatus(
    String type,
@ -53,7 +54,7 @@ class StatusProvider extends GetConnect {
    DateTime? clearAt,
  }) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('auth');

@ -74,7 +75,7 @@ class StatusProvider extends GetConnect {
    }

    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -82,13 +83,13 @@ class StatusProvider extends GetConnect {

  Future<Response> clearStatus() async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('auth');

    final resp = await client.delete('/users/me/status');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
--- a/lib/providers/auth.dart
+++ b/lib/providers/auth.dart
@ -7,6 +7,8 @@ import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:get/get.dart';
 import 'package:get/get_connect/http/src/request/request.dart';
 import 'package:solian/controllers/chat_events_controller.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exceptions/unauthorized.dart';
 import 'package:solian/providers/websocket.dart';
 import 'package:solian/services.dart';

@ -81,7 +83,7 @@ class AuthProvider extends GetConnect {
        'grant_type': 'refresh_token',
      });
      if (resp.statusCode != 200) {
-        throw Exception(resp.bodyString);
+        throw RequestException(resp);
      }
      credentials = TokenSet(
        accessToken: resp.body['access_token'],
@ -128,7 +130,7 @@ class AuthProvider extends GetConnect {
  }

  Future<void> ensureCredentials() async {
-    if (isAuthorized.isFalse) throw Exception('unauthorized');
+    if (isAuthorized.isFalse) throw const UnauthorizedException();
    if (credentials == null) await loadCredentials();

    if (credentials!.isExpired) {
@ -158,7 +160,7 @@ class AuthProvider extends GetConnect {
      'password': password,
    });
    if (resp.statusCode != 200) {
-      throw Exception(resp.body);
+      throw RequestException(resp);
    } else if (resp.body['is_finished'] == false) {
      throw RiskyAuthenticateException(resp.body['ticket']['id']);
    }
@ -218,7 +220,7 @@ class AuthProvider extends GetConnect {
    final client = configureClient('auth');
    final resp = await client.get('/users/me');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    userProfile.value = resp.body;
--- a/lib/providers/call.dart
+++ b/lib/providers/call.dart
@ -2,6 +2,8 @@ import 'dart:async';

 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exceptions/unauthorized.dart';
 import 'package:livekit_client/livekit_client.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:solian/models/call.dart';
@ -88,7 +90,7 @@ class ChatCallProvider extends GetxController {

  Future<(String, String)> getRoomToken() async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('messaging');

@ -101,7 +103,7 @@ class ChatCallProvider extends GetxController {
      endpoint = 'wss://${resp.body['endpoint']}';
      return (token!, endpoint!);
    } else {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }
  }

--- a/lib/providers/content/attachment.dart
+++ b/lib/providers/content/attachment.dart
@ -2,6 +2,8 @@ import 'dart:convert';
 import 'dart:typed_data';

 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exceptions/unauthorized.dart';
 import 'package:path/path.dart';
 import 'package:solian/models/attachment.dart';
 import 'package:solian/models/pagination.dart';
@ -89,7 +91,7 @@ class AttachmentProvider extends GetConnect {
    Map<String, dynamic>? metadata,
  ) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient(
      'uc',
@ -118,7 +120,7 @@ class AttachmentProvider extends GetConnect {
    });
    final resp = await client.post('/attachments', payload);
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return Attachment.fromJson(resp.body);
@ -131,7 +133,7 @@ class AttachmentProvider extends GetConnect {
    Map<String, dynamic>? metadata,
  ) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('uc');

@ -156,7 +158,7 @@ class AttachmentProvider extends GetConnect {
      'metadata': metadata,
    });
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return AttachmentPlaceholder.fromJson(resp.body);
@ -169,7 +171,7 @@ class AttachmentProvider extends GetConnect {
    String cid,
  ) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient(
      'uc',
@ -181,7 +183,7 @@ class AttachmentProvider extends GetConnect {
    });
    final resp = await client.post('/attachments/multipart/$rid/$cid', payload);
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return Attachment.fromJson(resp.body);
@ -193,7 +195,7 @@ class AttachmentProvider extends GetConnect {
    bool isMature = false,
  }) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('files');

@ -203,7 +205,7 @@ class AttachmentProvider extends GetConnect {
    });

    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -211,13 +213,13 @@ class AttachmentProvider extends GetConnect {

  Future<Response> deleteAttachment(int id) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('files');

    var resp = await client.delete('/attachments/$id');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
--- a/lib/providers/content/channel.dart
+++ b/lib/providers/content/channel.dart
@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exceptions/unauthorized.dart';
 import 'package:solian/models/channel.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/widgets/account/relative_select.dart';
@ -16,7 +18,7 @@ class ChannelProvider extends GetxController {

  Future<void> refreshAvailableChannel() async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    isLoading.value = true;
    final resp = await listAvailableChannel();
@ -29,13 +31,13 @@ class ChannelProvider extends GetxController {

  Future<Response> getChannel(String alias, {String realm = 'global'}) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('messaging');

    final resp = await client.get('/channels/$realm/$alias');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -44,13 +46,13 @@ class ChannelProvider extends GetxController {
  Future<Response> getMyChannelProfile(String alias,
      {String realm = 'global'}) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('messaging');

    final resp = await client.get('/channels/$realm/$alias/me');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -59,7 +61,7 @@ class ChannelProvider extends GetxController {
  Future<Response?> getChannelOngoingCall(String alias,
      {String realm = 'global'}) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('messaging');

@ -67,7 +69,7 @@ class ChannelProvider extends GetxController {
    if (resp.statusCode == 404) {
      return null;
    } else if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -75,13 +77,13 @@ class ChannelProvider extends GetxController {

  Future<Response> listChannel({String scope = 'global'}) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('messaging');

    final resp = await client.get('/channels/$scope');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -89,13 +91,13 @@ class ChannelProvider extends GetxController {

  Future<Response> listAvailableChannel({String realm = 'global'}) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('messaging');

    final resp = await client.get('/channels/$realm/me/available');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -103,13 +105,13 @@ class ChannelProvider extends GetxController {

  Future<Response> createChannel(String scope, dynamic payload) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('messaging');

    final resp = await client.post('/channels/$scope', payload);
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -118,7 +120,7 @@ class ChannelProvider extends GetxController {
  Future<Response?> createDirectChannel(
      BuildContext context, String scope) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final related = await showModalBottomSheet(
      useRootNavigator: true,
@ -141,7 +143,7 @@ class ChannelProvider extends GetxController {
      'is_encrypted': false,
    });
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -149,13 +151,13 @@ class ChannelProvider extends GetxController {

  Future<Response> updateChannel(String scope, int id, dynamic payload) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('messaging');

    final resp = await client.put('/channels/$scope/$id', payload);
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
--- a/lib/providers/content/posts.dart
+++ b/lib/providers/content/posts.dart
@ -1,4 +1,6 @@
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exceptions/unauthorized.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/services.dart';

@ -28,7 +30,7 @@ class PostProvider extends GetConnect {
          : '/recommendations/$channel?${queries.join('&')}',
    );
    if (resp.statusCode != 200) {
-      throw Exception(resp.body);
+      throw RequestException(resp);
    }

    return resp;
@ -36,7 +38,7 @@ class PostProvider extends GetConnect {

  Future<Response> listDraft(int page) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final queries = [
      'take=${10}',
@ -45,7 +47,7 @@ class PostProvider extends GetConnect {
    final client = auth.configureClient('interactive');
    final resp = await client.get('/posts/drafts?${queries.join('&')}');
    if (resp.statusCode != 200) {
-      throw Exception(resp.body);
+      throw RequestException(resp);
    }

    return resp;
@ -63,7 +65,7 @@ class PostProvider extends GetConnect {
    ];
    final resp = await get('/posts?${queries.join('&')}');
    if (resp.statusCode != 200) {
-      throw Exception(resp.body);
+      throw RequestException(resp);
    }

    return resp;
@ -72,7 +74,7 @@ class PostProvider extends GetConnect {
  Future<Response> listPostReplies(String alias, int page) async {
    final resp = await get('/posts/$alias/replies?take=${10}&offset=$page');
    if (resp.statusCode != 200) {
-      throw Exception(resp.body);
+      throw RequestException(resp);
    }

    return resp;
@ -81,7 +83,7 @@ class PostProvider extends GetConnect {
  Future<Response> getPost(String alias) async {
    final resp = await get('/posts/$alias');
    if (resp.statusCode != 200) {
-      throw Exception(resp.body);
+      throw RequestException(resp);
    }

    return resp;
@ -90,7 +92,7 @@ class PostProvider extends GetConnect {
  Future<Response> getArticle(String alias) async {
    final resp = await get('/articles/$alias');
    if (resp.statusCode != 200) {
-      throw Exception(resp.body);
+      throw RequestException(resp);
    }

    return resp;
--- a/lib/providers/content/realm.dart
+++ b/lib/providers/content/realm.dart
@ -1,4 +1,6 @@
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exceptions/unauthorized.dart';
 import 'package:solian/models/realm.dart';
 import 'package:solian/providers/auth.dart';

@ -8,7 +10,7 @@ class RealmProvider extends GetxController {

  Future<void> refreshAvailableRealms() async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    isLoading.value = true;
    final resp = await listAvailableRealm();
@ -21,13 +23,13 @@ class RealmProvider extends GetxController {

  Future<Response> getRealm(String alias) async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('auth');

    final resp = await client.get('/realms/$alias');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -35,13 +37,13 @@ class RealmProvider extends GetxController {

  Future<Response> listAvailableRealm() async {
    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) throw Exception('unauthorized');
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

    final client = auth.configureClient('auth');

    final resp = await client.get('/realms/me/available');
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
--- a/lib/providers/message/adaptor.dart
+++ b/lib/providers/message/adaptor.dart
@ -1,5 +1,6 @@
 import 'package:floor/floor.dart';
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
 import 'package:solian/models/channel.dart';
 import 'package:solian/models/event.dart';
 import 'package:solian/models/pagination.dart';
@ -29,20 +30,20 @@ Future<Event?> getRemoteEvent(int id, Channel channel, String scope) async {
  if (resp.statusCode == 404) {
    return null;
  } else if (resp.statusCode != 200) {
-    throw Exception(resp.bodyString);
+    throw RequestException(resp);
  }

  return Event.fromJson(resp.body);
 }

 Future<(List<Event>, int)?> getRemoteEvents(
-    Channel channel,
-    String scope, {
-      required int remainDepth,
-      bool Function(List<Event> items)? onBrake,
-      take = 10,
-      offset = 0,
-    }) async {
+  Channel channel,
+  String scope, {
+  required int remainDepth,
+  bool Function(List<Event> items)? onBrake,
+  take = 10,
+  offset = 0,
+}) async {
  if (remainDepth <= 0) {
    return null;
  }
@ -57,7 +58,7 @@ Future<(List<Event>, int)?> getRemoteEvents(
  );

  if (resp.statusCode != 200) {
-    throw Exception(resp.bodyString);
+    throw RequestException(resp);
  }

  final PaginationResult response = PaginationResult.fromJson(resp.body);
@ -69,13 +70,13 @@ Future<(List<Event>, int)?> getRemoteEvents(
  }

  final expandResult = (await getRemoteEvents(
-    channel,
-    scope,
-    remainDepth: remainDepth - 1,
-    take: take,
-    offset: offset + result.length,
-  ))
-      ?.$1 ??
+        channel,
+        scope,
+        remainDepth: remainDepth - 1,
+        take: take,
+        offset: offset + result.length,
+      ))
+          ?.$1 ??
      List.empty();

  return ([...result, ...expandResult], response.count);
--- a/lib/providers/relation.dart
+++ b/lib/providers/relation.dart
@ -1,4 +1,5 @@
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
 import 'package:solian/models/account.dart';
 import 'package:solian/models/relations.dart';
 import 'package:solian/providers/auth.dart';
@ -42,7 +43,7 @@ class RelationshipProvider extends GetxController {
    final client = auth.configureClient('auth');
    final resp = await client.post('/users/me/relations?related=$username', {});
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -57,7 +58,7 @@ class RelationshipProvider extends GetxController {
      {},
    );
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
@ -71,7 +72,7 @@ class RelationshipProvider extends GetxController {
      {'status': status},
    );
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }

    return resp;
--- a/lib/providers/websocket.dart
+++ b/lib/providers/websocket.dart
@ -6,6 +6,7 @@ import 'dart:io';
 import 'package:device_info_plus/device_info_plus.dart';
 import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:get/get.dart';
+import 'package:solian/exceptions/request.dart';
 import 'package:solian/models/notification.dart';
 import 'package:solian/models/packet.dart';
 import 'package:solian/models/pagination.dart';
@ -50,31 +51,31 @@ class WebSocketProvider extends GetxController {
    }

    final AuthProvider auth = Get.find();
-    await auth.ensureCredentials();
-
-    if (auth.credentials == null) await auth.loadCredentials();
-
-    final uri = Uri.parse(ServiceFinder.buildUrl(
-      'dealer',
-      '/api/ws?tk=${auth.credentials!.accessToken}',
-    ).replaceFirst('http', 'ws'));
-
-    isConnecting.value = true;

    try {
+      await auth.ensureCredentials();
+
+      final uri = Uri.parse(ServiceFinder.buildUrl(
+        'dealer',
+        '/api/ws?tk=${auth.credentials!.accessToken}',
+      ).replaceFirst('http', 'ws'));
+
+      isConnecting.value = true;
+
      websocket = WebSocketChannel.connect(uri);
      await websocket?.ready;
-    } catch (e) {
+      listen();
+
+      isConnected.value = true;
+    } catch (err) {
+      log('Unable connect dealer via websocket... $err');
      if (!noRetry) {
        await auth.refreshCredentials();
        return connect(noRetry: true);
      }
+    } finally {
+      isConnecting.value = false;
    }
-
-    listen();
-
-    isConnected.value = true;
-    isConnecting.value = false;
  }

  void disconnect() {
@ -148,7 +149,7 @@ class WebSocketProvider extends GetxController {
      'device_id': deviceUuid,
    });
    if (resp.statusCode != 200) {
-      throw Exception(resp.bodyString);
+      throw RequestException(resp);
    }
  }

--- a/lib/screens/account/personalize.dart
+++ b/lib/screens/account/personalize.dart
@ -109,11 +109,11 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {

    setState(() => _isBusy = true);

-    final AttachmentProvider provider = Get.find();
+    final AttachmentProvider attach = Get.find();

    Attachment? attachResult;
    try {
-      attachResult = await provider.createAttachmentDirectly(
+      attachResult = await attach.createAttachmentDirectly(
        await file.readAsBytes(),
        file.path,
        'avatar',
--- a/lib/screens/channel/call/call.dart
+++ b/lib/screens/channel/call/call.dart
@ -13,8 +13,13 @@ import 'package:livekit_client/livekit_client.dart' as livekit;

 class CallScreen extends StatefulWidget {
  final bool hideAppBar;
+  final bool isExpandable;

-  const CallScreen({super.key, this.hideAppBar = false});
+  const CallScreen({
+    super.key,
+    this.hideAppBar = false,
+    this.isExpandable = false,
+  });

  @override
  State<CallScreen> createState() => _CallScreenState();
@ -308,13 +313,24 @@ class _CallScreenState extends State<CallScreen> with TickerProviderStateMixin {
                            ),
                          );
                        }),
-                        IconButton(
-                          icon: _layoutMode == 0
-                              ? const Icon(Icons.view_list)
-                              : const Icon(Icons.grid_view),
-                          onPressed: () {
-                            _switchLayout();
-                          },
+                        Row(
+                          children: [
+                            if (widget.isExpandable)
+                              IconButton(
+                                icon: const Icon(Icons.fullscreen),
+                                onPressed: () {
+                                  ctrl.gotoScreen(context);
+                                },
+                              ),
+                            IconButton(
+                              icon: _layoutMode == 0
+                                  ? const Icon(Icons.view_list)
+                                  : const Icon(Icons.grid_view),
+                              onPressed: () {
+                                _switchLayout();
+                              },
+                            ),
+                          ],
                        ),
                      ],
                    ).paddingOnly(left: 20, right: 16),
--- a/lib/screens/channel/channel_chat.dart
+++ b/lib/screens/channel/channel_chat.dart
@ -141,7 +141,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
    switch (state) {
      case AppLifecycleState.resumed:
        if (_isOutOfSyncSince == null) break;
-        if (DateTime.now().difference(_isOutOfSyncSince!).inSeconds < 60) break;
+        if (DateTime.now().difference(_isOutOfSyncSince!).inSeconds < 30) break;
        _keepUpdateWithServer();
        break;
      case AppLifecycleState.paused:
@ -269,26 +269,6 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
                      },
                    ),
                  ),
-                  if (_isOutOfSyncSince != null)
-                    ListTile(
-                      contentPadding: const EdgeInsets.only(left: 16, right: 8),
-                      tileColor:
-                          Theme.of(context).colorScheme.surfaceContainerLow,
-                      leading: const Icon(Icons.history_toggle_off),
-                      title: Text('messageOutOfSync'.tr),
-                      subtitle: Text('messageOutOfSyncCaption'.tr),
-                      trailing: IconButton(
-                        icon: const Icon(Icons.close),
-                        onPressed: () {
-                          setState(() => _isOutOfSyncSince = null);
-                        },
-                      ),
-                      onTap: _isBusy
-                          ? null
-                          : () {
-                              _keepUpdateWithServer();
-                            },
-                    ),
                  Obx(() {
                    if (_chatController.isLoading.isTrue) {
                      return const LinearProgressIndicator().animate().slideY();
@ -331,7 +311,10 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
                  child: Row(children: [
                    VerticalDivider(width: 0.3, thickness: 0.3),
                    Expanded(
-                      child: CallScreen(hideAppBar: true),
+                      child: CallScreen(
+                        hideAppBar: true,
+                        isExpandable: true,
+                      ),
                    ),
                  ]),
                );
--- a/lib/screens/chat.dart
+++ b/lib/screens/chat.dart
@ -80,13 +80,15 @@ class _ChatScreenState extends State<ChatScreen> {
                    contentPadding: const EdgeInsets.symmetric(horizontal: 8),
                  ),
                  onTap: () {
-                    final ChannelProvider provider = Get.find();
-                    provider
+                    final ChannelProvider channels = Get.find();
+                    channels
                        .createDirectChannel(context, 'global')
                        .then((resp) {
                      if (resp != null) {
                        _channels.refreshAvailableChannel();
                      }
+                    }).catchError((e) {
+                      context.showErrorDialog(e);
                    });
                  },
                ),
@ -125,6 +127,7 @@ class _ChatScreenState extends State<ChatScreen> {
                        noCategory: true,
                        channels: _channels.directChannels,
                        selfId: selfId,
+                        useReplace: true,
                      ),
                    ),
                  ),
--- a/lib/translations/en_us.dart
+++ b/lib/translations/en_us.dart
@ -41,6 +41,8 @@ const i18nEnglish = {
  'openInBrowser': 'Open in browser',
  'notification': 'Notification',
  'errorHappened': 'An error occurred',
+  'errorHappenedUnauthorized':
+      'Unauthorized request, please sign in or try resign in.',
  'forgotPassword': 'Forgot password',
  'email': 'Email',
  'username': 'Username',
@ -381,4 +383,6 @@ const i18nEnglish = {
      'Since the App has entered the background, there may be a time difference between the message list and the server. Click to Refresh.',
  'messageHistoryWipe': 'Wipe local message history',
  'unknown': 'Unknown',
+  'collapse': 'Collapse',
+  'expand': 'Expand',
 };
--- a/lib/translations/zh_cn.dart
+++ b/lib/translations/zh_cn.dart
@ -41,6 +41,12 @@ const i18nSimplifiedChinese = {
  'openInBrowser': '在浏览器中打开',
  'notification': '通知',
  'errorHappened': '发生错误了',
+  'errorHappenedUnauthorized': '未经授权的请求，请登录或尝试重新登录。',
+  'errorHappenedRequestBad': '请求错误，服务器拒绝处理该请求，请检查您的请求数据。',
+  'errorHappenedRequestForbidden': '请求错误，权限不足。',
+  'errorHappenedRequestNotFound': '请求错误，请求的数据不存在。',
+  'errorHappenedRequestConnection': '网络请求失败，请检查连接状态与服务状态后再试。',
+  'errorHappenedRequestUnknown': '请求错误，类型未知，请将本提示完整截图提交反馈。',
  'forgotPassword': '忘记密码',
  'email': '邮件地址',
  'username': '用户名',
@ -347,4 +353,6 @@ const i18nSimplifiedChinese = {
  'messageOutOfSyncCaption': '由于 App 进入后台，消息列表可能与服务器存在时差，点击刷新。',
  'messageHistoryWipe': '清除消息记录',
  'unknown': '未知',
+  'collapse': '折叠',
+  'expand': '展开',
 };
--- a/lib/widgets/attachments/attachment_attr_editor.dart
+++ b/lib/widgets/attachments/attachment_attr_editor.dart
@ -28,11 +28,11 @@ class _AttachmentAttrEditorDialogState
  bool _isMature = false;

  Future<Attachment?> _updateAttachment() async {
-    final AttachmentProvider provider = Get.find();
+    final AttachmentProvider attach = Get.find();

    setState(() => _isBusy = true);
    try {
-      final resp = await provider.updateAttachment(
+      final resp = await attach.updateAttachment(
        widget.item.id,
        _altController.value.text,
        isMature: _isMature,
--- a/lib/widgets/attachments/attachment_list.dart
+++ b/lib/widgets/attachments/attachment_list.dart
@ -157,7 +157,7 @@ class _AttachmentListState extends State<AttachmentList> {
          final element = _attachmentsMeta[idx];
          idx++;
          if (element == null) return const SizedBox();
-          double ratio = element.metadata!['ratio']?.toDouble() ?? 16 / 9;
+          double ratio = element.metadata?['ratio']?.toDouble() ?? 16 / 9;
          return Container(
            constraints: BoxConstraints(
              maxWidth: widget.columnMaxWidth,
--- a/lib/widgets/chat/chat_message_input.dart
+++ b/lib/widgets/chat/chat_message_input.dart
@ -239,7 +239,7 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
    var insertText = '';

    if (suggestion.type == 'emotes') {
-      insertText = suggestion.content;
+      insertText = '${suggestion.content} ';
      startText = replaceText.replaceFirstMapped(
        RegExp(r':(?:([-\w]+)~)?([-\w]+)$'),
        (Match m) => insertText,
@ -247,7 +247,7 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
    }

    if (suggestion.type == 'users') {
-      insertText = suggestion.content;
+      insertText = '${suggestion.content} ';
      startText = replaceText.replaceFirstMapped(
        RegExp(r'(?:\s|^)@([-\w]+)$'),
        (Match m) => insertText,
--- a/lib/widgets/navigation/app_navigation_drawer.dart
+++ b/lib/widgets/navigation/app_navigation_drawer.dart
@ -13,7 +13,7 @@ import 'package:solian/widgets/account/account_avatar.dart';
 import 'package:solian/widgets/account/account_status_action.dart';
 import 'package:solian/widgets/navigation/app_navigation.dart';
 import 'package:badges/badges.dart' as badges;
-import 'package:solian/widgets/navigation/app_navigation_regions.dart';
+import 'package:solian/widgets/navigation/app_navigation_region.dart';

 class AppNavigationDrawer extends StatefulWidget {
  final String? routeName;
@ -24,7 +24,23 @@ class AppNavigationDrawer extends StatefulWidget {
  State<AppNavigationDrawer> createState() => _AppNavigationDrawerState();
 }

-class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
+class _AppNavigationDrawerState extends State<AppNavigationDrawer>
+    with TickerProviderStateMixin {
+  bool _isCollapsed = false;
+
+  late final AnimationController _drawerAnimationController =
+      AnimationController(
+    duration: const Duration(milliseconds: 500),
+    vsync: this,
+  );
+  late final Animation<double> _drawerAnimation = Tween<double>(
+    begin: 80.0,
+    end: 304.0,
+  ).animate(CurvedAnimation(
+    parent: _drawerAnimationController,
+    curve: Curves.easeInOut,
+  ));
+
  AccountStatus? _accountStatus;

  Future<void> _getStatus() async {
@ -40,137 +56,228 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
    }
  }

+  Color get _unFocusColor =>
+      Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
+
+  Widget _buildUserInfo() {
+    return Obx(() {
+      final AuthProvider auth = Get.find();
+      if (auth.isAuthorized.isFalse || auth.userProfile.value == null) {
+        if (_isCollapsed) {
+          return InkWell(
+            child: const Icon(Icons.account_circle).paddingSymmetric(
+              horizontal: 28,
+              vertical: 20,
+            ),
+            onTap: () {
+              AppRouter.instance.goNamed('account');
+              _closeDrawer();
+            },
+          );
+        }
+
+        return ListTile(
+          contentPadding: const EdgeInsets.symmetric(horizontal: 28),
+          leading: const Icon(Icons.account_circle),
+          title: !_isCollapsed ? Text('guest'.tr) : null,
+          subtitle: !_isCollapsed ? Text('unsignedIn'.tr) : null,
+          onTap: () {
+            AppRouter.instance.goNamed('account');
+            _closeDrawer();
+          },
+        );
+      }
+
+      final leading = Obx(() {
+        final statusBadgeColor = _accountStatus != null
+            ? StatusProvider.determineStatus(_accountStatus!).$2
+            : Colors.grey;
+
+        final RelationshipProvider relations = Get.find();
+        final accountNotifications = relations.friendRequestCount.value;
+
+        return badges.Badge(
+          badgeContent: Text(
+            accountNotifications.toString(),
+            style: const TextStyle(color: Colors.white),
+          ),
+          showBadge: accountNotifications > 0,
+          position: badges.BadgePosition.topEnd(
+            top: -10,
+            end: -6,
+          ),
+          child: badges.Badge(
+            showBadge: _accountStatus != null,
+            badgeStyle: badges.BadgeStyle(badgeColor: statusBadgeColor),
+            position: badges.BadgePosition.bottomEnd(
+              bottom: 0,
+              end: -2,
+            ),
+            child: AccountAvatar(
+              content: auth.userProfile.value!['avatar'],
+            ),
+          ),
+        );
+      });
+
+      return InkWell(
+        child: !_isCollapsed
+            ? Row(
+                children: [
+                  leading,
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          auth.userProfile.value!['nick'],
+                          maxLines: 1,
+                          overflow: TextOverflow.fade,
+                          style: Theme.of(context).textTheme.bodyLarge,
+                        ).paddingOnly(left: 16),
+                        Builder(
+                          builder: (context) {
+                            if (_accountStatus == null) {
+                              return Text('loading'.tr).paddingOnly(left: 16);
+                            }
+                            final info = StatusProvider.determineStatus(
+                              _accountStatus!,
+                            );
+                            return Text(
+                              info.$3,
+                              maxLines: 1,
+                              overflow: TextOverflow.fade,
+                              style: TextStyle(
+                                color: _unFocusColor,
+                              ),
+                            ).paddingOnly(left: 16);
+                          },
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ).paddingSymmetric(horizontal: 20, vertical: 16)
+            : leading.paddingSymmetric(horizontal: 20, vertical: 16),
+        onTap: () {
+          AppRouter.instance.goNamed('account');
+          _closeDrawer();
+        },
+        onLongPress: () {
+          showModalBottomSheet(
+            useRootNavigator: true,
+            context: context,
+            builder: (context) => AccountStatusAction(
+              currentStatus: _accountStatus!.status,
+            ),
+          ).then((val) {
+            if (val == true) _getStatus();
+          });
+        },
+      );
+    });
+  }
+
+  void _expandDrawer() {
+    _drawerAnimationController.animateTo(1);
+  }
+
+  void _collapseDrawer() {
+    _drawerAnimationController.animateTo(0);
+  }
+
  void _closeDrawer() {
+    _autoResize();
    rootScaffoldKey.currentState!.closeDrawer();
  }

+  void _autoResize() {
+    if (SolianTheme.isExtraLargeScreen(context)) {
+      _expandDrawer();
+    } else if (SolianTheme.isLargeScreen(context)) {
+      _collapseDrawer();
+    } else {
+      _drawerAnimationController.animateTo(
+        1,
+        duration: const Duration(milliseconds: 100),
+      );
+    }
+  }
+
  @override
  void initState() {
    super.initState();
    _getStatus();
+    Future.delayed(Duration.zero, () => _autoResize());
+    _drawerAnimationController.addListener(() {
+      if (_drawerAnimation.value > 180 && _isCollapsed) {
+        setState(() => _isCollapsed = false);
+      } else if (_drawerAnimation.value < 180 && !_isCollapsed) {
+        setState(() => _isCollapsed = true);
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    _drawerAnimationController.dispose();
+    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
-    final AuthProvider auth = Get.find();
-
-    return Drawer(
-      backgroundColor:
-          SolianTheme.isLargeScreen(context) ? Colors.transparent : null,
+    return AnimatedBuilder(
+      animation: _drawerAnimation,
+      builder: (context, child) {
+        return Drawer(
+          width: _drawerAnimation.value,
+          backgroundColor:
+              SolianTheme.isLargeScreen(context) ? Colors.transparent : null,
+          child: child,
+        );
+      },
      child: SafeArea(
        bottom: false,
        child: Column(
          children: [
-            Obx(() {
-              if (auth.isAuthorized.isFalse || auth.userProfile.value == null) {
-                return ListTile(
-                  contentPadding: const EdgeInsets.symmetric(horizontal: 28),
-                  leading: const Icon(Icons.account_circle),
-                  title: Text('guest'.tr),
-                  subtitle: Text('unsignedIn'.tr),
-                  onTap: () {
-                    AppRouter.instance.goNamed('account');
-                    _closeDrawer();
-                  },
-                );
-              }
-
-              return ListTile(
-                contentPadding: const EdgeInsets.only(left: 20, right: 20),
-                title: Text(
-                  auth.userProfile.value!['nick'],
-                  maxLines: 1,
-                  overflow: TextOverflow.fade,
-                ),
-                subtitle: Builder(
-                  builder: (context) {
-                    if (_accountStatus == null) {
-                      return Text('loading'.tr);
-                    }
-                    final info = StatusProvider.determineStatus(
-                      _accountStatus!,
-                    );
-                    return Text(
-                      info.$3,
-                      maxLines: 1,
-                      overflow: TextOverflow.fade,
-                    );
-                  },
-                ),
-                leading: Obx(() {
-                  final statusBadgeColor = _accountStatus != null
-                      ? StatusProvider.determineStatus(
-                          _accountStatus!,
-                        ).$2
-                      : Colors.grey;
-
-                  final RelationshipProvider relations = Get.find();
-                  final accountNotifications =
-                      relations.friendRequestCount.value;
-
-                  return badges.Badge(
-                    badgeContent: Text(
-                      accountNotifications.toString(),
-                      style: const TextStyle(color: Colors.white),
-                    ),
-                    showBadge: accountNotifications > 0,
-                    position: badges.BadgePosition.topEnd(
-                      top: -10,
-                      end: -6,
-                    ),
-                    child: badges.Badge(
-                      showBadge: _accountStatus != null,
-                      badgeStyle:
-                          badges.BadgeStyle(badgeColor: statusBadgeColor),
-                      position: badges.BadgePosition.bottomEnd(
-                        bottom: 0,
-                        end: -2,
-                      ),
-                      child: AccountAvatar(
-                        content: auth.userProfile.value!['avatar'],
-                      ),
-                    ),
-                  );
-                }),
-                onTap: () {
-                  AppRouter.instance.goNamed('account');
-                  _closeDrawer();
-                },
-                onLongPress: () {
-                  showModalBottomSheet(
-                    useRootNavigator: true,
-                    context: context,
-                    builder: (context) => AccountStatusAction(
-                      currentStatus: _accountStatus!.status,
-                    ),
-                  ).then((val) {
-                    if (val == true) _getStatus();
-                  });
-                },
-              );
-            }).paddingSymmetric(vertical: 8),
+            _buildUserInfo().paddingSymmetric(vertical: 8),
            const Divider(thickness: 0.3, height: 1),
            Column(
              children: AppNavigation.destinations
                  .map(
-                    (e) => ListTile(
-                      contentPadding: const EdgeInsets.symmetric(
-                        horizontal: 20,
-                      ),
-                      leading: Icon(e.icon, size: 20).paddingAll(2),
-                      title: Text(e.label),
-                      enabled: true,
-                      onTap: () {
-                        AppRouter.instance.goNamed(e.page);
-                        _closeDrawer();
-                      },
-                    ),
+                    (e) => _isCollapsed
+                        ? Tooltip(
+                            message: e.label,
+                            child: InkWell(
+                              child: Icon(e.icon, size: 20).paddingSymmetric(
+                                horizontal: 28,
+                                vertical: 16,
+                              ),
+                              onTap: () {
+                                AppRouter.instance.goNamed(e.page);
+                                _closeDrawer();
+                              },
+                            ),
+                          )
+                        : ListTile(
+                            contentPadding: const EdgeInsets.symmetric(
+                              horizontal: 20,
+                            ),
+                            leading: Icon(e.icon, size: 20).paddingAll(2),
+                            title: !_isCollapsed ? Text(e.label) : null,
+                            enabled: true,
+                            onTap: () {
+                              AppRouter.instance.goNamed(e.page);
+                              _closeDrawer();
+                            },
+                          ),
                  )
                  .toList(),
-            ).paddingSymmetric(vertical: 8),
+            ),
            const Divider(thickness: 0.3, height: 1),
            Expanded(
-              child: AppNavigationRegions(
+              child: AppNavigationRegion(
+                isCollapsed: _isCollapsed,
                onSelected: (item) {
                  _closeDrawer();
                },
@ -179,18 +286,63 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
            const Divider(thickness: 0.3, height: 1),
            Column(
              children: [
-                ListTile(
-                  minTileHeight: 0,
-                  contentPadding: const EdgeInsets.symmetric(
-                    horizontal: 20,
+                if (_isCollapsed)
+                  Tooltip(
+                    message: 'settings'.tr,
+                    child: InkWell(
+                      child: const Icon(
+                        Icons.settings,
+                        size: 20,
+                      ).paddingSymmetric(
+                        horizontal: 28,
+                        vertical: 10,
+                      ),
+                      onTap: () {
+                        AppRouter.instance.pushNamed('settings');
+                        _closeDrawer();
+                      },
+                    ),
+                  )
+                else
+                  ListTile(
+                    minTileHeight: 0,
+                    contentPadding: const EdgeInsets.symmetric(
+                      horizontal: 20,
+                    ),
+                    leading: const Icon(Icons.settings, size: 20).paddingAll(2),
+                    title: Text('settings'.tr),
+                    onTap: () {
+                      AppRouter.instance.pushNamed('settings');
+                      _closeDrawer();
+                    },
+                  ),
+                if (_isCollapsed)
+                  Tooltip(
+                    message: 'expand'.tr,
+                    child: InkWell(
+                      child: const Icon(Icons.chevron_right, size: 20)
+                          .paddingSymmetric(
+                        horizontal: 28,
+                        vertical: 10,
+                      ),
+                      onTap: () {
+                        _expandDrawer();
+                      },
+                    ),
+                  )
+                else
+                  ListTile(
+                    minTileHeight: 0,
+                    contentPadding: const EdgeInsets.symmetric(
+                      horizontal: 20,
+                    ),
+                    leading:
+                        const Icon(Icons.chevron_left, size: 20).paddingAll(2),
+                    title: Text('collapse'.tr),
+                    onTap: () {
+                      _collapseDrawer();
+                    },
                  ),
-                  leading: const Icon(Icons.settings, size: 20).paddingAll(2),
-                  title: Text('settings'.tr),
-                  onTap: () {
-                    AppRouter.instance.pushNamed('settings');
-                    _closeDrawer();
-                  },
-                ),
              ],
            ).paddingOnly(
              top: 8,
--- a/lib/widgets/navigation/app_navigation_regions.dart
+++ b/lib/widgets/navigation/app_navigation_regions.dart
@ -5,10 +5,15 @@ import 'package:solian/providers/content/channel.dart';
 import 'package:solian/router.dart';
 import 'package:collection/collection.dart';

-class AppNavigationRegions extends StatelessWidget {
+class AppNavigationRegion extends StatelessWidget {
+  final bool isCollapsed;
  final Function(Channel item) onSelected;

-  const AppNavigationRegions({super.key, required this.onSelected});
+  const AppNavigationRegion({
+    super.key,
+    required this.onSelected,
+    this.isCollapsed = false,
+  });

  void _gotoChannel(Channel item) {
    AppRouter.instance.pushReplacementNamed(
@ -25,6 +30,16 @@ class AppNavigationRegions extends StatelessWidget {
  Widget _buildEntry(BuildContext context, Channel item) {
    const padding = EdgeInsets.symmetric(horizontal: 20);

+    if (isCollapsed) {
+      return InkWell(
+        child: const Icon(Icons.tag_outlined, size: 20).paddingSymmetric(
+          horizontal: 20,
+          vertical: 16,
+        ),
+        onTap: () => _gotoChannel(item),
+      );
+    }
+
    return ListTile(
      minTileHeight: 0,
      leading: const Icon(Icons.tag_outlined),
@ -51,6 +66,27 @@ class AppNavigationRegions extends StatelessWidget {
          .where((x) => x.type == 0 && x.realmId != null)
          .toList();

+      if (isCollapsed) {
+        return CustomScrollView(
+          slivers: [
+            const SliverPadding(padding: EdgeInsets.only(top: 8)),
+            SliverList.builder(
+              itemCount:
+                  noRealmGroupChannels.length + hasRealmGroupChannels.length,
+              itemBuilder: (context, index) {
+                final element = index >= noRealmGroupChannels.length
+                    ? hasRealmGroupChannels[index - noRealmGroupChannels.length]
+                    : noRealmGroupChannels[index];
+                return Tooltip(
+                  message: element.name,
+                  child: _buildEntry(context, element),
+                );
+              },
+            ),
+          ],
+        );
+      }
+
      return CustomScrollView(
        slivers: [
          const SliverPadding(padding: EdgeInsets.only(top: 8)),
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -2,7 +2,7 @@ name: solian
 description: "The Solar Network App"
 publish_to: "none"

-version: 1.2.1+20
+version: 1.2.1+21

 environment:
  sdk: ">=3.3.4 <4.0.0"
Author	SHA1	Message	Date
LittleSheep	b6ebd6bef6	🐛 Drawer will expand on mobile device	2024-08-21 20:55:22 +08:00
LittleSheep	2ec25fd1a2	✨ Drawer tooltip on collapse mode	2024-08-21 19:35:29 +08:00
LittleSheep	bc99865ba8	💫 Animated collapsible sidebar	2024-08-21 19:11:27 +08:00
LittleSheep	f834351ce2	✨ Basis collapse sidebar	2024-08-21 17:00:59 +08:00
LittleSheep	0f1a02f65b	🐛 Try to fix protocol handler issue on android	2024-08-21 16:02:00 +08:00
LittleSheep	6ad0a34645	✨ Call on large screen able to full screen	2024-08-21 15:57:45 +08:00
LittleSheep	fdc71475fc	💄 Optimize message hint	2024-08-21 15:45:55 +08:00
LittleSheep	047defebd1	🥅 Better request failed exceptions	2024-08-21 15:39:29 +08:00
LittleSheep	6148e889aa	🥅 Better unauthorized exceptions	2024-08-21 15:25:50 +08:00
LittleSheep	1d7affcd84	🐛 Bug fixes	2024-08-21 13:14:40 +08:00