💄 Optimized settings

⬆️ Upgrade flutter + deps
🚀 Launch 1.2.1+36
2024-09-13 23:19:33 +08:00 · 2024-09-13 22:51:17 +08:00 · 2024-09-13 20:22:33 +08:00 · 2024-09-13 20:22:10 +08:00 · 2024-09-13 00:17:56 +08:00 · 2024-09-12 23:55:31 +08:00
44 changed files with 573 additions and 378 deletions
--- a/assets/locales/en_us.json
+++ b/assets/locales/en_us.json
@@ -76,8 +76,8 @@
  "firstName": "First Name",
  "lastName": "Last Name",
  "account": "Account",
-  "accountPersonalize": "Personalize",
-  "accountPersonalizeApplied": "Account personalize settings has been saved.",
+  "accountProfile": "Your profile",
+  "accountProfileApplied": "Account profile has been saved.",
  "accountStickers": "Stickers",
  "accountFriend": "Friend",
  "accountFriendNew": "New friend",
@@ -391,5 +391,6 @@
  "userLevel10": "Grandmaster",
  "userLevel11": "Legend",
  "userLevel12": "Mythic",
-  "userLevel13": "Immortal"
+  "userLevel13": "Immortal",
+  "postBrowsingIn": "Browsing in @region"
 }
--- a/assets/locales/zh_cn.json
+++ b/assets/locales/zh_cn.json
@@ -81,8 +81,8 @@
  "firstName": "名称",
  "lastName": "姓氏",
  "account": "账号",
-  "accountPersonalize": "个性化",
-  "accountPersonalizeApplied": "账户的个性化设置已保存。",
+  "accountProfile": "个人资料",
+  "accountProfileApplied": "账户的资料已保存。",
  "accountStickers": "贴图",
  "accountFriend": "好友",
  "accountFriendNew": "添加好友",
@@ -392,5 +392,6 @@
  "userLevel10": "出神入化",
  "userLevel11": "名垂千古",
  "userLevel12": "独占鳌头",
-  "userLevel13": "万古流芳"
+  "userLevel13": "万古流芳",
+  "postBrowsingIn": "浏览 @region 内的帖子中"
 }
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -58,7 +58,7 @@ PODS:
    - Firebase/Analytics (= 11.0.0)
    - firebase_core
    - Flutter
-  - firebase_core (3.4.0):
+  - firebase_core (3.4.1):
    - Firebase/CoreOnly (= 11.0.0)
    - Flutter
  - firebase_crashlytics (4.1.0):
@@ -221,7 +221,7 @@ PODS:
    - TOCropViewController (~> 2.7.4)
  - image_picker_ios (0.0.1):
    - Flutter
-  - livekit_client (2.2.4):
+  - livekit_client (2.2.5):
    - Flutter
    - WebRTC-SDK (= 125.6422.04)
  - media_kit_libs_ios_video (1.0.4):
@@ -414,7 +414,7 @@ SPEC CHECKSUMS:
  file_picker: 09aa5ec1ab24135ccd7a1621c46c84134bfd6655
  Firebase: 9f574c08c2396885b5e7e100ed4293d956218af9
  firebase_analytics: 1a66fe8d4375eccff44671ea37897683a78b2675
-  firebase_core: ceec591a66629daaee82d3321551692c4a871493
+  firebase_core: ba84e940cf5cbbc601095f86556560937419195c
  firebase_crashlytics: e4f04180f443d5a8b56fbc0685bdbd7d90dd26f0
  firebase_messaging: 15d8b557010f3bb7b98d0302e1c7c8fbcd244425
  firebase_performance: d373c742649e2d85d92cc223b4511c3d132887ef
@@ -442,7 +442,7 @@ SPEC CHECKSUMS:
  GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
  image_cropper: 37d40f62177c101ff4c164906d259ea2c3aa70cf
  image_picker_ios: c560581cceedb403a6ff17f2f816d7fea1421fc1
-  livekit_client: d079c5f040d4bf2b80440ff0ae997725a183e4bc
+  livekit_client: 9c8080879256a0fb16da13c9be4845248209d896
  media_kit_libs_ios_video: a5fe24bc7875ccd6378a0978c13185e1344651c1
  media_kit_native_event_loop: e6b2ab20cf0746eb1c33be961fcf79667304fa2a
  media_kit_video: 5da63f157170e5bf303bf85453b7ef6971218a2e
--- a/lib/controllers/post_editor_controller.dart
+++ b/lib/controllers/post_editor_controller.dart
@@ -155,13 +155,14 @@ class PostEditorController extends GetxController {
    );
  }

-  void localRead() {
-    SharedPreferences.getInstance().then((inst) {
-      if (inst.containsKey('post_editor_local_save')) {
-        isRestoreFromLocal.value = true;
-        payload = jsonDecode(inst.getString('post_editor_local_save')!);
-      }
-    });
+  Future<bool> localRead() async {
+    final inst = await SharedPreferences.getInstance();
+    if (inst.containsKey('post_editor_local_save')) {
+      isRestoreFromLocal.value = true;
+      payload = jsonDecode(inst.getString('post_editor_local_save')!);
+      return true;
+    }
+    return false;
  }

  void localClear() {
--- a/lib/controllers/post_list_controller.dart
+++ b/lib/controllers/post_list_controller.dart
@@ -9,6 +9,7 @@ import 'package:solian/providers/last_read.dart';

 class PostListController extends GetxController {
  String? author;
+  String? realm;

  /// The polling source modifier.
  /// - `0`: default recommendations
@@ -99,8 +100,10 @@ class PostListController extends GetxController {
    final idx = <dynamic>{};
    postList.retainWhere((x) => idx.add(x.id));

-    var lastId = postList.map((x) => x.id).reduce(max);
-    Get.find<LastReadProvider>().feedLastReadAt = lastId;
+    if (postList.isNotEmpty) {
+      var lastId = postList.map((x) => x.id).reduce(max);
+      Get.find<LastReadProvider>().feedLastReadAt = lastId;
+    }

    return result;
  }
@@ -123,16 +126,21 @@ class PostListController extends GetxController {
            resp = await provider.listRecommendations(
              pageKey,
              channel: 'shuffle',
+              realm: realm,
            );
            break;
          case 1:
            resp = await provider.listRecommendations(
              pageKey,
              channel: 'friends',
+              realm: realm,
            );
            break;
          default:
-            resp = await provider.listRecommendations(pageKey);
+            resp = await provider.listRecommendations(
+              pageKey,
+              realm: realm,
+            );
            break;
        }
      }
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -15,6 +15,7 @@ import 'package:solian/providers/attachment_uploader.dart';
 import 'package:solian/providers/daily_sign.dart';
 import 'package:solian/providers/last_read.dart';
 import 'package:solian/providers/link_expander.dart';
+import 'package:solian/providers/navigation.dart';
 import 'package:solian/providers/stickers.dart';
 import 'package:solian/providers/theme_switcher.dart';
 import 'package:solian/providers/websocket.dart';
@@ -79,8 +80,8 @@ Future<void> _initializePlatformComponents() async {
 }

 final themeSwitcher = ThemeSwitcher(
-  lightThemeData: SolianTheme.build(Brightness.light),
-  darkThemeData: SolianTheme.build(Brightness.dark),
+  lightThemeData: AppTheme.build(Brightness.light),
+  darkThemeData: AppTheme.build(Brightness.dark),
 );

 class SolianApp extends StatelessWidget {
@@ -123,6 +124,8 @@ class SolianApp extends StatelessWidget {
  }

  void _initializeProviders(BuildContext context) async {
+    Get.put(NavigationStateProvider());
+
    Get.lazyPut(() => AuthProvider());
    Get.lazyPut(() => RelationshipProvider());
    Get.lazyPut(() => PostProvider());
--- a/lib/models/realm.dart
+++ b/lib/models/realm.dart
@@ -12,9 +12,12 @@ class Realm {
  String alias;
  String name;
  String description;
+  String? avatar;
+  String? banner;
  bool isPublic;
  bool isCommunity;
  int? accountId;
+  int? externalId;

  Realm({
    required this.id,
@@ -24,9 +27,12 @@ class Realm {
    required this.alias,
    required this.name,
    required this.description,
+    required this.avatar,
+    required this.banner,
    required this.isPublic,
    required this.isCommunity,
    this.accountId,
+    this.externalId,
  });

  factory Realm.fromJson(Map<String, dynamic> json) => _$RealmFromJson(json);
--- a/lib/models/realm.g.dart
+++ b/lib/models/realm.g.dart
@@ -16,9 +16,12 @@ Realm _$RealmFromJson(Map<String, dynamic> json) => Realm(
      alias: json['alias'] as String,
      name: json['name'] as String,
      description: json['description'] as String,
+      avatar: json['avatar'] as String?,
+      banner: json['banner'] as String?,
      isPublic: json['is_public'] as bool,
      isCommunity: json['is_community'] as bool,
      accountId: (json['account_id'] as num?)?.toInt(),
+      externalId: (json['external_id'] as num?)?.toInt(),
    );

 Map<String, dynamic> _$RealmToJson(Realm instance) => <String, dynamic>{
@@ -29,9 +32,12 @@ Map<String, dynamic> _$RealmToJson(Realm instance) => <String, dynamic>{
      'alias': instance.alias,
      'name': instance.name,
      'description': instance.description,
+      'avatar': instance.avatar,
+      'banner': instance.banner,
      'is_public': instance.isPublic,
      'is_community': instance.isCommunity,
      'account_id': instance.accountId,
+      'external_id': instance.externalId,
    };

 RealmMember _$RealmMemberFromJson(Map<String, dynamic> json) => RealmMember(
--- a/lib/providers/navigation.dart
+++ b/lib/providers/navigation.dart
@@ -0,0 +1,6 @@
+import 'package:get/get.dart';
+import 'package:solian/models/realm.dart';
+
+class NavigationStateProvider extends GetxController {
+  final Rx<Realm?> focusedRealm = Rx(null);
+}
--- a/lib/providers/theme_switcher.dart
+++ b/lib/providers/theme_switcher.dart
@@ -16,8 +16,8 @@ class ThemeSwitcher extends ChangeNotifier {
    if (prefs.containsKey('global_theme_color')) {
      final value = prefs.getInt('global_theme_color')!;
      final color = Color(value);
-      lightThemeData = SolianTheme.build(Brightness.light, seedColor: color);
-      darkThemeData = SolianTheme.build(Brightness.dark, seedColor: color);
+      lightThemeData = AppTheme.build(Brightness.light, seedColor: color);
+      darkThemeData = AppTheme.build(Brightness.dark, seedColor: color);
      notifyListeners();
    }
  }
--- a/lib/router.dart
+++ b/lib/router.dart
@@ -154,6 +154,7 @@ abstract class AppRouter {
        name: 'channelChat',
        builder: (context, state) {
          return ChannelChatScreen(
+            key: UniqueKey(),
            alias: state.pathParameters['alias']!,
            realm: state.uri.queryParameters['realm'] ?? 'global',
          );
@@ -245,7 +246,7 @@ abstract class AppRouter {
      ),
      GoRoute(
        path: '/account/personalize',
-        name: 'accountPersonalize',
+        name: 'accountProfile',
        builder: (context, state) => TitleShell(
          state: state,
          child: const PersonalizeScreen(),
--- a/lib/screens/account.dart
+++ b/lib/screens/account.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/account.dart';
 import 'package:solian/providers/auth.dart';
@@ -23,9 +24,9 @@ class _AccountScreenState extends State<AccountScreen> {
  Widget build(BuildContext context) {
    final actionItems = [
      (
-        const Icon(Icons.color_lens),
-        'accountPersonalize'.tr,
-        'accountPersonalize',
+        const Icon(Icons.face),
+        'accountProfile'.tr,
+        'accountProfile',
      ),
      (
        Obx(() {
@@ -47,9 +48,9 @@ class _AccountScreenState extends State<AccountScreen> {
        'accountFriend',
      ),
      (
-      const Icon(Icons.emoji_symbols),
-      'accountStickers'.tr,
-      'accountStickers',
+        const Icon(Icons.emoji_symbols),
+        'accountStickers'.tr,
+        'accountStickers',
      ),
    ];

@@ -64,7 +65,7 @@ class _AccountScreenState extends State<AccountScreen> {
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
-                  ActionCard(
+                  _ActionCard(
                    icon: Icon(
                      Icons.login,
                      color: Theme.of(context).colorScheme.onPrimary,
@@ -85,7 +86,7 @@ class _AccountScreenState extends State<AccountScreen> {
                      });
                    },
                  ),
-                  ActionCard(
+                  _ActionCard(
                    icon: Icon(
                      Icons.add,
                      color: Theme.of(context).colorScheme.onPrimary,
@@ -104,6 +105,19 @@ class _AccountScreenState extends State<AccountScreen> {
                      });
                    },
                  ),
+                  const Gap(4),
+                  TextButton(
+                    style: const ButtonStyle(
+                      visualDensity: VisualDensity(
+                        horizontal: -4,
+                        vertical: -2,
+                      ),
+                    ),
+                    onPressed: () {
+                      AppRouter.instance.pushNamed('settings');
+                    },
+                    child: Text('settings'.tr),
+                  ),
                ],
              ),
            );
@@ -126,6 +140,18 @@ class _AccountScreenState extends State<AccountScreen> {
                    },
                  ),
                )),
+                const Divider(thickness: 0.3, height: 1)
+                    .paddingSymmetric(vertical: 4),
+                ListTile(
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 34),
+                  leading: const Icon(Icons.settings),
+                  title: Text('settings'.tr),
+                  onTap: () {
+                    AppRouter.instance.pushNamed('settings');
+                  },
+                ),
+                const Divider(thickness: 0.3, height: 1)
+                    .paddingSymmetric(vertical: 4),
                ListTile(
                  contentPadding: const EdgeInsets.symmetric(horizontal: 34),
                  leading: const Icon(Icons.logout),
@@ -186,13 +212,13 @@ class _AccountHeadingState extends State<AccountHeading> {
  }
 }

-class ActionCard extends StatelessWidget {
+class _ActionCard extends StatelessWidget {
  final Widget icon;
  final String title;
  final String caption;
  final Function onTap;

-  const ActionCard({
+  const _ActionCard({
    super.key,
    required this.onTap,
    required this.title,
--- a/lib/screens/account/friend.dart
+++ b/lib/screens/account/friend.dart
@@ -133,7 +133,7 @@ class _FriendScreenState extends State<FriendScreen>
                ).paddingAll(14),
              ),
            SizedBox(
-              width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+              width: AppTheme.isLargeScreen(context) ? 8 : 16,
            ),
          ],
          bottom: TabBar(
--- a/lib/screens/account/personalize.dart
+++ b/lib/screens/account/personalize.dart
@@ -134,7 +134,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
    );
    if (resp.statusCode == 200) {
      _syncWidget();
-      context.showSnackbar('accountPersonalizeApplied'.tr);
+      context.showSnackbar('accountProfileApplied'.tr);
    } else {
      context.showErrorDialog(resp.bodyString);
    }
@@ -163,7 +163,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
    );
    if (resp.statusCode == 200) {
      _syncWidget();
-      context.showSnackbar('accountPersonalizeApplied'.tr);
+      context.showSnackbar('accountProfileApplied'.tr);
    } else {
      context.showErrorDialog(resp.bodyString);
    }
--- a/lib/screens/account/profile_page.dart
+++ b/lib/screens/account/profile_page.dart
@@ -152,7 +152,7 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
              SliverAppBar(
                centerTitle: false,
                floating: true,
-                toolbarHeight: SolianTheme.toolbarHeight(context),
+                toolbarHeight: AppTheme.toolbarHeight(context),
                leadingWidth: 24,
                automaticallyImplyLeading: false,
                flexibleSpace: Row(
@@ -207,7 +207,7 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
                        onPressed: null,
                      ),
                    SizedBox(
-                      width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+                      width: AppTheme.isLargeScreen(context) ? 8 : 16,
                    ),
                  ],
                ),
--- a/lib/screens/channel/call/call.dart
+++ b/lib/screens/channel/call/call.dart
@@ -205,7 +205,7 @@ class _CallScreenState extends State<CallScreen> with TickerProviderStateMixin {
            : AppBar(
                leading: AppBarLeadingButton.adaptive(context),
                centerTitle: true,
-                toolbarHeight: SolianTheme.toolbarHeight(context),
+                toolbarHeight: AppTheme.toolbarHeight(context),
                title: Obx(
                  () => RichText(
                    textAlign: TextAlign.center,
--- a/lib/screens/channel/channel_chat.dart
+++ b/lib/screens/channel/channel_chat.dart
@@ -217,8 +217,8 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
        leading: AppBarLeadingButton.adaptive(context),
        title: AppBarTitle(title),
        centerTitle: false,
-        titleSpacing: SolianTheme.titleSpacing(context),
-        toolbarHeight: SolianTheme.toolbarHeight(context),
+        titleSpacing: AppTheme.titleSpacing(context),
+        toolbarHeight: AppTheme.toolbarHeight(context),
        actions: [
          const BackgroundStateWidget(),
          Builder(builder: (context) {
@@ -255,7 +255,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
            },
          ),
          SizedBox(
-            width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+            width: AppTheme.isLargeScreen(context) ? 8 : 16,
          ),
        ],
      ),
@@ -276,7 +276,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
                      channel: _channel!,
                      ongoingCall: _ongoingCall!,
                      onJoin: () {
-                        if (!SolianTheme.isLargeScreen(context)) {
+                        if (!AppTheme.isLargeScreen(context)) {
                          final ChatCallProvider call = Get.find();
                          call.gotoScreen(context);
                        }
@@ -337,7 +337,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
            ),
            Obx(() {
              final ChatCallProvider call = Get.find();
-              if (call.isMounted.value && SolianTheme.isLargeScreen(context)) {
+              if (call.isMounted.value && AppTheme.isLargeScreen(context)) {
                return const Expanded(
                  child: Row(children: [
                    VerticalDivider(width: 0.3, thickness: 0.3),
--- a/lib/screens/channel/channel_organize.dart
+++ b/lib/screens/channel/channel_organize.dart
@@ -110,7 +110,7 @@ class _ChannelOrganizeScreenState extends State<ChannelOrganizeScreen> {
        appBar: AppBar(
          title: AppBarTitle('channelOrganizing'.tr),
          centerTitle: false,
-          toolbarHeight: SolianTheme.toolbarHeight(context),
+          toolbarHeight: AppTheme.toolbarHeight(context),
          actions: [
            TextButton(
              onPressed: _isBusy ? null : () => applyChannel(),
--- a/lib/screens/chat.dart
+++ b/lib/screens/chat.dart
@@ -47,7 +47,7 @@ class _ChatScreenState extends State<ChatScreen> {
          leading: AppBarLeadingButton.adaptive(context),
          title: AppBarTitle('chat'.tr),
          centerTitle: true,
-          toolbarHeight: SolianTheme.toolbarHeight(context),
+          toolbarHeight: AppTheme.toolbarHeight(context),
          actions: [
            const BackgroundStateWidget(),
            const NotificationButton(),
@@ -95,7 +95,7 @@ class _ChatScreenState extends State<ChatScreen> {
              ],
            ),
            SizedBox(
-              width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+              width: AppTheme.isLargeScreen(context) ? 8 : 16,
            ),
          ],
        ),
--- a/lib/screens/dashboard.dart
+++ b/lib/screens/dashboard.dart
@@ -315,7 +315,7 @@ class _DashboardScreenState extends State<DashboardScreen> {
                  Card(
                    child: ListTile(
                      contentPadding:
-                          const EdgeInsets.symmetric(horizontal: 24),
+                          const EdgeInsets.only(left: 24, right: 32),
                      trailing: const Icon(Icons.inbox_outlined),
                      title: Text('notifyEmpty'.tr),
                      subtitle: Text('notifyEmptyCaption'.tr),
@@ -368,18 +368,23 @@ class _DashboardScreenState extends State<DashboardScreen> {
                      return SizedBox(
                        width: min(480, width),
                        child: Card(
-                          child: SingleChildScrollView(
-                            child: PostListEntryWidget(
-                              item: item,
-                              isClickable: true,
-                              isShowEmbed: true,
-                              isNestedClickable: true,
-                              onUpdate: (_) {
-                                _pullPosts();
-                              },
-                              backgroundColor: Theme.of(context)
-                                  .colorScheme
-                                  .surfaceContainerLow,
+                          child: ClipRRect(
+                            borderRadius: const BorderRadius.all(
+                              Radius.circular(8),
+                            ),
+                            child: SingleChildScrollView(
+                              child: PostListEntryWidget(
+                                item: item,
+                                isClickable: true,
+                                isShowEmbed: true,
+                                isNestedClickable: true,
+                                onUpdate: (_) {
+                                  _pullPosts();
+                                },
+                                backgroundColor: Theme.of(context)
+                                    .colorScheme
+                                    .surfaceContainerLow,
+                              ),
                            ),
                          ),
                        ).paddingSymmetric(horizontal: 8),
@@ -499,7 +504,7 @@ class _DashboardScreenState extends State<DashboardScreen> {

          /// Footer
          Column(
-            mainAxisAlignment: SolianTheme.isLargeScreen(context)
+            mainAxisAlignment: AppTheme.isLargeScreen(context)
                ? MainAxisAlignment.start
                : MainAxisAlignment.center,
            children: [
--- a/lib/screens/feed.dart
+++ b/lib/screens/feed.dart
@@ -1,8 +1,11 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/controllers/post_list_controller.dart';
 import 'package:solian/providers/auth.dart';
+import 'package:solian/providers/navigation.dart';
 import 'package:solian/router.dart';
 import 'package:solian/screens/account/notification.dart';
 import 'package:solian/theme.dart';
@@ -25,21 +28,34 @@ class _FeedScreenState extends State<FeedScreen>
  late final PostListController _postController;
  late final TabController _tabController;

+  List<StreamSubscription>? _subscriptions;
+
  @override
  void initState() {
    super.initState();
+    final navState = Get.find<NavigationStateProvider>();
    _postController = PostListController();
+    _postController.realm = navState.focusedRealm.value?.alias;
    _tabController = TabController(length: 3, vsync: this);
    _tabController.addListener(() {
      if (_postController.mode.value == _tabController.index) return;
      _postController.mode.value = _tabController.index;
      _postController.reloadAllOver();
    });
+    _subscriptions = [
+      Get.find<NavigationStateProvider>().focusedRealm.listen((value) {
+        if (value?.alias != _postController.realm) {
+          _postController.realm = value?.alias;
+          _postController.reloadAllOver();
+        }
+      }),
+    ];
  }

  @override
  Widget build(BuildContext context) {
    final AuthProvider auth = Get.find();
+    final NavigationStateProvider navState = Get.find();

    return Material(
      color: Theme.of(context).colorScheme.surface,
@@ -69,13 +85,13 @@ class _FeedScreenState extends State<FeedScreen>
                title: AppBarTitle('feed'.tr),
                centerTitle: false,
                floating: true,
-                toolbarHeight: SolianTheme.toolbarHeight(context),
+                toolbarHeight: AppTheme.toolbarHeight(context),
                leading: AppBarLeadingButton.adaptive(context),
                actions: [
                  const BackgroundStateWidget(),
                  const NotificationButton(),
                  SizedBox(
-                    width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+                    width: AppTheme.isLargeScreen(context) ? 8 : 16,
                  ),
                ],
                bottom: TabBar(
@@ -96,37 +112,53 @@ class _FeedScreenState extends State<FeedScreen>
              );
            }

-            return TabBarView(
-              physics: const NeverScrollableScrollPhysics(),
-              controller: _tabController,
+            return Column(
              children: [
-                RefreshIndicator(
-                  onRefresh: () => _postController.reloadAllOver(),
-                  child: CustomScrollView(slivers: [
-                    PostWarpedListWidget(
-                      controller: _postController.pagingController,
-                      onUpdate: () => _postController.reloadAllOver(),
+                if (navState.focusedRealm.value != null)
+                  MaterialBanner(
+                    leading: const Icon(Icons.layers),
+                    content: Text(
+                      'postBrowsingIn'.trParams({
+                        'region': '#${navState.focusedRealm.value!.alias}',
+                      }),
                    ),
-                  ]),
+                    actions: const [SizedBox.shrink()],
+                  ),
+                Expanded(
+                  child: TabBarView(
+                    physics: const NeverScrollableScrollPhysics(),
+                    controller: _tabController,
+                    children: [
+                      RefreshIndicator(
+                        onRefresh: () => _postController.reloadAllOver(),
+                        child: CustomScrollView(slivers: [
+                          PostWarpedListWidget(
+                            controller: _postController.pagingController,
+                            onUpdate: () => _postController.reloadAllOver(),
+                          ),
+                        ]),
+                      ),
+                      Obx(() {
+                        if (auth.isAuthorized.value) {
+                          return RefreshIndicator(
+                            onRefresh: () => _postController.reloadAllOver(),
+                            child: CustomScrollView(slivers: [
+                              PostWarpedListWidget(
+                                controller: _postController.pagingController,
+                                onUpdate: () => _postController.reloadAllOver(),
+                              ),
+                            ]),
+                          );
+                        } else {
+                          return SigninRequiredOverlay(
+                            onSignedIn: () => _postController.reloadAllOver(),
+                          );
+                        }
+                      }),
+                      PostShuffleSwiper(controller: _postController),
+                    ],
+                  ),
                ),
-                Obx(() {
-                  if (auth.isAuthorized.value) {
-                    return RefreshIndicator(
-                      onRefresh: () => _postController.reloadAllOver(),
-                      child: CustomScrollView(slivers: [
-                        PostWarpedListWidget(
-                          controller: _postController.pagingController,
-                          onUpdate: () => _postController.reloadAllOver(),
-                        ),
-                      ]),
-                    );
-                  } else {
-                    return SigninRequiredOverlay(
-                      onSignedIn: () => _postController.reloadAllOver(),
-                    );
-                  }
-                }),
-                PostShuffleSwiper(controller: _postController),
              ],
            );
          }),
@@ -138,6 +170,11 @@ class _FeedScreenState extends State<FeedScreen>
  @override
  void dispose() {
    _postController.dispose();
+    if (_subscriptions != null) {
+      for (final subscription in _subscriptions!) {
+        subscription.cancel();
+      }
+    }
    super.dispose();
  }
 }
--- a/lib/screens/feed/draft_box.dart
+++ b/lib/screens/feed/draft_box.dart
@@ -61,10 +61,10 @@ class _DraftBoxScreenState extends State<DraftBoxScreen> {
          leading: AppBarLeadingButton.adaptive(context),
          title: AppBarTitle('draftBox'.tr),
          centerTitle: false,
-          toolbarHeight: SolianTheme.toolbarHeight(context),
+          toolbarHeight: AppTheme.toolbarHeight(context),
          actions: [
            SizedBox(
-              width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+              width: AppTheme.isLargeScreen(context) ? 8 : 16,
            ),
          ],
        ),
--- a/lib/screens/posts/post_editor.dart
+++ b/lib/screens/posts/post_editor.dart
@@ -11,6 +11,7 @@ import 'package:solian/models/post.dart';
 import 'package:solian/models/realm.dart';
 import 'package:solian/providers/attachment_uploader.dart';
 import 'package:solian/providers/auth.dart';
+import 'package:solian/providers/navigation.dart';
 import 'package:solian/router.dart';
 import 'package:solian/theme.dart';
 import 'package:solian/widgets/app_bar_leading.dart';
@@ -124,7 +125,12 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
  void initState() {
    super.initState();
    if (widget.edit == null && widget.reply == null && widget.repost == null) {
-      _editorController.localRead();
+      _editorController.localRead().then((res) {
+        if (!res) {
+          final navState = Get.find<NavigationStateProvider>();
+          _editorController.realmZone.value = navState.focusedRealm.value;
+        }
+      });
    }
    if (widget.reply != null) {
      _editorController.replyTo.value = widget.reply;
@@ -158,7 +164,7 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
            ),
          ),
          centerTitle: false,
-          toolbarHeight: SolianTheme.toolbarHeight(context),
+          toolbarHeight: AppTheme.toolbarHeight(context),
          actions: [
            TextButton(
              onPressed: _isBusy ? null : () => _applyPost(),
@@ -177,23 +183,19 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
          children: [
            ListTile(
              tileColor: Theme.of(context).colorScheme.surfaceContainerLow,
-              title: SingleChildScrollView(
-                scrollDirection: Axis.horizontal,
-                child: Row(
-                  children: [
-                    Text(
-                      _editorController.title ?? 'title'.tr,
-                      maxLines: 1,
-                      overflow: TextOverflow.ellipsis,
+              title: Row(
+                children: [
+                  Text(
+                    _editorController.title ?? 'title'.tr,
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                  const Gap(6),
+                  if (_editorController.aliasController.text.isNotEmpty)
+                    Badge(
+                      label: Text('#${_editorController.aliasController.text}'),
                    ),
-                    const Gap(6),
-                    if (_editorController.aliasController.text.isNotEmpty)
-                      Badge(
-                        label:
-                            Text('#${_editorController.aliasController.text}'),
-                      ),
-                  ],
-                ),
+                ],
              ),
              subtitle: Text(
                _editorController.description ?? 'description'.tr,
@@ -365,12 +367,12 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
                      ],
                    ),
                  ),
-                  if (SolianTheme.isLargeScreen(context))
+                  if (AppTheme.isLargeScreen(context))
                    const VerticalDivider(width: 0.3, thickness: 0.3)
                        .paddingSymmetric(
                      horizontal: 16,
                    ),
-                  if (SolianTheme.isLargeScreen(context))
+                  if (AppTheme.isLargeScreen(context))
                    Expanded(
                      child: SingleChildScrollView(
                        child: MarkdownTextContent(
--- a/lib/screens/realms.dart
+++ b/lib/screens/realms.dart
@@ -62,7 +62,7 @@ class _RealmListScreenState extends State<RealmListScreen> {
          leading: AppBarLeadingButton.adaptive(context),
          title: AppBarTitle('realm'.tr),
          centerTitle: true,
-          toolbarHeight: SolianTheme.toolbarHeight(context),
+          toolbarHeight: AppTheme.toolbarHeight(context),
          actions: [
            const BackgroundStateWidget(),
            const NotificationButton(),
@@ -77,7 +77,7 @@ class _RealmListScreenState extends State<RealmListScreen> {
              },
            ),
            SizedBox(
-              width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+              width: AppTheme.isLargeScreen(context) ? 8 : 16,
            ),
          ],
        ),
--- a/lib/screens/realms/realm_organize.dart
+++ b/lib/screens/realms/realm_organize.dart
@@ -102,7 +102,7 @@ class _RealmOrganizeScreenState extends State<RealmOrganizeScreen> {
          leading: AppBarLeadingButton.adaptive(context),
          title: AppBarTitle('realmOrganizing'.tr),
          centerTitle: false,
-          toolbarHeight: SolianTheme.toolbarHeight(context),
+          toolbarHeight: AppTheme.toolbarHeight(context),
          actions: [
            TextButton(
              onPressed: _isBusy ? null : () => applyRealm(),
--- a/lib/screens/realms/realm_view.dart
+++ b/lib/screens/realms/realm_view.dart
@@ -114,7 +114,7 @@ class _RealmViewScreenState extends State<RealmViewScreen> {
                      },
                    ),
                    SizedBox(
-                      width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+                      width: AppTheme.isLargeScreen(context) ? 8 : 16,
                    ),
                  ],
                  bottom: const TabBar(
--- a/lib/screens/settings.dart
+++ b/lib/screens/settings.dart
@@ -33,11 +33,11 @@ class _SettingScreenState extends State<SettingScreen> {
      tooltip: label,
      onPressed: () {
        context.read<ThemeSwitcher>().setTheme(
-              SolianTheme.build(
+              AppTheme.build(
                Brightness.light,
                seedColor: color,
              ),
-              SolianTheme.build(
+              AppTheme.build(
                Brightness.dark,
                seedColor: color,
              ),
@@ -82,32 +82,27 @@ class _SettingScreenState extends State<SettingScreen> {
            ).paddingSymmetric(horizontal: 12, vertical: 8),
          ),
          _buildCaptionHeader('more'.tr),
-          Row(
-            mainAxisAlignment: MainAxisAlignment.start,
-            children: [
-              TextButton(
-                style: const ButtonStyle(
-                  visualDensity: VisualDensity(horizontal: -4, vertical: -4),
-                ),
-                child: Text('about'.tr),
-                onPressed: () {
-                  AppRouter.instance.pushNamed('about');
-                },
-              ),
-              TextButton(
-                style: const ButtonStyle(
-                  visualDensity: VisualDensity(horizontal: -4, vertical: -4),
-                ),
-                child: Text('messageHistoryWipe'.tr),
-                onPressed: () {
-                  final chatHistory = ChatEventController();
-                  chatHistory.initialize().then((_) async {
-                    await chatHistory.database.localEvents.wipeLocalEvents();
-                  });
-                },
-              ),
-            ],
-          ).paddingSymmetric(horizontal: 12, vertical: 8),
+          ListTile(
+            leading: const Icon(Icons.info_outline),
+            trailing: const Icon(Icons.chevron_right),
+            contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+            title: Text('about'.tr),
+            onTap: () {
+              AppRouter.instance.pushNamed('about');
+            },
+          ),
+          ListTile(
+            leading: const Icon(Icons.delete_sweep),
+            trailing: const Icon(Icons.chevron_right),
+            contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+            title: Text('messageHistoryWipe'.tr),
+            onTap: () {
+              final chatHistory = ChatEventController();
+              chatHistory.initialize().then((_) async {
+                await chatHistory.database.localEvents.wipeLocalEvents();
+              });
+            },
+          ),
        ],
      ),
    );
--- a/lib/shells/centered_shell.dart
+++ b/lib/shells/centered_shell.dart
@@ -25,7 +25,7 @@ class CenteredShell extends StatelessWidget {
              leading: AppBarLeadingButton.adaptive(context),
              title: AppBarTitle(state.topRoute?.name?.tr ?? 'page'.tr),
              centerTitle: false,
-              toolbarHeight: SolianTheme.toolbarHeight(context),
+              toolbarHeight: AppTheme.toolbarHeight(context),
            )
          : null,
      body: Center(
--- a/lib/shells/root_shell.dart
+++ b/lib/shells/root_shell.dart
@@ -41,10 +41,10 @@ class RootShell extends StatelessWidget {

    return Scaffold(
      key: rootScaffoldKey,
-      drawer: SolianTheme.isLargeScreen(context)
+      drawer: AppTheme.isLargeScreen(context)
          ? null
          : AppNavigationDrawer(routeName: routeName),
-      body: SolianTheme.isLargeScreen(context)
+      body: AppTheme.isLargeScreen(context)
          ? Row(
              children: [
                if (showNavigation) AppNavigationDrawer(routeName: routeName),
--- a/lib/shells/sidebar_shell.dart
+++ b/lib/shells/sidebar_shell.dart
@@ -29,9 +29,9 @@ class SidebarShell extends StatelessWidget {
        flex: 2,
        child: child,
      ),
-      if (SolianTheme.isExtraLargeScreen(context))
+      if (AppTheme.isExtraLargeScreen(context))
        const VerticalDivider(thickness: 0.3, width: 1),
-      if (SolianTheme.isExtraLargeScreen(context))
+      if (AppTheme.isExtraLargeScreen(context))
        Flexible(
          flex: 1,
          child: sidebar ?? const SidebarPlaceholder(),
@@ -47,10 +47,10 @@ class SidebarShell extends StatelessWidget {
              leading: AppBarLeadingButton.adaptive(context),
              title: AppBarTitle(state.topRoute?.name?.tr ?? 'page'.tr),
              centerTitle: false,
-              toolbarHeight: SolianTheme.toolbarHeight(context),
+              toolbarHeight: AppTheme.toolbarHeight(context),
            )
          : null,
-      body: SolianTheme.isLargeScreen(context)
+      body: AppTheme.isLargeScreen(context)
          ? Row(
              children: sidebarFirst
                  ? buildContent(context).reversed.toList()
--- a/lib/shells/title_shell.dart
+++ b/lib/shells/title_shell.dart
@@ -32,11 +32,11 @@ class TitleShell extends StatelessWidget {
                title ?? (state!.topRoute?.name?.tr ?? 'page'.tr),
              ),
              centerTitle: isCenteredTitle,
-              toolbarHeight: SolianTheme.toolbarHeight(context),
+              toolbarHeight: AppTheme.toolbarHeight(context),
              actions: [
                const BackgroundStateWidget(),
                SizedBox(
-                  width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+                  width: AppTheme.isLargeScreen(context) ? 8 : 16,
                ),
              ],
            )
--- a/lib/theme.dart
+++ b/lib/theme.dart
@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:solian/platform.dart';

-abstract class SolianTheme {
+abstract class AppTheme {
  static bool isLargeScreen(BuildContext context) =>
      MediaQuery.of(context).size.width > 640;

@@ -9,13 +9,13 @@ abstract class SolianTheme {
      MediaQuery.of(context).size.width > 720;

  static bool isSpecializedMacOS(BuildContext context) =>
-      PlatformInfo.isMacOS && !SolianTheme.isLargeScreen(context);
+      PlatformInfo.isMacOS && !AppTheme.isLargeScreen(context);

  static double? titleSpacing(BuildContext context) {
-    if (SolianTheme.isSpecializedMacOS(context)) {
+    if (AppTheme.isSpecializedMacOS(context)) {
      return 24;
    } else {
-      return SolianTheme.isLargeScreen(context) ? null : 24;
+      return AppTheme.isLargeScreen(context) ? null : 24;
    }
  }

--- a/lib/widgets/app_bar_title.dart
+++ b/lib/widgets/app_bar_title.dart
@@ -8,7 +8,7 @@ class AppBarTitle extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    if (SolianTheme.isSpecializedMacOS(context)) {
+    if (AppTheme.isSpecializedMacOS(context)) {
      return Text(title);
    } else {
      return Text(title);
--- a/lib/widgets/channel/channel_call_indicator.dart
+++ b/lib/widgets/channel/channel_call_indicator.dart
@@ -98,12 +98,12 @@ class ChannelCallIndicator extends StatelessWidget {
              child: Text('callJoin'.tr),
            );
          } else if (call.channel.value?.id == channel.id &&
-              !SolianTheme.isLargeScreen(context)) {
+              !AppTheme.isLargeScreen(context)) {
            return TextButton(
              onPressed: () => onJoin(),
              child: Text('callResume'.tr),
            );
-          } else if (!SolianTheme.isLargeScreen(context)) {
+          } else if (!AppTheme.isLargeScreen(context)) {
            return TextButton(
              onPressed: null,
              child: Text('callJoin'.tr),
--- a/lib/widgets/channel/channel_list.dart
+++ b/lib/widgets/channel/channel_list.dart
@@ -11,6 +11,7 @@ class ChannelListWidget extends StatefulWidget {
  final List<Channel> channels;
  final int selfId;
  final bool isDense;
+  final bool isCollapsed;
  final bool noCategory;
  final bool useReplace;
  final Function(Channel)? onSelected;
@@ -20,6 +21,7 @@ class ChannelListWidget extends StatefulWidget {
    required this.channels,
    required this.selfId,
    this.isDense = false,
+    this.isCollapsed = false,
    this.noCategory = false,
    this.useReplace = false,
    this.onSelected,
@@ -130,13 +132,25 @@ class _ChannelListWidgetState extends State<ChannelListWidget> {
      final otherside =
          item.members!.where((e) => e.account.id != widget.selfId).first;

+      final avatar = AccountAvatar(
+        content: otherside.account.avatar,
+        radius: widget.isDense ? 12 : 20,
+        bgColor: Theme.of(context).colorScheme.primary,
+        feColor: Theme.of(context).colorScheme.onPrimary,
+      );
+
+      if (widget.isCollapsed) {
+        return Tooltip(
+          message: otherside.account.nick,
+          child: InkWell(
+            child: avatar.paddingSymmetric(vertical: 12),
+            onTap: () => _gotoChannel(item),
+          ),
+        );
+      }
+
      return ListTile(
-        leading: AccountAvatar(
-          content: otherside.account.avatar,
-          radius: widget.isDense ? 12 : 20,
-          bgColor: Theme.of(context).colorScheme.primary,
-          feColor: Theme.of(context).colorScheme.onPrimary,
-        ),
+        leading: avatar,
        contentPadding: padding,
        title: Text(otherside.account.nick),
        subtitle: !widget.isDense
@@ -145,24 +159,42 @@ class _ChannelListWidgetState extends State<ChannelListWidget> {
        onTap: () => _gotoChannel(item),
      );
    } else {
+      final avatar = CircleAvatar(
+        backgroundColor: item.realmId == null
+            ? Theme.of(context).colorScheme.primary
+            : Colors.transparent,
+        radius: widget.isDense ? 12 : 20,
+        child: FaIcon(
+          FontAwesomeIcons.hashtag,
+          color: item.realmId == null
+              ? Theme.of(context).colorScheme.onPrimary
+              : Theme.of(context).colorScheme.primary,
+          size: widget.isDense ? 12 : 16,
+        ),
+      );
+
+      if (widget.isCollapsed) {
+        return Tooltip(
+          message: item.name,
+          child: InkWell(
+            child: avatar.paddingSymmetric(vertical: 12),
+            onTap: () => _gotoChannel(item),
+          ),
+        );
+      }
+
      return ListTile(
        minTileHeight: widget.isDense ? 48 : null,
-        leading: CircleAvatar(
-          backgroundColor: item.realmId == null
-              ? Theme.of(context).colorScheme.primary
-              : Colors.transparent,
-          radius: widget.isDense ? 12 : 20,
-          child: FaIcon(
-            FontAwesomeIcons.hashtag,
-            color: item.realmId == null
-                ? Theme.of(context).colorScheme.onPrimary
-                : Theme.of(context).colorScheme.primary,
-            size: widget.isDense ? 12 : 16,
-          ),
-        ),
+        leading: avatar,
        contentPadding: padding,
        title: Text(item.name),
-        subtitle: !widget.isDense ? Text(item.description) : null,
+        subtitle: !widget.isDense
+            ? Text(
+                item.description,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+              )
+            : null,
        onTap: () => _gotoChannel(item),
      );
    }
--- a/lib/widgets/chat/chat_event.dart
+++ b/lib/widgets/chat/chat_event.dart
@@ -75,9 +75,6 @@ class ChatEvent extends StatelessWidget {
      key: Key('m${item.uuid}attachments-box'),
      width: MediaQuery.of(context).size.width,
      padding: EdgeInsets.only(top: isMerged ? 0 : 4, bottom: 4),
-      constraints: const BoxConstraints(
-        maxHeight: 720,
-      ),
      child: AttachmentList(
        key: Key('m${item.uuid}attachments'),
        parentId: item.uuid,
@@ -301,7 +298,10 @@ class ChatEvent extends StatelessWidget {
            ],
          ).paddingSymmetric(horizontal: 12),
          _buildLinkExpansion().paddingOnly(left: 52, right: 8),
-          _buildAttachment(context).paddingOnly(left: 56, right: 8),
+          _buildAttachment(
+            context,
+            isMinimal: ['messages.edit'].contains(item.type),
+          ).paddingOnly(left: 56, right: 8),
        ],
      );
    }
--- a/lib/widgets/chat/chat_message_input.dart
+++ b/lib/widgets/chat/chat_message_input.dart
@@ -245,7 +245,8 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
      _editTo = widget.edit!;
      _textController.text = body.text;
      _attachments.addAll(
-          widget.edit!.body['attachments']?.cast<int>() ?? List.empty());
+        widget.edit!.body['attachments']?.cast<String>() ?? List.empty(),
+      );
    }
    if (widget.reply != null) {
      _replyTo = widget.reply!;
--- a/lib/widgets/navigation/app_navigation.dart
+++ b/lib/widgets/navigation/app_navigation.dart
@@ -20,7 +20,7 @@ abstract class AppNavigation {
    ),
    AppNavigationDestination(
      icon: Icons.forum,
-      label: 'channelTypeDirect'.tr,
+      label: 'chat'.tr,
      page: 'chat',
    ),
  ];
--- a/lib/widgets/navigation/app_navigation_drawer.dart
+++ b/lib/widgets/navigation/app_navigation_drawer.dart
@@ -192,9 +192,9 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer>
  }

  void _autoResize() {
-    if (SolianTheme.isExtraLargeScreen(context)) {
+    if (AppTheme.isExtraLargeScreen(context)) {
      _expandDrawer();
-    } else if (SolianTheme.isLargeScreen(context)) {
+    } else if (AppTheme.isLargeScreen(context)) {
      _collapseDrawer();
    } else {
      _drawerAnimationController.value = 1;
@@ -229,7 +229,7 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer>
        return Drawer(
          width: _drawerAnimation.value,
          backgroundColor:
-              SolianTheme.isLargeScreen(context) ? Colors.transparent : null,
+              AppTheme.isLargeScreen(context) ? Colors.transparent : null,
          child: child,
        );
      },
@@ -239,80 +239,46 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer>
          children: [
            _buildUserInfo().paddingSymmetric(vertical: 8),
            const Divider(thickness: 0.3, height: 1),
-            Column(
-              children: AppNavigation.destinations
-                  .map(
-                    (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(),
+            SizedBox(
+              width: double.infinity,
+              child: Wrap(
+                runSpacing: 8,
+                spacing: 8,
+                alignment: WrapAlignment.spaceAround,
+                children: AppNavigation.destinations
+                    .map(
+                      (e) => Tooltip(
+                        message: e.label,
+                        child: InkWell(
+                          borderRadius:
+                              const BorderRadius.all(Radius.circular(8)),
+                          child: Icon(
+                            e.icon,
+                            size: 22,
+                            color: Theme.of(context).colorScheme.onSurface,
+                          ).paddingAll(16),
+                          onTap: () {
+                            AppRouter.instance.goNamed(e.page);
+                            _closeDrawer();
+                          },
+                        ),
+                      ),
+                    )
+                    .toList(),
+              ).paddingSymmetric(vertical: 8, horizontal: 12),
            ),
            const Divider(thickness: 0.3, height: 1),
            Expanded(
-              child: AppNavigationRegion(
-                isCollapsed: _isCollapsed,
-                onSelected: (item) {
-                  _closeDrawer();
-                },
+              child: Material(
+                color: Theme.of(context).colorScheme.surface,
+                child: AppNavigationRegion(
+                  isCollapsed: _isCollapsed,
+                ),
              ),
            ),
            const Divider(thickness: 0.3, height: 1),
            Column(
              children: [
-                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,
--- a/lib/widgets/navigation/app_navigation_region.dart
+++ b/lib/widgets/navigation/app_navigation_region.dart
@@ -1,48 +1,110 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
-import 'package:solian/models/channel.dart';
+import 'package:solian/models/realm.dart';
+import 'package:solian/providers/auth.dart';
 import 'package:solian/providers/content/channel.dart';
-import 'package:solian/router.dart';
-import 'package:collection/collection.dart';
+import 'package:solian/providers/content/realm.dart';
+import 'package:solian/providers/navigation.dart';
+import 'package:solian/widgets/account/account_avatar.dart';
+import 'package:solian/widgets/channel/channel_list.dart';

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

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

-  void _gotoChannel(Channel item) {
-    AppRouter.instance.goNamed(
-      'channelChat',
-      pathParameters: {'alias': item.alias},
-      queryParameters: {
-        if (item.realmId != null) 'realm': item.realm!.alias,
-      },
-    );
+  @override
+  State<AppNavigationRegion> createState() => _AppNavigationRegionState();
+}

-    onSelected(item);
+class _AppNavigationRegionState extends State<AppNavigationRegion> {
+  bool _isTryingExit = false;
+
+  void _focusRealm(Realm item) {
+    setState(
+      () => Get.find<NavigationStateProvider>().focusedRealm.value = item,
+    );
  }

-  Widget _buildEntry(BuildContext context, Channel item) {
-    const padding = EdgeInsets.symmetric(horizontal: 20);
+  void _unFocusRealm() {
+    setState(
+      () => Get.find<NavigationStateProvider>().focusedRealm.value = null,
+    );
+  }

-    if (isCollapsed) {
-      return InkWell(
-        child: const Icon(Icons.tag_outlined, size: 20).paddingSymmetric(
-          horizontal: 20,
-          vertical: 16,
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  Widget _buildRealmFocusAvatar() {
+    final focusedRealm = Get.find<NavigationStateProvider>().focusedRealm.value;
+    return GestureDetector(
+      child: MouseRegion(
+        child: AnimatedSwitcher(
+          switchInCurve: Curves.fastOutSlowIn,
+          switchOutCurve: Curves.fastOutSlowIn,
+          duration: const Duration(milliseconds: 300),
+          transitionBuilder: (child, animation) {
+            return ScaleTransition(
+              scale: animation,
+              child: child,
+            );
+          },
+          child: _isTryingExit
+              ? CircleAvatar(
+                  backgroundColor: Theme.of(context).colorScheme.primary,
+                  child: const Icon(
+                    Icons.arrow_back,
+                    color: Colors.white,
+                    size: 16,
+                  ),
+                ).paddingSymmetric(
+                  vertical: 8,
+                )
+              : _buildEntryAvatar(focusedRealm!),
        ),
-        onTap: () => _gotoChannel(item),
+        onEnter: (_) => setState(() => _isTryingExit = true),
+        onExit: (_) => setState(() => _isTryingExit = false),
+      ),
+      onTap: () => _unFocusRealm(),
+    );
+  }
+
+  Widget _buildEntryAvatar(Realm item) {
+    return Hero(
+      tag: Key('region-realm-avatar-${item.id}'),
+      child: (item.avatar?.isNotEmpty ?? false)
+          ? AccountAvatar(content: item.avatar)
+          : CircleAvatar(
+              backgroundColor: Theme.of(context).colorScheme.primary,
+              child: const Icon(
+                Icons.workspaces,
+                color: Colors.white,
+                size: 16,
+              ),
+            ).paddingSymmetric(
+              vertical: 8,
+            ),
+    );
+  }
+
+  Widget _buildEntry(BuildContext context, Realm item) {
+    const padding = EdgeInsets.symmetric(horizontal: 20, vertical: 8);
+
+    if (widget.isCollapsed) {
+      return InkWell(
+        child: _buildEntryAvatar(item).paddingSymmetric(vertical: 8),
+        onTap: () => _focusRealm(item),
      );
    }

    return ListTile(
      minTileHeight: 0,
-      leading: const Icon(Icons.tag_outlined),
+      leading: _buildEntryAvatar(item),
      contentPadding: padding,
      title: Text(item.name),
      subtitle: Text(
@@ -50,76 +112,104 @@ class AppNavigationRegion extends StatelessWidget {
        maxLines: 1,
        overflow: TextOverflow.ellipsis,
      ),
-      onTap: () => _gotoChannel(item),
+      onTap: () => _focusRealm(item),
    );
  }

  @override
  Widget build(BuildContext context) {
+    final RealmProvider realms = Get.find();
    final ChannelProvider channels = Get.find();
+    final AuthProvider auth = Get.find();
+    final NavigationStateProvider navState = Get.find();

-    return Obx(() {
-      final List<Channel> noRealmGroupChannels = channels.availableChannels
-          .where((x) => x.type == 0 && x.realmId == null)
-          .toList();
-      final List<Channel> hasRealmGroupChannels = channels.availableChannels
-          .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 Obx(
+      () => AnimatedSwitcher(
+        switchInCurve: Curves.fastOutSlowIn,
+        switchOutCurve: Curves.fastOutSlowIn,
+        duration: const Duration(milliseconds: 300),
+        transitionBuilder: (child, animation) {
+          return SlideTransition(
+            position: Tween<Offset>(
+              begin: const Offset(1.0, 0.0),
+              end: Offset.zero,
+            ).animate(animation),
+            child: Material(
+              color: Theme.of(context).colorScheme.surface,
+              child: child,
            ),
-          ],
-        );
-      }
-
-      return CustomScrollView(
-        slivers: [
-          const SliverPadding(padding: EdgeInsets.only(top: 8)),
-          SliverList.builder(
-            itemCount: noRealmGroupChannels.length,
-            itemBuilder: (context, index) {
-              final element = noRealmGroupChannels[index];
-              return _buildEntry(context, element);
-            },
-          ),
-          SliverList.list(
-            children: hasRealmGroupChannels
-                .groupListsBy((x) => x.realm)
-                .entries
-                .map((element) {
-              return ExpansionTile(
-                minTileHeight: 0,
-                initiallyExpanded: true,
-                tilePadding: const EdgeInsets.only(left: 20, right: 24),
-                backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
-                collapsedBackgroundColor:
-                    Theme.of(context).colorScheme.surfaceContainer,
-                title: Text(element.value.first.realm!.name),
-                leading: const Icon(Icons.workspaces, size: 16)
-                    .paddingSymmetric(horizontal: 4),
-                children:
-                    element.value.map((x) => _buildEntry(context, x)).toList(),
-              );
-            }).toList(),
-          ),
-          const SliverPadding(padding: EdgeInsets.only(bottom: 8)),
-        ],
-      );
-    });
+          );
+        },
+        child: navState.focusedRealm.value == null
+            ? widget.isCollapsed
+                ? CustomScrollView(
+                    slivers: [
+                      const SliverPadding(padding: EdgeInsets.only(top: 16)),
+                      SliverList.builder(
+                        itemCount: realms.availableRealms.length,
+                        itemBuilder: (context, index) {
+                          final element = realms.availableRealms[index];
+                          return Tooltip(
+                            message: element.name,
+                            child: _buildEntry(context, element),
+                          );
+                        },
+                      ),
+                    ],
+                  )
+                : CustomScrollView(
+                    slivers: [
+                      SliverList.builder(
+                        itemCount: realms.availableRealms.length,
+                        itemBuilder: (context, index) {
+                          final element = realms.availableRealms[index];
+                          return _buildEntry(context, element);
+                        },
+                      ),
+                    ],
+                  )
+            : Column(
+                children: [
+                  if (widget.isCollapsed)
+                    Tooltip(
+                      message: navState.focusedRealm.value!.name,
+                      child: _buildRealmFocusAvatar().paddingOnly(
+                        top: 24,
+                        bottom: 8,
+                      ),
+                    )
+                  else
+                    ListTile(
+                      minTileHeight: 0,
+                      tileColor:
+                          Theme.of(context).colorScheme.surfaceContainerLow,
+                      leading: _buildRealmFocusAvatar(),
+                      contentPadding: const EdgeInsets.symmetric(
+                          horizontal: 20, vertical: 8),
+                      title: Text(navState.focusedRealm.value!.name),
+                      subtitle: Text(
+                        navState.focusedRealm.value!.description,
+                        maxLines: 1,
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                    ),
+                  Expanded(
+                    child: Obx(
+                      () => ChannelListWidget(
+                        useReplace: true,
+                        channels: channels.availableChannels
+                            .where((x) =>
+                                x.realm?.id == navState.focusedRealm.value?.id)
+                            .toList(),
+                        isCollapsed: widget.isCollapsed,
+                        selfId: auth.userProfile.value!['id'],
+                        noCategory: true,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+      ),
+    );
  }
 }
--- a/lib/widgets/posts/post_item.dart
+++ b/lib/widgets/posts/post_item.dart
@@ -8,6 +8,7 @@ import 'package:intl/intl.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/screens/posts/post_detail.dart';
 import 'package:solian/shells/title_shell.dart';
+import 'package:solian/theme.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
 import 'package:solian/widgets/account/account_profile_popup.dart';
 import 'package:solian/widgets/attachments/attachment_list.dart';
@@ -302,7 +303,7 @@ class _PostItemState extends State<PostItem> {
        autoload: false,
        isGrid: true,
      ).paddingOnly(left: 36, top: 4, bottom: 4);
-    } else if (attachments.length > 1) {
+    } else if (attachments.length > 1 || AppTheme.isLargeScreen(context)) {
      return AttachmentList(
        parentId: widget.item.id.toString(),
        attachmentsId: attachments,
@@ -497,7 +498,10 @@ class _PostItemState extends State<PostItem> {
            ],
          ).paddingOnly(
            top: 10,
-            bottom: attachments.length == 1 ? 10 : 0,
+            bottom:
+                (attachments.length == 1 && !AppTheme.isLargeScreen(context))
+                    ? 10
+                    : 0,
            right: 16,
            left: 16,
          ),
@@ -514,8 +518,13 @@ class _PostItemState extends State<PostItem> {
                });
              },
            ).paddingOnly(
-              top: attachments.length == 1 ? 10 : 6,
-              left: attachments.length == 1 ? 24 : 60,
+              top: (attachments.length == 1 && !AppTheme.isLargeScreen(context))
+                  ? 10
+                  : 6,
+              left:
+                  (attachments.length == 1 && !AppTheme.isLargeScreen(context))
+                      ? 24
+                      : 60,
              right: 16,
              bottom: 10,
            )
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -13,10 +13,10 @@ packages:
    dependency: transitive
    description:
      name: _flutterfire_internals
-      sha256: "9371d13b8ee442e3bfc08a24e3a1b3742c839abbfaf5eef11b79c4b862c89bf7"
+      sha256: ddc6f775260b89176d329dee26f88b9469ef46aa3228ff6a0b91caf2b2989692
      url: "https://pub.dev"
    source: hosted
-    version: "1.3.41"
+    version: "1.3.42"
  _macros:
    dependency: transitive
    description: dart
@@ -306,10 +306,10 @@ packages:
    dependency: transitive
    description:
      name: dart_webrtc
-      sha256: ac7ef077084b3e54004716f1d736fcd839e1b60bc3f21f4122a35a9bb5ca2e47
+      sha256: c664ad88d5646735753add421ee2118486c100febef5e92b7f59cdbabf6a51f6
      url: "https://pub.dev"
    source: hosted
-    version: "1.4.8"
+    version: "1.4.9"
  dbus:
    dependency: transitive
    description:
@@ -426,10 +426,10 @@ packages:
    dependency: "direct main"
    description:
      name: file_picker
-      sha256: "825aec673606875c33cd8d3c4083f1a3c3999015a84178b317b7ef396b7384f3"
+      sha256: "167bb619cdddaa10ef2907609feb8a79c16dfa479d3afaf960f8e223f754bf12"
      url: "https://pub.dev"
    source: hosted
-    version: "8.0.7"
+    version: "8.1.2"
  file_selector_linux:
    dependency: transitive
    description:
@@ -490,10 +490,10 @@ packages:
    dependency: "direct main"
    description:
      name: firebase_core
-      sha256: "06537da27db981947fa535bb91ca120b4e9cb59cb87278dbdde718558cafc9ff"
+      sha256: "40921de9795fbf5887ed5c0adfdf4972d5a8d7ae7e1b2bb98dea39bc02626a88"
      url: "https://pub.dev"
    source: hosted
-    version: "3.4.0"
+    version: "3.4.1"
  firebase_core_platform_interface:
    dependency: transitive
    description:
@@ -506,10 +506,10 @@ packages:
    dependency: transitive
    description:
      name: firebase_core_web
-      sha256: "362e52457ed2b7b180964769c1e04d1e0ea0259fdf7025fdfedd019d4ae2bd88"
+      sha256: f4ee170441ca141c5f9ee5ad8737daba3ee9c8e7efb6902aee90b4fbd178ce25
      url: "https://pub.dev"
    source: hosted
-    version: "2.17.5"
+    version: "2.18.0"
  firebase_crashlytics:
    dependency: "direct main"
    description:
@@ -538,18 +538,18 @@ packages:
    dependency: transitive
    description:
      name: firebase_messaging_platform_interface
-      sha256: "26c5370d3a79b15c8032724a68a4741e28f63e1f1a45699c4f0a8ae740aadd72"
+      sha256: d8a4984635f09213302243ea670fe5c42f3261d7d8c7c0a5f7dcd5d6c84be459
      url: "https://pub.dev"
    source: hosted
-    version: "4.5.43"
+    version: "4.5.44"
  firebase_messaging_web:
    dependency: transitive
    description:
      name: firebase_messaging_web
-      sha256: "58276cd5d9e22a9320ef9e5bc358628920f770f93c91221f8b638e8346ed5df4"
+      sha256: "258b9d637965db7855299b123533609ed95e52350746a723dfd1d8d6f3fac678"
      url: "https://pub.dev"
    source: hosted
-    version: "3.8.13"
+    version: "3.9.0"
  firebase_performance:
    dependency: "direct main"
    description:
@@ -849,10 +849,10 @@ packages:
    dependency: "direct main"
    description:
      name: flutter_webrtc
-      sha256: "67faa07cf49392b50b1aa14590a83caa64d2109345fabd29899dcd8da8538348"
+      sha256: f6800cc2af79018c12e955ddf8ad007891fdfbb8199b0ce3dccd0977ed2add9c
      url: "https://pub.dev"
    source: hosted
-    version: "0.11.6+hotfix.1"
+    version: "0.11.7"
  font_awesome_flutter:
    dependency: "direct main"
    description:
@@ -1169,10 +1169,10 @@ packages:
    dependency: "direct main"
    description:
      name: livekit_client
-      sha256: fc86a8b65b74b41faef646cc671c1892a457c24fd69910e25f7a50dc8cdd3155
+      sha256: "5df9b6f153b5f2c59fbf116b41e54597dfe8b2340b6630f7d8869887a9e58f44"
      url: "https://pub.dev"
    source: hosted
-    version: "2.2.4"
+    version: "2.2.5"
  logging:
    dependency: transitive
    description:
@@ -1369,10 +1369,10 @@ packages:
    dependency: "direct main"
    description:
      name: pasteboard
-      sha256: "1c8b6a8b3f1d12e55d4e9404433cda1b4abe66db6b17bc2d2fb5965772c04674"
+      sha256: "7bf733f3a00c7188ec1f2c6f0612854248b302cf91ef3611a2b7bb141c0f9d55"
      url: "https://pub.dev"
    source: hosted
-    version: "0.2.0"
+    version: "0.3.0"
  path:
    dependency: "direct main"
    description:
@@ -1721,10 +1721,10 @@ packages:
    dependency: "direct main"
    description:
      name: share_plus
-      sha256: "59dfd53f497340a0c3a81909b220cfdb9b8973a91055c4e5ab9b9b9ad7c513c0"
+      sha256: "468c43f285207c84bcabf5737f33b914ceb8eb38398b91e5e3ad1698d1b72a52"
      url: "https://pub.dev"
    source: hosted
-    version: "10.0.0"
+    version: "10.0.2"
  share_plus_platform_interface:
    dependency: transitive
    description:
@@ -1886,10 +1886,10 @@ packages:
    dependency: transitive
    description:
      name: sqlite3
-      sha256: fde692580bee3379374af1f624eb3e113ab2865ecb161dbe2d8ac2de9735dbdb
+      sha256: "45f168ae2213201b54e09429ed0c593dc2c88c924a1488d6f9c523a255d567cb"
      url: "https://pub.dev"
    source: hosted
-    version: "2.4.5"
+    version: "2.4.6"
  sqlparser:
    dependency: transitive
    description:
@@ -2166,10 +2166,10 @@ packages:
    dependency: transitive
    description:
      name: web
-      sha256: "97da13628db363c635202ad97068d47c5b8aa555808e7a9411963c533b449b27"
+      sha256: d43c1d6b787bf0afad444700ae7f4db8827f701bc61c255ac8d328c6f4d52062
      url: "https://pub.dev"
    source: hosted
-    version: "0.5.1"
+    version: "1.0.0"
  web_socket:
    dependency: transitive
    description:
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -2,7 +2,7 @@ name: solian
 description: "The Solar Network App"
 publish_to: "none"

-version: 1.2.1+35
+version: 1.2.1+36

 environment:
  sdk: ">=3.3.4 <4.0.0"
@@ -44,7 +44,7 @@ dependencies:
  sqflite: ^2.3.3+1
  protocol_handler: ^0.2.0
  markdown: ^7.2.2
-  pasteboard: ^0.2.0
+  pasteboard: ^0.3.0
  desktop_drop: ^0.4.4
  badges: ^3.1.2
  flutter_card_swiper: ^7.0.1
--- a/web/index.html
+++ b/web/index.html
@@ -35,7 +35,6 @@
    <link rel="manifest" href="manifest.json">
    
  
-  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
  <style id="splash-screen-style">
    html {
      height: 100%
Author	SHA1	Message	Date
LittleSheep	db808650e3	💄 Optimized settings	2024-09-13 23:19:33 +08:00
LittleSheep	c1cbcbe734	⬆️ Upgrade flutter + deps	2024-09-13 22:51:17 +08:00
LittleSheep	2c4040096f	🚀 Launch 1.2.1+36	2024-09-13 20:22:33 +08:00
LittleSheep	b449735bf5	✨ Better side navigation 🐛 Bug fixes and optimizations	2024-09-13 20:22:10 +08:00
LittleSheep	dd01f964d4	✨ Focused realm linked with feed stream	2024-09-13 00:17:56 +08:00
LittleSheep	6daa04c208	✨ Brand new app navigation region	2024-09-12 23:55:31 +08:00