🐛 Fix loading other type of attachments missing authorization header

♻️ New album
🐛 Fix user did not refresh since login
2025-04-04 00:56:26 +08:00 · 2025-04-03 00:44:34 +08:00 · 2025-04-03 00:25:32 +08:00 · 2025-04-03 00:14:11 +08:00 · 2025-04-02 00:59:14 +08:00 · 2025-04-02 00:56:58 +08:00
81 changed files with 2276 additions and 1530 deletions
--- a/.github/workflows/nightly.yml
+++ b/.github/workflows/nightly.yml
@ -48,7 +48,6 @@ jobs:
        uses: subosito/flutter-action@v2
        with:
          channel: stable
-          cache: true
      - run: |
          sudo apt-get update -y
          sudo apt-get install -y ninja-build libgtk-3-dev
@ -65,3 +64,18 @@ jobs:
        with:
          name: build-output-linux
          path: build/linux/x64/release/bundle
+      - name: Build AppImage
+        run: |
+          rm -r Solian.AppDir | true
+          mkdir Solian.AppDir
+          cp -r build/linux/x64/release/bundle/* Solian.AppDir
+          cp -r buildtools/appimage_config/* Solian.AppDir
+          cp assets/icon/icon-light-radius.png Solian.AppDir
+          sudo chmod +x buildtools/appimagetool-x86_64.AppImage
+          sudo chmod +x Solian.AppDir/AppRun
+          ./buildtools/appimagetool-x86_64.AppImage Solian.AppDir
+      - name: Archive production artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: build-output-linux-appimage
+          path: './*.AppImage*'
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@ -0,0 +1,34 @@
+# Code of Conduct
+
+Welcome to the Solar Network / HyperNet project!
+
+We're welcome for any contribution, from bug reports to feature requests to code contributions.
+
+To get started, start from fork the repository.
+
+## Project Structure
+
+The current repository you're visiting is the front-end project for the Solar Network project. It's built by Flutter and also manages all feature requests and issues reports in this repository.
+
+The backend of the Solar Network is written in Go and is a microservices app. The code is stored separately in different repositories. They're linked in the README.MD, you can have a look and try to contribute if you want.
+
+## Commit Messages
+
+We're using the gitmoji to clarify the reason and changes of the commit. To learn more about gitmoji, visit https://gitmoji.dev
+
+## Translations & Localization
+
+We're not accepting translation and localization improvements, or fixes on the GitHub or Solsynth Git Repository. If you want to contribute to those, please head to our Weblate: https://i18n.solsynth.dev. You will able to sign up / in via your Solar Network Account (Solarpass)
+
+## New Features
+
+To contribute new features, please create an issue or mention the feature you want in our official development chat channel. You should discuss the feature with us and the community first. You shouldn't just create a Pull Request for the feature you want, it will not be merged.
+
+## Bug Reports / Ask for help
+
+Read the error message, check for the update (including pre-releases), and wiki before creating an issue. At the same time, be respectful and don't argue with our developers and contributors in the development chat or GitHub issue. Otherwise your issue may got deleted and your Solar Network Account may got a strike. 
+
+-----------
+
+We appreciate every single commit you contributed. Let's work together and create a better Solar Network!
+
--- a/README.md
+++ b/README.md
@ -2,7 +2,7 @@

 ![](https://solsynth.dev/_next/static/media/alpha.e779a584.webp)

-Hello there! Welcome to the main repository of the HyperNet (also known as the Solar Network). The code here is mainly about the frontend app (also known as Solian). But you can still post issues here to get help and request new features!
+Hello there! Welcome to the main repository of the HyperNet (also known as the Solar Network). The code here is mainly about the front-end app (also known as Solian). But you can still post issues here to get help and request new features!

 ## Sub Projects

@ -14,14 +14,55 @@ HyperNet, the Solar Network is a microservices project in which the backends are
 - The Messaging Service: [Messaging](https://github.com/Solsynth/HyperNet.Messaging)
 - The Wallet Service: [Wallet](https://github.com/Solsynth/HyperNet.Wallet)
 - The Crawler: [Reader](https://github.com/Solsynth/HyperNet.Reader)
- Some others may not be listed, you can search in the organization with `HyperNet.` the prefix of all HyperNet projects.
+- The Attachments Service: [Paperclip](https://github.com/Solsynth/HyperNet.Paperclip)
+- Some others may not be listed, you can search in the organization with `HyperNet.` It's the prefix of all HyperNet projects.

 ## Tech Stack

-For those people who want to know the tech stack of this project, the frontend was built by Flutter, which provides the cross-platform ability.
+For those people who want to know the tech stack of this project, the front-end was built by Flutter, which provides cross-platform ability.

 The backend was built in Go and PostgreSQL with our very own microservice framework included in the nexus.

-----
+If you want to contribute to the project, learn more about the [Code of Conduct](./CODE_OF_CONDUCT.md).
+
+## Getting Started
+
+The content below will lead you to the world of Solar Network.
+
+### For Normal Users
+
+1. Go to the Github Releases page, and download the latest release / pre-release according to your platform.
+   - **What's the difference between stable and pre-release?** The pre-release is untested by the other users and includes the new cutting-edge features, usually the pre-release is the feature drop. At the same time, due to we're not doing the API versioning, some breaking changes may break the stable release, so use the pre-release one instead.
+2. Create an account on the Solar Network
+3. Go to your email inbox to confirm your registration
+4. Start exploring!
+
+### For Developers
+
+To make the Solar Network App run in debug mode on your machine, you need to install the flutter development environment, for more environments, head to https://flutter.dev.
+
+For the Linux platform, you need to install those extra development libs:
+
+```bash
+sudo apt-get update -y
+sudo apt-get install -y ninja-build libgtk-3-dev
+sudo apt-get install -y libmpv-dev mpv
+sudo apt-get install -y libayatana-appindicator3-dev
+sudo apt-get install -y keybinder-3.0
+sudo apt-get install -y libnotify-dev
+sudo apt-get install -y libgstreamer1.0-dev libgstreamer-plugins-base1.0-dev
+sudo apt-get install -y gstreamer-1.0
+```
+
+Then, use the flutter run for the app running in debug mode.
+
+```bash
+flutter pub get
+```
+
+If you want to build the release version, use the flutter build command. Learn more from the flutter docs.
+
+```bash
+flutter build <platform>
+```

-The readme will be updated in the future, to be determined. For now, you can check out the link of this repository to learn more on our official website.
--- a/api/Passport/Give
+++ b/api/Passport/Give
@ -0,0 +1,20 @@
+meta {
+  name: Give Punishment
+  type: http
+  seq: 4
+}
+
+post {
+  url: {{endpoint}}/cgi/id/punishments
+  body: json
+  auth: inherit
+}
+
+body:json {
+  {
+    "reason": "吹哨管理条例 / 滥用吹哨功能，累积三次复核无效吹哨。处以禁用吹哨功能 30 天。",
+    "type": 1,
+    "perm_nodes": {"FlagPost":false},
+    "account_id": 5
+  }
+}
--- a/assets/translations/en-US.json
+++ b/assets/translations/en-US.json
@ -941,5 +941,12 @@
  "settingsResetMemorizedWindowSize": "Reset Window Size",
  "settingsResetMemorizedWindowSizeDescription": "Reset the memorized window size, and set it to the default size.",
  "chatDirect": "Direct Messages",
-  "back": "返回"
+  "back": "Back",
+  "badgeProgramDeveloper": "Developer Program Member",
+  "badgeProgramStellar": "A Stellar",
+  "badgeProgramModerator": "Community Moderator",
+  "postEditedHint": "edited",
+  "splashScreenServer": "Server",
+  "splashScreenServerName": "Potato",
+  "splashScreenCaption": "Trying to establishing connection with HyperNet™"
 }
--- a/assets/translations/zh-CN.json
+++ b/assets/translations/zh-CN.json
@ -938,5 +938,12 @@
  "settingsResetMemorizedWindowSize": "重置窗口大小",
  "settingsResetMemorizedWindowSizeDescription": "重置记忆的窗口大小，以重新设置为默认大小。",
  "chatDirect": "私信",
-  "back": "返回"
+  "back": "返回",
+  "badgeProgramDeveloper": "开发者计划成员",
+  "badgeProgramStellar": "一颗恒星",
+  "badgeProgramModerator": "社区管理员",
+  "postEditedHint": "已编辑",
+  "splashScreenServer": "服务器",
+  "splashScreenServerName": "土豆",
+  "splashScreenCaption": "正在尝试与 HyperNet™ 取得太阳链连接"
 }
--- a/buildtools/appimage_config/AppRun
+++ b/buildtools/appimage_config/AppRun
@ -0,0 +1,4 @@
+#!/bin/sh
+
+cd "$(dirname "$0")"
+exec ./surface
--- a/buildtools/appimage_config/Solian.desktop
+++ b/buildtools/appimage_config/Solian.desktop
@ -0,0 +1,8 @@
+[Desktop Entry]
+Version=1.0
+Type=Application
+Terminal=false
+Name=Solian
+Exec=surface %u
+Icon=icon-light-radius
+Categories=Network;
--- a/buildtools/appimagetool-x86_64.AppImage
+++ b/buildtools/appimagetool-x86_64.AppImage
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@ -46,58 +46,58 @@ PODS:
    - Flutter
  - file_saver (0.0.1):
    - Flutter
-  - Firebase/Analytics (11.8.0):
+  - Firebase/Analytics (11.10.0):
    - Firebase/Core
-  - Firebase/Core (11.8.0):
+  - Firebase/Core (11.10.0):
    - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 11.8.0)
-  - Firebase/CoreOnly (11.8.0):
-    - FirebaseCore (~> 11.8.0)
-  - Firebase/Messaging (11.8.0):
+    - FirebaseAnalytics (~> 11.10.0)
+  - Firebase/CoreOnly (11.10.0):
+    - FirebaseCore (~> 11.10.0)
+  - Firebase/Messaging (11.10.0):
    - Firebase/CoreOnly
-    - FirebaseMessaging (~> 11.8.0)
-  - firebase_analytics (11.4.4):
-    - Firebase/Analytics (= 11.8.0)
+    - FirebaseMessaging (~> 11.10.0)
+  - firebase_analytics (11.4.5):
+    - Firebase/Analytics (= 11.10.0)
    - firebase_core
    - Flutter
-  - firebase_core (3.12.1):
-    - Firebase/CoreOnly (= 11.8.0)
+  - firebase_core (3.13.0):
+    - Firebase/CoreOnly (= 11.10.0)
    - Flutter
-  - firebase_messaging (15.2.4):
-    - Firebase/Messaging (= 11.8.0)
+  - firebase_messaging (15.2.5):
+    - Firebase/Messaging (= 11.10.0)
    - firebase_core
    - Flutter
-  - FirebaseAnalytics (11.8.0):
-    - FirebaseAnalytics/AdIdSupport (= 11.8.0)
-    - FirebaseCore (~> 11.8.0)
+  - FirebaseAnalytics (11.10.0):
+    - FirebaseAnalytics/AdIdSupport (= 11.10.0)
+    - FirebaseCore (~> 11.10.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseAnalytics/AdIdSupport (11.8.0):
-    - FirebaseCore (~> 11.8.0)
+  - FirebaseAnalytics/AdIdSupport (11.10.0):
+    - FirebaseCore (~> 11.10.0)
    - FirebaseInstallations (~> 11.0)
-    - GoogleAppMeasurement (= 11.8.0)
+    - GoogleAppMeasurement (= 11.10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseCore (11.8.1):
-    - FirebaseCoreInternal (~> 11.8.0)
+  - FirebaseCore (11.10.0):
+    - FirebaseCoreInternal (~> 11.10.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/Logger (~> 8.0)
-  - FirebaseCoreInternal (11.8.0):
+  - FirebaseCoreInternal (11.10.0):
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseInstallations (11.8.0):
-    - FirebaseCore (~> 11.8.0)
+  - FirebaseInstallations (11.10.0):
+    - FirebaseCore (~> 11.10.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/UserDefaults (~> 8.0)
    - PromisesObjC (~> 2.4)
-  - FirebaseMessaging (11.8.0):
-    - FirebaseCore (~> 11.8.0)
+  - FirebaseMessaging (11.10.0):
+    - FirebaseCore (~> 11.10.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleDataTransport (~> 10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
@ -128,21 +128,21 @@ PODS:
  - gal (1.0.0):
    - Flutter
    - FlutterMacOS
-  - GoogleAppMeasurement (11.8.0):
-    - GoogleAppMeasurement/AdIdSupport (= 11.8.0)
+  - GoogleAppMeasurement (11.10.0):
+    - GoogleAppMeasurement/AdIdSupport (= 11.10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/AdIdSupport (11.8.0):
-    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.8.0)
+  - GoogleAppMeasurement/AdIdSupport (11.10.0):
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/WithoutAdIdSupport (11.8.0):
+  - GoogleAppMeasurement/WithoutAdIdSupport (11.10.0):
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
@ -184,11 +184,16 @@ PODS:
    - Flutter
  - in_app_review (2.0.0):
    - Flutter
-  - Kingfisher (8.2.0)
+  - Kingfisher (8.3.1)
  - livekit_client (2.4.1):
    - Flutter
    - flutter_webrtc
    - WebRTC-SDK (= 125.6422.06)
+  - livekit_noise_filter (0.0.1):
+    - Flutter
+    - flutter_webrtc
+    - LiveKitKrispNoiseFilter (= 0.0.7)
+  - LiveKitKrispNoiseFilter (0.0.7)
  - media_kit_libs_ios_video (1.0.4):
    - Flutter
  - media_kit_video (0.0.1):
@ -212,9 +217,9 @@ PODS:
  - receive_sharing_intent (1.8.1):
    - Flutter
  - SAMKeychain (1.5.3)
-  - SDWebImage (5.20.1):
-    - SDWebImage/Core (= 5.20.1)
-  - SDWebImage/Core (5.20.1)
+  - SDWebImage (5.21.0):
+    - SDWebImage/Core (= 5.21.0)
+  - SDWebImage/Core (5.21.0)
  - share_plus (0.0.1):
    - Flutter
  - shared_preferences_foundation (0.0.1):
@ -283,6 +288,7 @@ DEPENDENCIES:
  - in_app_review (from `.symlinks/plugins/in_app_review/ios`)
  - Kingfisher (~> 8.0)
  - livekit_client (from `.symlinks/plugins/livekit_client/ios`)
+  - livekit_noise_filter (from `.symlinks/plugins/livekit_noise_filter/ios`)
  - media_kit_libs_ios_video (from `.symlinks/plugins/media_kit_libs_ios_video/ios`)
  - media_kit_video (from `.symlinks/plugins/media_kit_video/ios`)
  - package_info_plus (from `.symlinks/plugins/package_info_plus/ios`)
@ -315,6 +321,7 @@ SPEC REPOS:
    - GoogleDataTransport
    - GoogleUtilities
    - Kingfisher
+    - LiveKitKrispNoiseFilter
    - nanopb
    - OrderedSet
    - PromisesObjC
@ -369,6 +376,8 @@ EXTERNAL SOURCES:
    :path: ".symlinks/plugins/in_app_review/ios"
  livekit_client:
    :path: ".symlinks/plugins/livekit_client/ios"
+  livekit_noise_filter:
+    :path: ".symlinks/plugins/livekit_noise_filter/ios"
  media_kit_libs_ios_video:
    :path: ".symlinks/plugins/media_kit_libs_ios_video/ios"
  media_kit_video:
@ -413,15 +422,15 @@ SPEC CHECKSUMS:
  fast_rsa: d99f8e1809a4a312fa9216d830186869b2e9eb65
  file_picker: a0560bc09d61de87f12d246fc47d2119e6ef37be
  file_saver: 6cdbcddd690cb02b0c1a0c225b37cd805c2bf8b6
-  Firebase: d80354ed7f6df5f9aca55e9eb47cc4b634735eaf
-  firebase_analytics: 4e93dbe66872104d28ae9750fec1800e1fd66858
-  firebase_core: 8d552814f6c01ccde5d88939fced4ec26f2f5510
-  firebase_messaging: 8b96a4f09841c15a16b96973ef5c3dcfc1a064e4
-  FirebaseAnalytics: 4fd42def128146e24e480e89f310e3d8534ea42b
-  FirebaseCore: 99fe0c4b44a39f37d99e6404e02009d2db5d718d
-  FirebaseCoreInternal: df24ce5af28864660ecbd13596fc8dd3a8c34629
-  FirebaseInstallations: 6c963bd2a86aca0481eef4f48f5a4df783ae5917
-  FirebaseMessaging: 487b634ccdf6f7b7ff180fdcb2a9935490f764e8
+  Firebase: 1fe1c0a7d9aaea32efe01fbea5f0ebd8d70e53a2
+  firebase_analytics: 1998960b8fa16fd0cd9e77a6f9fd35a2009ad65e
+  firebase_core: 2d4534e7b489907dcede540c835b48981d890943
+  firebase_messaging: 75bc93a4df25faccad67f6662ae872ac9ae69b64
+  FirebaseAnalytics: 4e42333f02cf78ed93703a5c36f36dd518aebdef
+  FirebaseCore: 8344daef5e2661eb004b177488d6f9f0f24251b7
+  FirebaseCoreInternal: ef4505d2afb1d0ebbc33162cb3795382904b5679
+  FirebaseInstallations: 9980995bdd06ec8081dfb6ab364162bdd64245c3
+  FirebaseMessaging: 2b9f56aa4ed286e1f0ce2ee1d413aabb8f9f5cb9
  Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
  flutter_app_update: 816fdb2e30e4832a7c45e3f108d391c42ef040a9
  flutter_inappwebview_ios: b89ba3482b96fb25e00c967aae065701b66e9b99
@ -430,14 +439,16 @@ SPEC CHECKSUMS:
  flutter_udid: f7c3884e6ec2951efe4f9de082257fc77c4d15e9
  flutter_webrtc: 57f32415b8744e806f9c2a96ccdb60c6a627ba33
  gal: baecd024ebfd13c441269ca7404792a7152fde89
-  GoogleAppMeasurement: fc0817122bd4d4189164f85374e06773b9561896
+  GoogleAppMeasurement: 36684bfb3ee034e2b42b4321eb19da3a1b81e65d
  GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
  GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
  home_widget: f169fc41fd807b4d46ab6615dc44d62adbf9f64f
  image_picker_ios: 7fe1ff8e34c1790d6fff70a32484959f563a928a
  in_app_review: 5596fe56fab799e8edb3561c03d053363ab13457
-  Kingfisher: 323e5c4ec7983aaace12af655a7b51a7f88a599d
+  Kingfisher: 3204d23de16b5ea53541c44ca5a8efb55741dec3
  livekit_client: 08755cabfa4da4ed455642f460cfbb39bc518070
+  livekit_noise_filter: a26aeb1c1eae6db0a023fd2f6ea3ff108c3ecbb0
+  LiveKitKrispNoiseFilter: efe418ceca28163ace0ff222bd2cc02384645d84
  media_kit_libs_ios_video: 5a18affdb97d1f5d466dc79988b13eff6c5e2854
  media_kit_video: 1746e198cb697d1ffb734b1d05ec429d1fcd1474
  nanopb: fad817b59e0457d11a5dfbde799381cd727c1275
@ -449,7 +460,7 @@ SPEC CHECKSUMS:
  PromisesObjC: f5707f49cb48b9636751c5b2e7d227e43fba9f47
  receive_sharing_intent: 222384f00ffe7e952bbfabaa9e3967cb87e5fe00
  SAMKeychain: 483e1c9f32984d50ca961e26818a534283b4cd5c
-  SDWebImage: 33d0f23bddeb5d209ae959153883247be6703713
+  SDWebImage: f84b0feeb08d2d11e6a9b843cb06d75ebf5b8868
  share_plus: 50da8cb520a8f0f65671c6c6a99b3617ed10a58a
  shared_preferences_foundation: 9e1978ff2562383bd5676f64ec4e9aa8fa06a6f7
  sqflite_darwin: 20b2a3a3b70e43edae938624ce550a3cbf66a3d0
--- a/lib/controllers/post_write_controller.dart
+++ b/lib/controllers/post_write_controller.dart
@ -241,7 +241,9 @@ class PostWriteController extends ChangeNotifier {
        contentController.text = post.body['content'] ?? '';
        aliasController.text = post.alias ?? '';
        rewardController.text = post.body['reward']?.toString() ?? '';
-        videoAttachment = post.preload?.video;
+        videoAttachment = post.body['video'] != null
+            ? SnAttachment.fromJson(post.body['video'])
+            : null;
        publishedAt = post.publishedAt;
        publishedUntil = post.publishedUntil;
        visibleUsers = List.from(post.visibleUsersList ?? [], growable: true);
@ -252,17 +254,22 @@ class PostWriteController extends ChangeNotifier {
        categories =
            List.from(post.categories.map((ele) => ele.alias), growable: true);
        attachments.addAll(
-            post.preload?.attachments?.map((ele) => PostWriteMedia(ele)) ?? []);
-        poll = post.preload?.poll;
+          post.body['attachments']
+                  ?.map((ele) => SnAttachment.fromJson(ele))
+                  ?.map((ele) => PostWriteMedia(ele))
+                  ?.cast<PostWriteMedia>() ??
+              [],
+        );
+        poll = post.poll;

        editingDraft = post.isDraft;

-        if (post.preload?.thumbnail != null &&
-            (post.preload?.thumbnail?.rid.isNotEmpty ?? false)) {
-          thumbnail = PostWriteMedia(post.preload!.thumbnail);
+        if (post.body['thumbnail'] != null) {
+          thumbnail =
+              PostWriteMedia(SnAttachment.fromJson(post.body['thumbnail']));
        }
-        if (post.preload?.realm != null) {
-          realm = post.preload!.realm!;
+        if (post.realm != null) {
+          realm = post.realm!;
        }

        editingPost = post;
--- a/lib/main.dart
+++ b/lib/main.dart
@ -15,6 +15,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:hotkey_manager/hotkey_manager.dart';
 import 'package:package_info_plus/package_info_plus.dart';
 import 'package:provider/provider.dart';
@ -49,6 +50,7 @@ import 'package:surface/router.dart';
 import 'package:flutter_web_plugins/url_strategy.dart' show usePathUrlStrategy;
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/menu_bar.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/version_label.dart';
 import 'package:tray_manager/tray_manager.dart';
 import 'package:version/version.dart';
@ -57,6 +59,7 @@ import 'package:in_app_review/in_app_review.dart';
 import 'package:image_picker_android/image_picker_android.dart';
 import 'package:image_picker_platform_interface/image_picker_platform_interface.dart';
 import 'package:local_notifier/local_notifier.dart';
+import 'package:flutter_animate/flutter_animate.dart';

@pragma('vm:entry-point')
 void appBackgroundDispatcher() {
@ -257,6 +260,7 @@ class _AppSplashScreen extends StatefulWidget {

 class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
  bool _isBusy = false;
+  double _initPercentage = 0;
  String _phaseText = 'appInitStarting';

  void _tryRequestRating() async {
@ -331,20 +335,24 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
      // The Network initialization must be done after the HomeWidget initialization
      // The Network initialization will save the server url to the HomeWidget
      // The Network initialization will also save initialize the Config, so it not need to be initialized again
+      _initPercentage = 0.1;
      _setPhaseText('network');
      final sn = context.read<SnNetworkProvider>();
      await sn.initializeUserAgent();
      await sn.setConfigWithNative();
      if (!mounted) return;
+      _initPercentage = 0.2;
      _setPhaseText('userdata');
      final ua = context.read<UserProvider>();
      await ua.initialize();
      if (!mounted) return;
+      _initPercentage = 0.3;
      _setPhaseText('websocket');
      final ws = context.read<WebSocketProvider>();
      await ws.tryConnect();
      try {
        if (!mounted) return;
+        _initPercentage = 0.9;
        _setPhaseText('keyPair');
        final kp = context.read<KeyPairProvider>();
        kp.reloadActive();
@ -357,24 +365,25 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
        notify.listen();
        try {
          notify.registerPushNotifications();
+          if (!mounted) return;
+          _setPhaseText('stickers');
+          final sticker = context.read<SnStickerProvider>();
+          await sticker.listSticker();
+          if (!mounted) return;
+          _setPhaseText('userDirectory');
+          final ud = context.read<UserDirectoryProvider>();
+          await ud.loadAccountCache();
+          if (!mounted) return;
+          _setPhaseText('realm');
+          final rm = context.read<SnRealmProvider>();
+          await rm.refreshAvailableRealms();
+          if (!mounted) return;
+          _setPhaseText('chat');
+          final ct = context.read<ChatChannelProvider>();
+          await ct.refreshAvailableChannels();
+          _initPercentage = 1;
+          _setPhaseText('done');
        } catch (_) {}
-        if (!mounted) return;
-        _setPhaseText('stickers');
-        final sticker = context.read<SnStickerProvider>();
-        await sticker.listSticker();
-        if (!mounted) return;
-        _setPhaseText('userDirectory');
-        final ud = context.read<UserDirectoryProvider>();
-        await ud.loadAccountCache();
-        if (!mounted) return;
-        _setPhaseText('realm');
-        final rm = context.read<SnRealmProvider>();
-        await rm.refreshAvailableRealms();
-        if (!mounted) return;
-        _setPhaseText('chat');
-        final ct = context.read<ChatChannelProvider>();
-        await ct.refreshAvailableChannels();
-        _setPhaseText('done');
        _playIntro();
      }
    } catch (err) {
@ -396,8 +405,22 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
    final cfg = context.read<ConfigProvider>();
    if (!cfg.soundEffects) return;

+    final date = DateTime.now();
    final player = AudioPlayer(playerId: 'launch-done-player');
-    await player.play(AssetSource('audio/sfx/launch-done.mp3'), volume: 0.8);
+    await player.play(
+      (cfg.aprilFoolFeatures && date.month == 4 && date.day == 1)
+          ? AssetSource('audio/sfx/launch-intro.mp3')
+          : AssetSource('audio/sfx/launch-done.mp3'),
+      volume: 0.8,
+      ctx: AudioContext(
+        android: AudioContextAndroid(
+          contentType: AndroidContentType.sonification,
+          usageType: AndroidUsageType.notificationEvent,
+        ),
+        iOS: AudioContextIOS(category: AVAudioSessionCategory.ambient),
+      ),
+      mode: PlayerMode.lowLatency,
+    );
    player.onPlayerComplete.listen((_) {
      player.dispose();
    });
@ -456,15 +479,22 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
          AppLifecycleListener(onExitRequested: _onExitRequested);
    }

-    _trayInitialization();
-    _hotkeyInitialization();
-    _notifyInitialization();
-    _initialize().then((_) {
-      _postInitialization();
-      _tryRequestRating();
-      _checkForUpdate();
-      setState(() => _isBusy = false);
-    });
+    try {
+      _trayInitialization();
+      _hotkeyInitialization();
+      _notifyInitialization();
+      _initialize().then((_) {
+        _postInitialization();
+        _tryRequestRating();
+        _checkForUpdate();
+        setState(() => _isBusy = false);
+      }).catchError((err) {
+        logging.error('[Bootstrap] Unable to initialize app', err);
+        setState(() => _isBusy = false);
+      });
+    } catch (err) {
+      logging.error('[Bootstrap] Unable to initialize (pre-stage) app', err);
+    }
  }

  Future<AppExitResponse> _onExitRequested() async {
@ -555,46 +585,10 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
            });
            return SizeChangedLayoutNotifier(
              child: _isBusy
-                  ? Material(
-                      key: Key('app-splash-screen-$_isBusy'),
-                      child: Stack(
-                        children: [
-                          Container(
-                            decoration: BoxDecoration(
-                              image: DecorationImage(
-                                image: AssetImage('assets/icon/kanban-1st.jpg'),
-                                fit: BoxFit.cover,
-                                opacity: 0.1,
-                              ),
-                              color: Theme.of(context).colorScheme.surface,
-                              backgroundBlendMode: BlendMode.darken,
-                            ),
-                          ),
-                          Center(
-                            child: Container(
-                              constraints: const BoxConstraints(maxWidth: 240),
-                              child: Column(
-                                mainAxisSize: MainAxisSize.min,
-                                children: [
-                                  Image.asset(
-                                    'assets/icon/icon.png',
-                                    width: 64,
-                                    height: 64,
-                                    color:
-                                        Theme.of(context).colorScheme.onSurface,
-                                  ),
-                                  Text('Solar Network').bold(),
-                                  AppVersionLabel(),
-                                  Gap(8),
-                                  Text(_phaseText, textAlign: TextAlign.center),
-                                  Gap(16),
-                                  const LinearProgressIndicator(),
-                                ],
-                              ),
-                            ),
-                          ),
-                        ],
-                      ),
+                  ? _AppLoadingScreen(
+                      isBusy: _isBusy,
+                      initPercentage: _initPercentage,
+                      phaseText: _phaseText,
                    )
                  : widget.child,
            );
@ -604,3 +598,234 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
    );
  }
 }
+
+class _AppLoadingScreen extends StatelessWidget {
+  const _AppLoadingScreen({
+    required this.isBusy,
+    required this.initPercentage,
+    required this.phaseText,
+  });
+
+  final bool isBusy;
+  final double initPercentage;
+  final String phaseText;
+
+  @override
+  Widget build(BuildContext context) {
+    if (ResponsiveScaffold.getIsExpand(context)) {
+      return Material(
+        key: Key('app-splash-screen-$isBusy'),
+        child: Stack(
+          children: [
+            Container(
+              decoration: BoxDecoration(
+                image: DecorationImage(
+                  image: AssetImage('assets/icon/kanban-1st.jpg'),
+                  fit: BoxFit.cover,
+                  opacity: 0.1,
+                ),
+                color: Theme.of(context).colorScheme.surface,
+                backgroundBlendMode: BlendMode.darken,
+              ),
+            ),
+            Center(
+              child: Row(
+                children: [
+                  Expanded(
+                    child: TweenAnimationBuilder<double>(
+                      tween: Tween(begin: 0, end: initPercentage),
+                      duration: Duration(milliseconds: 300),
+                      builder: (context, value, _) => Column(
+                        mainAxisSize: MainAxisSize.min,
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text('${(value * 100).toStringAsFixed(0)}%')
+                              .padding(left: 32, bottom: 4),
+                          LinearProgressIndicator(
+                            value: value,
+                            borderRadius: const BorderRadius.all(
+                              Radius.circular(0),
+                            ),
+                            stopIndicatorColor: Colors.transparent,
+                            backgroundColor: Colors.transparent,
+                          ),
+                          const Gap(24),
+                        ],
+                      ),
+                    ),
+                  ),
+                  Expanded(
+                    child: TweenAnimationBuilder<double>(
+                      tween: Tween(begin: 0, end: initPercentage),
+                      duration: Duration(milliseconds: 300),
+                      builder: (context, value, _) => Column(
+                        mainAxisSize: MainAxisSize.min,
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          Text('${(value * 100).toStringAsFixed(0)}%')
+                              .padding(right: 32, bottom: 4),
+                          Transform.flip(
+                            flipX: true,
+                            child: LinearProgressIndicator(
+                              value: value,
+                              borderRadius: const BorderRadius.all(
+                                Radius.circular(0),
+                              ),
+                              stopIndicatorColor: Colors.transparent,
+                              backgroundColor: Colors.transparent,
+                            ),
+                          ),
+                          const Gap(24),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            Center(
+              child: Container(
+                constraints: const BoxConstraints(maxWidth: 240, minWidth: 160),
+                padding: EdgeInsets.symmetric(horizontal: 16, vertical: 24),
+                decoration: BoxDecoration(
+                  color:
+                      Theme.of(context).colorScheme.surface.withOpacity(0.85),
+                  border: Border.all(
+                    color: Theme.of(context).dividerColor,
+                    width: 3,
+                  ),
+                  borderRadius: const BorderRadius.all(Radius.circular(12)),
+                ),
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Text(
+                      'splashScreenServer',
+                      style: GoogleFonts.notoSerifHk(height: 1, fontSize: 11),
+                      textAlign: TextAlign.center,
+                    ).tr().opacity(0.85),
+                    Text(
+                      'splashScreenServerName',
+                      style: GoogleFonts.notoSerifHk(
+                        fontSize: 24,
+                        fontWeight: FontWeight.bold,
+                      ),
+                      textAlign: TextAlign.center,
+                    ).tr().opacity(0.85),
+                    Text.rich(
+                      TextSpan(
+                        text: '#',
+                        style: GoogleFonts.notoSerifHk(),
+                        children: [
+                          TextSpan(
+                            text: '0',
+                            style: GoogleFonts.notoSerifHk(
+                              fontSize: 80,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ],
+                      ),
+                      textAlign: TextAlign.center,
+                    ).padding(vertical: 16),
+                  ],
+                ),
+              ),
+            ),
+            Positioned(
+              left: 0,
+              right: 0,
+              bottom: MediaQuery.of(context).size.height * 0.2,
+              child: Column(
+                children: [
+                  Text(
+                    phaseText,
+                    textAlign: TextAlign.center,
+                  ),
+                  AnimateWidgetExtensions(Text(
+                    'splashScreenCaption',
+                    textAlign: TextAlign.center,
+                  ).tr())
+                      .animate(onPlay: (e) => e.repeat())
+                      .fadeIn(duration: 500.ms, curve: Curves.easeOut)
+                      .then()
+                      .fadeOut(
+                        duration: 500.ms,
+                        delay: 1000.ms,
+                        curve: Curves.easeIn,
+                      ),
+                ],
+              ),
+            ),
+            Positioned(
+              bottom: 8,
+              left: 16,
+              right: 16,
+              child: Row(
+                children: [
+                  Image.asset(
+                    'assets/icon/icon.png',
+                    width: 40,
+                    height: 40,
+                    color: Theme.of(context).colorScheme.onSurface,
+                  ).padding(all: 4),
+                  const Gap(4),
+                  Text('Solar Network').bold(),
+                  Expanded(child: const SizedBox()),
+                  AppVersionLabel(),
+                  const Gap(12),
+                ],
+              ),
+            ),
+          ],
+        ),
+      );
+    }
+
+    return Material(
+      key: Key('app-splash-screen-$isBusy'),
+      child: Stack(
+        children: [
+          Container(
+            decoration: BoxDecoration(
+              image: DecorationImage(
+                image: AssetImage('assets/icon/kanban-1st.jpg'),
+                fit: BoxFit.cover,
+                opacity: 0.1,
+              ),
+              color: Theme.of(context).colorScheme.surface,
+              backgroundBlendMode: BlendMode.darken,
+            ),
+          ),
+          Center(
+            child: Container(
+              constraints: const BoxConstraints(maxWidth: 240),
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Image.asset(
+                    'assets/icon/icon.png',
+                    width: 64,
+                    height: 64,
+                    color: Theme.of(context).colorScheme.onSurface,
+                  ),
+                  Text('Solar Network').bold(),
+                  AppVersionLabel(),
+                  Gap(8),
+                  Text(phaseText, textAlign: TextAlign.center),
+                  Gap(16),
+                  TweenAnimationBuilder<double>(
+                    tween: Tween(begin: 0, end: initPercentage),
+                    duration: Duration(milliseconds: 300),
+                    builder: (context, value, _) =>
+                        LinearProgressIndicator(value: value),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
--- a/lib/providers/chat_call.dart
+++ b/lib/providers/chat_call.dart
@ -2,6 +2,7 @@ import 'dart:async';

 import 'package:flutter/material.dart';
 import 'package:livekit_client/livekit_client.dart';
+import 'package:livekit_noise_filter/livekit_noise_filter.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:provider/provider.dart';
 import 'package:surface/providers/sn_network.dart';
@ -131,10 +132,14 @@ class ChatCallProvider extends ChangeNotifier {

  void initRoom() {
    initHardware();
+    final timeout = const Duration(seconds: 60);
    _room = Room(
-      roomOptions: const RoomOptions(
+      roomOptions: RoomOptions(
        dynacast: true,
        adaptiveStream: true,
+        defaultAudioCaptureOptions: AudioCaptureOptions(
+          processor: LiveKitNoiseFilter(),
+        ),
        defaultAudioPublishOptions: AudioPublishOptions(
          name: 'call_voice',
          stream: 'call_stream',
@ -154,6 +159,16 @@ class ChatCallProvider extends ChangeNotifier {
          params: VideoParametersPresets.h1080_169,
        ),
      ),
+      connectOptions: ConnectOptions(
+        autoSubscribe: true,
+        timeouts: Timeouts(
+          connection: timeout,
+          debounce: timeout,
+          publish: timeout,
+          peerConnection: timeout,
+          iceRestart: timeout,
+        ),
+      ),
    );
    _listener = _room.createListener();
    WakelockPlus.enable();
--- a/lib/providers/keypair.dart
+++ b/lib/providers/keypair.dart
@ -152,7 +152,7 @@ class KeyPairProvider {

  Future<SnKeyPair?> reloadActive({bool autoEnroll = true}) async {
    final kp = await (_dt.db.snLocalKeyPair.select()
-          ..where((e) => e.accountId.equals(_ua.user!.id))
+          ..where((e) => e.accountId.equals(_ua.user?.id ?? 0))
          ..where((e) => e.privateKey.isNotNull())
          ..where((e) => e.isActive.equals(true))
          ..limit(1))
--- a/lib/providers/notification.dart
+++ b/lib/providers/notification.dart
@ -106,6 +106,14 @@ class NotificationProvider extends ChangeNotifier {
            _notifySoundPlayer.play(
              AssetSource('audio/notify/metal-pipe.mp3'),
              volume: 0.6,
+              ctx: AudioContext(
+                android: AudioContextAndroid(
+                  contentType: AndroidContentType.sonification,
+                  usageType: AndroidUsageType.notificationEvent,
+                ),
+                iOS: AudioContextIOS(category: AVAudioSessionCategory.ambient),
+              ),
+              mode: PlayerMode.lowLatency,
            );
          }
        }
--- a/lib/providers/post.dart
+++ b/lib/providers/post.dart
@ -1,144 +1,31 @@
+import 'package:dio/dio.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
-import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
-import 'package:surface/providers/sn_realm.dart';
-import 'package:surface/providers/user_directory.dart';
-import 'package:surface/types/poll.dart';
 import 'package:surface/types/post.dart';
-import 'package:surface/types/realm.dart';

 class SnPostContentProvider {
  late final SnNetworkProvider _sn;
-  late final UserDirectoryProvider _ud;
-  late final SnAttachmentProvider _attach;
-  late final SnRealmProvider _realm;

  SnPostContentProvider(BuildContext context) {
    _sn = context.read<SnNetworkProvider>();
-    _ud = context.read<UserDirectoryProvider>();
-    _attach = context.read<SnAttachmentProvider>();
-    _realm = context.read<SnRealmProvider>();
-  }
-
-  Future<SnPoll> _fetchPoll(int id) async {
-    final resp = await _sn.client.get('/cgi/co/polls/$id');
-    return SnPoll.fromJson(resp.data);
  }

  Future<List<SnPost>> _preloadRelatedDataInBatch(List<SnPost> out) async {
-    Set<String> rids = {};
-    Set<int> uids = {};
-    for (var i = 0; i < out.length; i++) {
-      rids.addAll(out[i].body['attachments']?.cast<String>() ?? []);
-      if (out[i].body['thumbnail'] != null) {
-        rids.add(out[i].body['thumbnail']);
-      }
-      if (out[i].body['video'] != null) {
-        rids.add(out[i].body['video']);
-      }
-      if (out[i].repostTo != null) {
-        out[i] = out[i].copyWith(
-          repostTo: await _preloadRelatedDataSingle(out[i].repostTo!),
-        );
-      }
-      if (out[i].publisher.type == 0) {
-        uids.add(out[i].publisher.accountId);
-      }
-    }
-
-    final attachments = await _attach.getMultiple(rids.toList());
-    for (var i = 0; i < out.length; i++) {
-      SnPoll? poll;
-      SnRealm? realm;
-      if (out[i].pollId != null) {
-        poll = await _fetchPoll(out[i].pollId!);
-      }
-      if (out[i].realmId != null) {
-        realm = await _realm.getRealm(out[i].realmId!);
-      }
-
-      out[i] = out[i].copyWith(
-        preload: SnPostPreload(
-          thumbnail: attachments
-              .where((ele) => ele?.rid == out[i].body['thumbnail'])
-              .firstOrNull,
-          attachments: attachments
-              .where((ele) =>
-                  out[i].body['attachments']?.contains(ele?.rid) ?? false)
-              .toList(),
-          video: attachments
-              .where((ele) => ele?.rid == out[i].body['video'])
-              .firstOrNull,
-          poll: poll,
-          realm: realm,
-        ),
-      );
-    }
-
-    uids.addAll(
-        attachments.where((ele) => ele != null).map((ele) => ele!.accountId));
-    await _ud.listAccount(uids);
-
    return out;
  }

  Future<SnPost> _preloadRelatedDataSingle(SnPost out) async {
-    Set<String> rids = {};
-    Set<int> uids = {};
-    rids.addAll(out.body['attachments']?.cast<String>() ?? []);
-    if (out.body['thumbnail'] != null) {
-      rids.add(out.body['thumbnail']);
-    }
-    if (out.body['video'] != null) {
-      rids.add(out.body['video']);
-    }
-    if (out.repostTo != null) {
-      out = out.copyWith(
-        repostTo: await _preloadRelatedDataSingle(out.repostTo!),
-      );
-    }
-    if (out.publisher.type == 0) {
-      uids.add(out.publisher.accountId);
-    }
-
-    final attachments = await _attach.getMultiple(rids.toList());
-
-    SnPoll? poll;
-    SnRealm? realm;
-    if (out.pollId != null) {
-      poll = await _fetchPoll(out.pollId!);
-    }
-    if (out.realmId != null) {
-      realm = await _realm.getRealm(out.realmId!);
-    }
-
-    out = out.copyWith(
-      preload: SnPostPreload(
-        thumbnail: attachments
-            .where((ele) => ele?.rid == out.body['thumbnail'])
-            .firstOrNull,
-        attachments: attachments
-            .where(
-                (ele) => out.body['attachments']?.contains(ele?.rid) ?? false)
-            .toList(),
-        video: attachments
-            .where((ele) => ele?.rid == out.body['video'])
-            .firstOrNull,
-        poll: poll,
-        realm: realm,
-      ),
-    );
-
-    uids.addAll(
-        attachments.where((ele) => ele != null).map((ele) => ele!.accountId));
-    await _ud.listAccount(uids);
-
    return out;
  }

  Future<List<SnPost>> listRecommendations() async {
-    final resp = await _sn.client.get('/cgi/co/recommendations');
+    final resp = await _sn.client.get(
+      '/cgi/co/recommendations',
+      options: Options(headers: {
+        'X-API-Version': '2',
+      }),
+    );
    final out = _preloadRelatedDataInBatch(
      List.from(resp.data.map((ele) => SnPost.fromJson(ele))),
    );
@ -146,11 +33,14 @@ class SnPostContentProvider {
  }

  Future<List<SnFeedEntry>> getFeed({int take = 20, DateTime? cursor}) async {
-    final resp =
-        await _sn.client.get('/cgi/co/recommendations/feed', queryParameters: {
-      'take': take,
-      if (cursor != null) 'cursor': cursor.toUtc().millisecondsSinceEpoch,
-    });
+    final resp = await _sn.client.get(
+      '/cgi/co/recommendations/feed',
+      queryParameters: {
+        'take': take,
+        if (cursor != null) 'cursor': cursor.toUtc().millisecondsSinceEpoch,
+      },
+      options: Options(headers: {'X-API-Version': '2'}),
+    );
    final List<SnFeedEntry> out =
        List.from(resp.data.map((ele) => SnFeedEntry.fromJson(ele)));

@ -202,6 +92,9 @@ class SnPostContentProvider {
        if (realm != null) 'realm': realm,
        if (channel != null) 'channel': channel,
      },
+      options: Options(headers: {
+        'X-API-Version': '2',
+      }),
    );
    final List<SnPost> out = await _preloadRelatedDataInBatch(
      List.from(resp.data['data']?.map((e) => SnPost.fromJson(e)) ?? []),
@ -215,11 +108,16 @@ class SnPostContentProvider {
    int take = 10,
    int offset = 0,
  }) async {
-    final resp = await _sn.client
-        .get('/cgi/co/posts/$parentId/replies', queryParameters: {
-      'take': take,
-      'offset': offset,
-    });
+    final resp = await _sn.client.get(
+      '/cgi/co/posts/$parentId/replies',
+      queryParameters: {
+        'take': take,
+        'offset': offset,
+      },
+      options: Options(headers: {
+        'X-API-Version': '2',
+      }),
+    );
    final List<SnPost> out = await _preloadRelatedDataInBatch(
      List.from(resp.data['data']?.map((e) => SnPost.fromJson(e)) ?? []),
    );
@ -234,13 +132,20 @@ class SnPostContentProvider {
    Iterable<String>? tags,
    Iterable<String>? categories,
  }) async {
-    final resp = await _sn.client.get('/cgi/co/posts/search', queryParameters: {
-      'take': take,
-      'offset': offset,
-      'probe': searchTerm,
-      if (tags?.isNotEmpty ?? false) 'tags': tags!.join(','),
-      if (categories?.isNotEmpty ?? false) 'categories': categories!.join(','),
-    });
+    final resp = await _sn.client.get(
+      '/cgi/co/posts/search',
+      queryParameters: {
+        'take': take,
+        'offset': offset,
+        'probe': searchTerm,
+        if (tags?.isNotEmpty ?? false) 'tags': tags!.join(','),
+        if (categories?.isNotEmpty ?? false)
+          'categories': categories!.join(','),
+      },
+      options: Options(headers: {
+        'X-API-Version': '2',
+      }),
+    );
    final List<SnPost> out = await _preloadRelatedDataInBatch(
      List.from(resp.data['data']?.map((e) => SnPost.fromJson(e)) ?? []),
    );
@ -249,7 +154,12 @@ class SnPostContentProvider {
  }

  Future<SnPost> getPost(dynamic id) async {
-    final resp = await _sn.client.get('/cgi/co/posts/$id');
+    final resp = await _sn.client.get(
+      '/cgi/co/posts/$id',
+      options: Options(headers: {
+        'X-API-Version': '2',
+      }),
+    );
    final out = _preloadRelatedDataSingle(
      SnPost.fromJson(resp.data),
    );
--- a/lib/providers/sn_network.dart
+++ b/lib/providers/sn_network.dart
@ -249,8 +249,11 @@ class SnNetworkProvider {
    return null;
  }

-  String getAttachmentUrl(String ky) {
+  String getAttachmentUrl(String ky, {bool preview = true}) {
    if (ky.startsWith("http")) return ky;
+    if (!preview) {
+      return '${client.options.baseUrl}/cgi/uc/attachments/$ky?preview=false';
+    }
    return '${client.options.baseUrl}/cgi/uc/attachments/$ky';
  }

--- a/lib/router.dart
+++ b/lib/router.dart
@ -1,4 +1,3 @@
-import 'package:animations/animations.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:surface/screens/abuse_report.dart';
@ -54,16 +53,6 @@ import 'package:surface/types/post.dart';
 import 'package:surface/widgets/about.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';

-Widget _fadeThroughTransition(BuildContext context, Animation<double> animation,
-    Animation<double> secondaryAnimation, Widget child) {
-  return FadeThroughTransition(
-    animation: animation,
-    secondaryAnimation: secondaryAnimation,
-    fillColor: Colors.transparent,
-    child: child,
-  );
-}
-
 final _appRoutes = [
  GoRoute(
    path: '/',
@ -305,10 +294,7 @@ final _appRoutes = [
  GoRoute(
    path: '/realm',
    name: 'realm',
-    pageBuilder: (context, state) => CustomTransitionPage(
-      transitionsBuilder: _fadeThroughTransition,
-      child: const RealmScreen(),
-    ),
+    builder: (context, state) => const RealmScreen(),
    routes: [
      GoRoute(
        path: '/:alias/community',
--- a/lib/screens/account.dart
+++ b/lib/screens/account.dart
@ -15,7 +15,6 @@ import 'package:surface/providers/websocket.dart';
 import 'package:surface/types/account.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/account/account_status.dart';
-import 'package:surface/widgets/app_bar_leading.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/universal_image.dart';
@ -110,9 +109,9 @@ class AccountScreen extends StatelessWidget {
    final sn = context.read<SnNetworkProvider>();

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
-        leading: AutoAppBarLeading(),
+        leading: const PageBackButton(),
        title: Text("screenAccount").tr(),
        flexibleSpace: ua.user != null && ua.user!.banner.isNotEmpty
            ? Stack(
--- a/lib/screens/account/action_events.dart
+++ b/lib/screens/account/action_events.dart
@ -59,7 +59,7 @@ class _ActionEventScreenState extends State<ActionEventScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: const PageBackButton(),
        title: Text('accountActionEvent').tr(),
--- a/lib/screens/account/auth_tickets.dart
+++ b/lib/screens/account/auth_tickets.dart
@ -91,7 +91,7 @@ class _AccountAuthTicketState extends State<AccountAuthTicket> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: const PageBackButton(),
        title: Text('accountAuthTickets').tr(),
--- a/lib/screens/account/badges.dart
+++ b/lib/screens/account/badges.dart
@ -70,7 +70,7 @@ class _AccountBadgesScreenState extends State<AccountBadgesScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        title: Text('screenAccountBadges').tr(),
      ),
--- a/lib/screens/account/contact_methods.dart
+++ b/lib/screens/account/contact_methods.dart
@ -69,7 +69,7 @@ class _AccountContactMethodState extends State<AccountContactMethod> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: const PageBackButton(),
        title: Text('accountContactMethods').tr(),
--- a/lib/screens/account/factor_settings.dart
+++ b/lib/screens/account/factor_settings.dart
@ -62,7 +62,7 @@ class _FactorSettingsScreenState extends State<FactorSettingsScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: PageBackButton(),
        title: Text('screenFactorSettings').tr(),
--- a/lib/screens/account/keypairs.dart
+++ b/lib/screens/account/keypairs.dart
@ -37,7 +37,7 @@ class _KeyPairScreenState extends State<KeyPairScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        title: Text('screenKeyPairs').tr(),
      ),
--- a/lib/screens/account/prefs/notify.dart
+++ b/lib/screens/account/prefs/notify.dart
@ -75,7 +75,7 @@ class _AccountNotifyPrefsScreenState extends State<AccountNotifyPrefsScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: const PageBackButton(),
        title: Text('accountSettingsNotify').tr(),
--- a/lib/screens/account/prefs/security.dart
+++ b/lib/screens/account/prefs/security.dart
@ -70,7 +70,7 @@ class _AccountSecurityPrefsScreenState
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: const PageBackButton(),
        title: Text('accountSettingsSecurity').tr(),
--- a/lib/screens/account/profile_edit.dart
+++ b/lib/screens/account/profile_edit.dart
@ -244,7 +244,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
    final sn = context.read<SnNetworkProvider>();

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
          leading: const PageBackButton(),
          title: Text('screenAccountProfileEdit').tr()),
@ -263,7 +263,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
                    child: ClipRRect(
                      borderRadius: const BorderRadius.all(Radius.circular(8)),
                      child: AspectRatio(
-                        aspectRatio: 16 / 9,
+                        aspectRatio: 16 / 7,
                        child: Container(
                          color: Theme.of(context)
                              .colorScheme
--- a/lib/screens/account/profile_page.dart
+++ b/lib/screens/account/profile_page.dart
@ -15,6 +15,7 @@ import 'package:surface/providers/experience.dart';
 import 'package:surface/providers/relationship.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/screens/abuse_report.dart';
+import 'package:surface/screens/account/punishments.dart';
 import 'package:surface/types/account.dart';
 import 'package:surface/types/check_in.dart';
 import 'package:surface/types/post.dart';
@ -61,6 +62,21 @@ final Map<String, (String, IconData, Color)> kBadgesMeta = {
    Symbols.thumb_up,
    Colors.lightGreen,
  ),
+  'programs.developers': (
+    'badgeProgramDeveloper',
+    Symbols.code,
+    Colors.blue,
+  ),
+  'programs.stellar': (
+    'badgeProgramStellar',
+    Symbols.family_star,
+    Colors.orange,
+  ),
+  'programs.moderator': (
+    'badgeProgramModerator',
+    Symbols.sword_rose,
+    Colors.blue,
+  ),
 };

 class UserScreen extends StatefulWidget {
@ -442,7 +458,7 @@ class _UserScreenState extends State<UserScreen>
                    ],
                  ).padding(right: 8),
                  if (_account!.profile!.description.isNotEmpty)
-                    const Gap(12)
+                    const Gap(4)
                  else
                    const Gap(8),
                  if (_account!.profile!.description.isNotEmpty)
@ -488,14 +504,15 @@ class _UserScreenState extends State<UserScreen>
                      ],
                    ).padding(vertical: 8, horizontal: 12),
                  ),
-                  const Gap(8),
-                  Wrap(
-                    spacing: 4,
-                    runSpacing: 4,
-                    children: _account!.badges
-                        .map((ele) => AccountBadge(badge: ele))
-                        .toList(),
-                  ).padding(horizontal: 8),
+                  if (_account!.badges.isNotEmpty) const Gap(8),
+                  if (_account!.badges.isNotEmpty)
+                    Wrap(
+                      spacing: 4,
+                      runSpacing: 4,
+                      children: _account!.badges
+                          .map((ele) => AccountBadge(badge: ele))
+                          .toList(),
+                    ).padding(horizontal: 8),
                  const Gap(8),
                  Column(
                    children: [
@ -604,6 +621,17 @@ class _UserScreenState extends State<UserScreen>
                ],
              ).padding(all: 16),
            ),
+          if (_account?.punishments.isNotEmpty ?? false)
+            SliverToBoxAdapter(child: const Divider()),
+          if (_account?.punishments.isNotEmpty ?? false)
+            SliverToBoxAdapter(
+              child: Column(
+                children: [
+                  for (final ele in _account!.punishments)
+                    PunishmentInfoCard(ele: ele),
+                ],
+              ),
+            ),
          if (_account?.profile?.links.isNotEmpty ?? false)
            SliverToBoxAdapter(child: const Divider()),
          if (_account?.profile?.links.isNotEmpty ?? false)
--- a/lib/screens/account/programs.dart
+++ b/lib/screens/account/programs.dart
@ -70,7 +70,7 @@ class _AccountProgramScreenState extends State<AccountProgramScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        title: Text('accountProgram').tr(),
      ),
--- a/lib/screens/account/publishers/publisher_edit.dart
+++ b/lib/screens/account/publishers/publisher_edit.dart
@ -196,7 +196,7 @@ class _AccountPublisherEditScreenState
    final sn = context.read<SnNetworkProvider>();

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
          leading: PageBackButton(),
          title: Text('screenAccountPublisherEdit').tr()),
@ -214,7 +214,7 @@ class _AccountPublisherEditScreenState
                    child: ClipRRect(
                      borderRadius: const BorderRadius.all(Radius.circular(8)),
                      child: AspectRatio(
-                        aspectRatio: 16 / 9,
+                        aspectRatio: 16 / 7,
                        child: Container(
                          color: Theme.of(context)
                              .colorScheme
--- a/lib/screens/account/publishers/publisher_new.dart
+++ b/lib/screens/account/publishers/publisher_new.dart
@ -26,7 +26,7 @@ class _AccountPublisherNewScreenState extends State<AccountPublisherNewScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: const PageBackButton(),
        title: Text('screenAccountPublisherNew').tr(),
--- a/lib/screens/account/publishers/publishers.dart
+++ b/lib/screens/account/publishers/publishers.dart
@ -82,7 +82,7 @@ class _PublisherScreenState extends State<PublisherScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: const PageBackButton(),
        title: Text('screenAccountPublishers').tr(),
--- a/lib/screens/account/punishments.dart
+++ b/lib/screens/account/punishments.dart
@ -55,7 +55,7 @@ class _PunishmentsScreenState extends State<PunishmentsScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        title: Text('accountPunishments').tr(),
        leading: PageBackButton(),
@ -107,74 +107,7 @@ class _PunishmentsScreenState extends State<PunishmentsScreen> {
                itemCount: _punishments?.length ?? 0,
                itemBuilder: (context, index) {
                  final ele = _punishments![index];
-                  return Card(
-                    margin: EdgeInsets.symmetric(horizontal: 8),
-                    child: Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        Row(
-                          children: [
-                            Icon(kPunishmentIcons[ele.type], size: 20),
-                            const Gap(6),
-                            Expanded(
-                              child: Text('punishmentType${ele.type}')
-                                  .tr()
-                                  .fontSize(16)
-                                  .bold(),
-                            ),
-                          ],
-                        ),
-                        Text(ele.reason),
-                        const Gap(4),
-                        Text(
-                          'punishmentCreatedAt'.tr(args: [
-                            DateFormat().format(
-                              ele.createdAt.toLocal(),
-                            )
-                          ]),
-                        ).opacity(0.8),
-                        Text(
-                          ele.expiredAt == null
-                              ? 'punishmentExpiredNever'.tr()
-                              : 'punishmentExpiredAt'.tr(args: [
-                                  DateFormat().format(
-                                    ele.expiredAt!.toLocal(),
-                                  )
-                                ]),
-                        ).opacity(0.8),
-                        const Gap(8),
-                        if (ele.moderator != null)
-                          Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              Text('punishmentModerator').tr().opacity(0.75),
-                              InkWell(
-                                child: Row(
-                                  children: [
-                                    AccountImage(
-                                      content: ele.moderator!.avatar,
-                                      radius: 8,
-                                    ),
-                                    const Gap(4),
-                                    Text(ele.moderator?.nick ?? 'unknown'),
-                                  ],
-                                ),
-                                onTap: () {
-                                  GoRouter.of(context).pushNamed(
-                                    'accountProfilePage',
-                                    pathParameters: {
-                                      'name': ele.moderator!.name,
-                                    },
-                                  );
-                                },
-                              ),
-                            ],
-                          )
-                        else
-                          Text('punishmentMadeBySystem').tr().opacity(0.75),
-                      ],
-                    ).padding(horizontal: 24, vertical: 16),
-                  );
+                  return PunishmentInfoCard(ele: ele);
                },
                separatorBuilder: (_, __) => const Gap(8),
              ),
@ -185,3 +118,82 @@ class _PunishmentsScreenState extends State<PunishmentsScreen> {
    );
  }
 }
+
+class PunishmentInfoCard extends StatelessWidget {
+  const PunishmentInfoCard({
+    super.key,
+    required this.ele,
+  });
+
+  final SnPunishment ele;
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: EdgeInsets.symmetric(horizontal: 8),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Icon(kPunishmentIcons[ele.type], size: 20),
+              const Gap(6),
+              Expanded(
+                child:
+                    Text('punishmentType${ele.type}').tr().fontSize(16).bold(),
+              ),
+            ],
+          ),
+          Text(ele.reason),
+          const Gap(4),
+          Text(
+            'punishmentCreatedAt'.tr(args: [
+              DateFormat().format(
+                ele.createdAt.toLocal(),
+              )
+            ]),
+          ).opacity(0.8),
+          Text(
+            ele.expiredAt == null
+                ? 'punishmentExpiredNever'.tr()
+                : 'punishmentExpiredAt'.tr(args: [
+                    DateFormat().format(
+                      ele.expiredAt!.toLocal(),
+                    )
+                  ]),
+          ).opacity(0.8),
+          const Gap(8),
+          if (ele.moderator != null)
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text('punishmentModerator').tr().opacity(0.75),
+                InkWell(
+                  child: Row(
+                    children: [
+                      AccountImage(
+                        content: ele.moderator!.avatar,
+                        radius: 8,
+                      ),
+                      const Gap(4),
+                      Text(ele.moderator?.nick ?? 'unknown'),
+                    ],
+                  ),
+                  onTap: () {
+                    GoRouter.of(context).pushNamed(
+                      'accountProfilePage',
+                      pathParameters: {
+                        'name': ele.moderator!.name,
+                      },
+                    );
+                  },
+                ),
+              ],
+            )
+          else
+            Text('punishmentMadeBySystem').tr().opacity(0.75),
+        ],
+      ).padding(horizontal: 24, vertical: 16),
+    );
+  }
+}
--- a/lib/screens/account/settings.dart
+++ b/lib/screens/account/settings.dart
@ -37,7 +37,7 @@ class AccountSettingsScreen extends StatelessWidget {
    final ua = context.watch<UserProvider>();

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: PageBackButton(),
        title: Text('screenAccountSettings').tr(),
--- a/lib/screens/album.dart
+++ b/lib/screens/album.dart
@ -1,20 +1,21 @@
 import 'package:dismissible_page/dismissible_page.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
 import 'package:gap/gap.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:material_symbols_icons/symbols.dart';
+import 'package:path/path.dart' show withoutExtension;
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/sn_network.dart';
-import 'package:surface/providers/user_directory.dart';
+import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/attachment.dart';
-import 'package:surface/widgets/attachment/attachment_zoom.dart';
 import 'package:surface/widgets/attachment/attachment_item.dart';
+import 'package:surface/widgets/attachment/attachment_zoom.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:uuid/uuid.dart';
+import 'package:very_good_infinite_list/very_good_infinite_list.dart';

 class AlbumScreen extends StatefulWidget {
  const AlbumScreen({super.key});
@ -49,23 +50,23 @@ class _AlbumScreenState extends State<AlbumScreen> {
  Future<void> _fetchAttachments() async {
    setState(() => _isBusy = true);

+    final ua = context.read<UserProvider>();
+
    const uuid = Uuid();

    try {
      final sn = context.read<SnNetworkProvider>();
-      final ud = context.read<UserDirectoryProvider>();
      final resp = await sn.client.get('/cgi/uc/attachments', queryParameters: {
        'take': 10,
        'offset': _attachments.length,
+        'author': ua.user?.name,
      });
      final attachments = List<SnAttachment>.from(
        resp.data['data']?.map((e) => SnAttachment.fromJson(e)) ?? [],
-      ).where((e) => e.mimetype.startsWith('image')).toList();
+      );
      _attachments.addAll(attachments);
      _heroTags.addAll(_attachments.map((_) => uuid.v4()));

-      await ud.listAccount(attachments.map((e) => e.accountId).toSet());
-
      _totalCount = resp.data['count'] as int?;
    } catch (err) {
      if (!mounted) return;
@ -101,94 +102,127 @@ class _AlbumScreenState extends State<AlbumScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      body: CustomScrollView(
-        controller: _scrollController,
-        slivers: [
-          SliverAppBar(
-            leading: PageBackButton(),
-            title: Text('screenAlbum').tr(),
-          ),
-          SliverToBoxAdapter(
-            child: Card(
-              child: Row(
-                children: [
-                  SizedBox(
-                    width: 80,
-                    height: 80,
-                    child: CircularProgressIndicator(
-                      value: _billing?.includedRatio ?? 0,
-                      strokeWidth: 8,
-                      backgroundColor:
-                          Theme.of(context).colorScheme.surfaceContainerHigh,
+      appBar: AppBar(
+        leading: PageBackButton(),
+        title: Text('screenAlbum').tr(),
+      ),
+      body: Column(
+        children: [
+          Card(
+            margin: EdgeInsets.zero,
+            child: Row(
+              children: [
+                SizedBox(
+                  width: 80,
+                  height: 80,
+                  child: CircularProgressIndicator(
+                    value: _billing?.includedRatio ?? 0,
+                    strokeWidth: 8,
+                    backgroundColor:
+                        Theme.of(context).colorScheme.surfaceContainerHigh,
+                  ),
+                ).padding(all: 12),
+                const Gap(24),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text('attachmentBillingUploaded').tr().bold(),
+                      Text(
+                        (_billing?.currentBytes ?? 0).formatBytes(decimals: 4),
+                        style: GoogleFonts.robotoMono(),
+                      ),
+                      Text('attachmentBillingDiscount').tr().bold(),
+                      Text(
+                        '${(_billing?.discountFileSize ?? 0).formatBytes(decimals: 2)} · ${((_billing?.includedRatio ?? 0) * 100).toStringAsFixed(2)}%',
+                        style: GoogleFonts.robotoMono(),
+                      ),
+                    ],
+                  ),
+                ),
+                Tooltip(
+                  message: 'attachmentBillingHint'.tr(),
+                  child: IconButton(
+                    icon: const Icon(Symbols.info),
+                    onPressed: () {},
+                  ),
+                ),
+              ],
+            ).padding(horizontal: 24, vertical: 8),
+          ).padding(horizontal: 8, top: 8),
+          Expanded(
+            child: InfiniteList(
+              padding: EdgeInsets.only(top: 8),
+              itemCount: _attachments.length,
+              isLoading: _isBusy,
+              hasReachedMax:
+                  _totalCount != null && _attachments.length >= _totalCount!,
+              onFetchData: _fetchAttachments,
+              itemBuilder: (context, index) {
+                final ele = _attachments[index];
+                return Column(
+                  mainAxisSize: MainAxisSize.min,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    ClipRRect(
+                      child: AspectRatio(
+                        aspectRatio: (ele.data['ratio'] ?? 1).toDouble(),
+                        child: AttachmentItem(
+                          data: ele,
+                          heroTag: _heroTags[index],
+                          onZoom: () {
+                            context.pushTransparentRoute(
+                              AttachmentZoomView(
+                                data: [ele],
+                              ),
+                              backgroundColor: Colors.black.withOpacity(0.7),
+                              rootNavigator: true,
+                            );
+                          },
+                        ),
+                      ),
                    ),
-                  ).padding(all: 12),
-                  const Gap(24),
-                  Expanded(
-                    child: Column(
+                    Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
-                        Text('attachmentBillingUploaded').tr().bold(),
-                        Text(
-                          (_billing?.currentBytes ?? 0)
-                              .formatBytes(decimals: 4),
-                          style: GoogleFonts.robotoMono(),
+                        Expanded(
+                          child: Column(
+                            mainAxisSize: MainAxisSize.min,
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Text(ele.name),
+                              if (ele.alt != withoutExtension(ele.name))
+                                Text(ele.alt),
+                              Text(DateFormat().format(ele.createdAt)),
+                              const Gap(4),
+                              Text(ele.size.formatBytes()).fontSize(12),
+                            ],
+                          ).padding(horizontal: 16, vertical: 12),
                        ),
-                        Text('attachmentBillingDiscount').tr().bold(),
-                        Text(
-                          '${(_billing?.discountFileSize ?? 0).formatBytes(decimals: 2)} · ${((_billing?.includedRatio ?? 0) * 100).toStringAsFixed(2)}%',
-                          style: GoogleFonts.robotoMono(),
+                        Padding(
+                          padding: EdgeInsets.only(left: 12, right: 12, top: 4),
+                          child: IconButton(
+                            padding: EdgeInsets.zero,
+                            visualDensity: VisualDensity.compact,
+                            icon: const Icon(Symbols.info),
+                            onPressed: () {
+                              showModalBottomSheet(
+                                context: context,
+                                builder: (context) => AttachmentZoomDetailPopup(
+                                  data: ele,
+                                ),
+                              );
+                            },
+                          ),
                        ),
                      ],
                    ),
-                  ),
-                  Tooltip(
-                    message: 'attachmentBillingHint'.tr(),
-                    child: IconButton(
-                      icon: const Icon(Symbols.info),
-                      onPressed: () {},
-                    ),
-                  ),
-                ],
-              ).padding(horizontal: 24, vertical: 8),
-            ),
-          ),
-          SliverMasonryGrid.extent(
-            childCount: _attachments.length,
-            maxCrossAxisExtent: 320,
-            mainAxisSpacing: 4,
-            crossAxisSpacing: 4,
-            itemBuilder: (context, idx) {
-              final attachment = _attachments[idx];
-              return GestureDetector(
-                child: ClipRRect(
-                  child: AspectRatio(
-                    aspectRatio: attachment.metadata['ratio']?.toDouble() ?? 1,
-                    child: AttachmentItem(
-                      data: attachment,
-                      heroTag: _heroTags[idx],
-                    ),
-                  ),
-                ),
-                onTap: () {
-                  context.pushTransparentRoute(
-                    AttachmentZoomView(
-                      data: [attachment],
-                      heroTags: [_heroTags[idx]],
-                    ),
-                    backgroundColor: Colors.black.withOpacity(0.7),
-                    rootNavigator: true,
-                  );
-                },
-              );
-            },
-          ),
-          if (_isBusy)
-            SliverToBoxAdapter(
-              child: Padding(
-                padding: const EdgeInsets.all(24),
-                child: const CircularProgressIndicator(),
-              ).center(),
+                  ],
+                );
+              },
+              separatorBuilder: (_, __) => const Gap(8),
            ),
+          )
        ],
      ),
    );
--- a/lib/screens/captcha/captcha.dart
+++ b/lib/screens/captcha/captcha.dart
@ -1,3 +1 @@
-import 'package:flutter/foundation.dart' show kIsWeb;
-
-export 'captcha_native.dart' if (kIsWeb) 'captcha_web.dart';
+export 'captcha_native.dart' if (dart.library.html) 'captcha_web.dart';
--- a/lib/screens/captcha/captcha_web.dart
+++ b/lib/screens/captcha/captcha_web.dart
@ -1,3 +1,4 @@
+// ignore: avoid_web_libraries_in_flutter
 import 'dart:html' as html;
 import 'dart:ui_web' as ui;
 import 'package:easy_localization/easy_localization.dart';
@ -32,7 +33,7 @@ class _CaptchaScreenState extends State<CaptchaScreen> {
    });

    final iframe = html.IFrameElement()
-      ..src = '${context.read<ConfigProvider>().serverUrl}/captcha?redirect_uri=web'
+      ..src = '${context.read<ConfigProvider>().serverUrl}/captcha'
      ..style.border = 'none'
      ..width = '100%'
      ..height = '100%';
@ -40,7 +41,7 @@ class _CaptchaScreenState extends State<CaptchaScreen> {
    html.document.body!.append(iframe);
    ui.platformViewRegistry.registerViewFactory(
      'captcha-iframe',
-          (int viewId) => iframe,
+      (int viewId) => iframe,
    );
  }

@ -51,4 +52,4 @@ class _CaptchaScreenState extends State<CaptchaScreen> {
      body: HtmlElementView(viewType: 'captcha-iframe'),
    );
  }
-}
+}
--- a/lib/screens/chat.dart
+++ b/lib/screens/chat.dart
@ -171,7 +171,18 @@ class _ChatScreenState extends State<ChatScreen> {
  }

  void _onTapChannel(SnChannel channel) {
-    setState(() => _unreadCounts?[channel.id] = 0);
+    setState(() {
+      _unreadCounts?[channel.id] = 0;
+      if (channel.realmId != null) {
+        _unreadCountsGrouped?[channel.realmId!] =
+            (_unreadCountsGrouped?[channel.realmId!] ?? 0) -
+                (_unreadCounts?[channel.id] ?? 0);
+      }
+      if (channel.type == 1) {
+        _unreadCountsGrouped?[0] =
+            (_unreadCountsGrouped?[0] ?? 0) - (_unreadCounts?[channel.id] ?? 0);
+      }
+    });
    if (ResponsiveScaffold.getIsExpand(context)) {
      GoRouter.of(context).pushReplacementNamed(
        'chatRoom',
@ -180,9 +191,8 @@ class _ChatScreenState extends State<ChatScreen> {
          'alias': channel.alias,
        },
      ).then((value) {
-        if (mounted) {
-          setState(() => _unreadCounts?[channel.id] = 0);
-          _refreshChannels(noRemote: true);
+        if (mounted && value == true) {
+          _refreshChannels();
        }
      });
    } else {
@ -193,9 +203,8 @@ class _ChatScreenState extends State<ChatScreen> {
          'alias': channel.alias,
        },
      ).then((value) {
-        if (mounted) {
-          setState(() => _unreadCounts?[channel.id] = 0);
-          _refreshChannels(noRemote: true);
+        if (mounted && value == true) {
+          _refreshChannels();
        }
      });
    }
@ -223,7 +232,7 @@ class _ChatScreenState extends State<ChatScreen> {
    }

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: AutoAppBarLeading(),
        title: Text('screenChat').tr(),
@ -389,7 +398,7 @@ class _ChatScreenState extends State<ChatScreen> {
                          children: [
                            if (_focusedRealm!.banner != null)
                              AspectRatio(
-                                aspectRatio: 16 / 9,
+                                aspectRatio: 16 / 7,
                                child: AutoResizeUniversalImage(
                                  sn.getAttachmentUrl(
                                    _focusedRealm!.banner!,
--- a/lib/screens/chat/call_room.dart
+++ b/lib/screens/chat/call_room.dart
@ -32,7 +32,7 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
    }
  }

-  Widget _buildListLayout() {
+  Widget _buildMeetLayout() {
    final call = context.read<ChatCallProvider>();
    return Stack(
      children: [
@ -41,9 +41,7 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
              Theme.of(context).colorScheme.surfaceContainer.withOpacity(0.75),
          child: call.focusTrack != null
              ? InteractiveParticipantWidget(
-                  isFixedAvatar: false,
                  participant: call.focusTrack!,
-                  onTap: () {},
                )
              : const SizedBox.shrink(),
        ),
@ -62,23 +60,18 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
                  return Container();
                }

-                return Padding(
-                  padding: const EdgeInsets.only(top: 8, left: 8),
-                  child: ClipRRect(
-                    borderRadius: const BorderRadius.all(Radius.circular(8)),
-                    child: InteractiveParticipantWidget(
-                      isFixedAvatar: true,
-                      width: 120,
-                      height: 120,
-                      color: Theme.of(context).cardColor,
-                      participant: track,
-                      onTap: () {
-                        if (track.participant.sid !=
-                            call.focusTrack?.participant.sid) {
-                          call.setFocusTrack(track);
-                        }
-                      },
-                    ),
+                return SizedBox(
+                  height: 128,
+                  width: 128,
+                  child: InteractiveParticipantWidget(
+                    participant: track,
+                    avatarSize: 32,
+                    onTap: () {
+                      if (track.participant.sid !=
+                          call.focusTrack?.participant.sid) {
+                        call.setFocusTrack(track);
+                      }
+                    },
                  ),
                );
              },
@ -89,50 +82,26 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
    );
  }

-  Widget _buildGridLayout() {
+  Widget _buildListLayout() {
    final call = context.read<ChatCallProvider>();

-    return LayoutBuilder(builder: (context, constraints) {
-      double screenWidth = constraints.maxWidth;
-      double screenHeight = constraints.maxHeight;
-
-      int columns = (math.sqrt(call.participantTracks.length)).ceil();
-      int rows = (call.participantTracks.length / columns).ceil();
-
-      double tileWidth = screenWidth / columns;
-      double tileHeight = screenHeight / rows;
-
-      return StyledWidget(GridView.builder(
-        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-          crossAxisCount: columns,
-          childAspectRatio: tileWidth / tileHeight,
-          crossAxisSpacing: 8,
-          mainAxisSpacing: 8,
-        ),
-        itemCount: math.max(0, call.participantTracks.length),
-        itemBuilder: (BuildContext context, int index) {
-          final track = call.participantTracks[index];
-          return Card(
-            child: ClipRRect(
-              borderRadius: const BorderRadius.all(Radius.circular(8)),
-              child: InteractiveParticipantWidget(
-                color: Theme.of(context)
-                    .colorScheme
-                    .surfaceContainerHigh
-                    .withOpacity(0.75),
-                participant: track,
-                onTap: () {
-                  if (track.participant.sid !=
-                      call.focusTrack?.participant.sid) {
-                    call.setFocusTrack(track);
-                  }
-                },
-              ),
-            ),
-          );
-        },
-      )).padding(all: 8);
-    });
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        return ListView.builder(
+          padding: EdgeInsets.zero,
+          itemCount: math.max(0, call.participantTracks.length),
+          itemBuilder: (BuildContext context, int index) {
+            final track = call.participantTracks[index];
+            return InteractiveParticipantWidget(
+              padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+              isList: true,
+              avatarSize: 24,
+              participant: track,
+            );
+          },
+        );
+      },
+    );
  }

  @override
@ -155,7 +124,7 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
        listenable: call,
        builder: (context, _) {
          return AppScaffold(
-            noBackground: true,
+            noBackground: ResponsiveScaffold.getIsExpand(context),
            appBar: AppBar(
              title: RichText(
                textAlign: TextAlign.center,
@ -176,131 +145,129 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
                ]),
              ),
            ),
-            body: GestureDetector(
-              behavior: HitTestBehavior.translucent,
-              child: Column(
-                children: [
+            body: Column(
+              children: [
+                SizedBox(
+                  width: MediaQuery.of(context).size.width,
+                  height: 64,
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      Builder(builder: (context) {
+                        final call = context.read<ChatCallProvider>();
+                        final connectionQuality =
+                            call.room.localParticipant?.connectionQuality ??
+                                livekit.ConnectionQuality.unknown;
+                        return Expanded(
+                          child: Column(
+                            mainAxisSize: MainAxisSize.min,
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Row(
+                                children: [
+                                  Text(
+                                    call.channel?.name ?? 'unknown'.tr(),
+                                    style: const TextStyle(
+                                      fontWeight: FontWeight.bold,
+                                    ),
+                                  ),
+                                  const Gap(6),
+                                  Text(call.lastDuration.toString())
+                                ],
+                              ),
+                              Row(
+                                children: [
+                                  Text(
+                                    {
+                                      livekit.ConnectionState.disconnected:
+                                          'callStatusDisconnected'.tr(),
+                                      livekit.ConnectionState.connected:
+                                          'callStatusConnected'.tr(),
+                                      livekit.ConnectionState.connecting:
+                                          'callStatusConnecting'.tr(),
+                                      livekit.ConnectionState.reconnecting:
+                                          'callStatusReconnecting'.tr(),
+                                    }[call.room.connectionState]!,
+                                  ),
+                                  const Gap(6),
+                                  if (connectionQuality !=
+                                      livekit.ConnectionQuality.unknown)
+                                    Icon(
+                                      {
+                                        livekit.ConnectionQuality.excellent:
+                                            Icons.signal_cellular_alt,
+                                        livekit.ConnectionQuality.good:
+                                            Icons.signal_cellular_alt_2_bar,
+                                        livekit.ConnectionQuality.poor:
+                                            Icons.signal_cellular_alt_1_bar,
+                                      }[connectionQuality],
+                                      color: {
+                                        livekit.ConnectionQuality.excellent:
+                                            Colors.green,
+                                        livekit.ConnectionQuality.good:
+                                            Colors.orange,
+                                        livekit.ConnectionQuality.poor:
+                                            Colors.red,
+                                      }[connectionQuality],
+                                      size: 16,
+                                    )
+                                  else
+                                    const SizedBox(
+                                      width: 12,
+                                      height: 12,
+                                      child: CircularProgressIndicator(
+                                        color: Colors.white,
+                                        strokeWidth: 2,
+                                        padding: EdgeInsets.zero,
+                                      ),
+                                    ).padding(all: 3),
+                                ],
+                              ),
+                            ],
+                          ),
+                        );
+                      }),
+                      Row(
+                        children: [
+                          IconButton(
+                            icon: _layoutMode == 0
+                                ? const Icon(Icons.view_list)
+                                : const Icon(Icons.grid_view),
+                            onPressed: () {
+                              _switchLayout();
+                            },
+                          ),
+                        ],
+                      ),
+                    ],
+                  ).padding(left: 20, right: 16),
+                ),
+                Expanded(
+                  child: Material(
+                    color: Theme.of(context).colorScheme.surfaceContainerLow,
+                    child: Builder(
+                      builder: (context) {
+                        switch (_layoutMode) {
+                          case 1:
+                            return _buildListLayout();
+                          default:
+                            return _buildMeetLayout();
+                        }
+                      },
+                    ),
+                  ),
+                ),
+                if (call.room.localParticipant != null)
                  SizedBox(
                    width: MediaQuery.of(context).size.width,
-                    height: 64,
-                    child: Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                      crossAxisAlignment: CrossAxisAlignment.center,
-                      children: [
-                        Builder(builder: (context) {
-                          final call = context.read<ChatCallProvider>();
-                          final connectionQuality =
-                              call.room.localParticipant?.connectionQuality ??
-                                  livekit.ConnectionQuality.unknown;
-                          return Expanded(
-                            child: Column(
-                              mainAxisSize: MainAxisSize.min,
-                              crossAxisAlignment: CrossAxisAlignment.start,
-                              children: [
-                                Row(
-                                  children: [
-                                    Text(
-                                      call.channel?.name ?? 'unknown'.tr(),
-                                      style: const TextStyle(
-                                        fontWeight: FontWeight.bold,
-                                      ),
-                                    ),
-                                    const Gap(6),
-                                    Text(call.lastDuration.toString())
-                                  ],
-                                ),
-                                Row(
-                                  children: [
-                                    Text(
-                                      {
-                                        livekit.ConnectionState.disconnected:
-                                            'callStatusDisconnected'.tr(),
-                                        livekit.ConnectionState.connected:
-                                            'callStatusConnected'.tr(),
-                                        livekit.ConnectionState.connecting:
-                                            'callStatusConnecting'.tr(),
-                                        livekit.ConnectionState.reconnecting:
-                                            'callStatusReconnecting'.tr(),
-                                      }[call.room.connectionState]!,
-                                    ),
-                                    const Gap(6),
-                                    if (connectionQuality !=
-                                        livekit.ConnectionQuality.unknown)
-                                      Icon(
-                                        {
-                                          livekit.ConnectionQuality.excellent:
-                                              Icons.signal_cellular_alt,
-                                          livekit.ConnectionQuality.good:
-                                              Icons.signal_cellular_alt_2_bar,
-                                          livekit.ConnectionQuality.poor:
-                                              Icons.signal_cellular_alt_1_bar,
-                                        }[connectionQuality],
-                                        color: {
-                                          livekit.ConnectionQuality.excellent:
-                                              Colors.green,
-                                          livekit.ConnectionQuality.good:
-                                              Colors.orange,
-                                          livekit.ConnectionQuality.poor:
-                                              Colors.red,
-                                        }[connectionQuality],
-                                        size: 16,
-                                      )
-                                    else
-                                      const SizedBox(
-                                        width: 12,
-                                        height: 12,
-                                        child: CircularProgressIndicator(
-                                          color: Colors.white,
-                                          strokeWidth: 2,
-                                        ),
-                                      ).padding(all: 3),
-                                  ],
-                                ),
-                              ],
-                            ),
-                          );
-                        }),
-                        Row(
-                          children: [
-                            IconButton(
-                              icon: _layoutMode == 0
-                                  ? const Icon(Icons.view_list)
-                                  : const Icon(Icons.grid_view),
-                              onPressed: () {
-                                _switchLayout();
-                              },
-                            ),
-                          ],
-                        ),
-                      ],
-                    ).padding(left: 20, right: 16),
-                  ),
-                  Expanded(
-                    child: Material(
-                      color: Theme.of(context).colorScheme.surfaceContainerLow,
-                      child: Builder(
-                        builder: (context) {
-                          switch (_layoutMode) {
-                            case 1:
-                              return _buildGridLayout();
-                            default:
-                              return _buildListLayout();
-                          }
-                        },
-                      ),
+                    child: ControlsWidget(
+                      call.room,
+                      call.room.localParticipant!,
                    ),
                  ),
-                  if (call.room.localParticipant != null)
-                    SizedBox(
-                      width: MediaQuery.of(context).size.width,
-                      child: ControlsWidget(
-                        call.room,
-                        call.room.localParticipant!,
-                      ),
-                    ),
-                ],
-              ),
-              onTap: () {},
+                Gap(MediaQuery.of(context).padding.bottom),
+              ],
            ),
          );
        });
--- a/lib/screens/chat/channel_detail.dart
+++ b/lib/screens/chat/channel_detail.dart
@ -220,7 +220,7 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
    final isOwned = ua.isAuthorized && _channel?.accountId == ua.user?.id;

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        title: _channel != null ? Text(_channel!.name) : Text('loading').tr(),
      ),
--- a/lib/screens/chat/manage.dart
+++ b/lib/screens/chat/manage.dart
@ -141,7 +141,7 @@ class _ChatManageScreenState extends State<ChatManageScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        title: widget.editingChannelAlias != null
            ? Text('screenChatManage').tr()
--- a/lib/screens/chat/room.dart
+++ b/lib/screens/chat/room.dart
@ -304,7 +304,7 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
    final ud = context.read<UserDirectoryProvider>();

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        title: Text(
          _channel?.type == 1
--- a/lib/screens/explore.dart
+++ b/lib/screens/explore.dart
@ -157,7 +157,7 @@ class _ExploreScreenState extends State<ExploreScreen>
  Widget build(BuildContext context) {
    final cfg = context.watch<ConfigProvider>();
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      floatingActionButtonLocation: ExpandableFab.location,
      floatingActionButton: ExpandableFab(
        key: _fabKey,
--- a/lib/screens/notification.dart
+++ b/lib/screens/notification.dart
@ -11,13 +11,10 @@ import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/notification.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/notification.dart';
-import 'package:surface/types/post.dart';
-import 'package:surface/widgets/app_bar_leading.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
 import 'package:surface/widgets/markdown_content.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
-import 'package:surface/widgets/post/post_item.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';

 import '../providers/userinfo.dart';
@ -158,7 +155,7 @@ class _NotificationScreenState extends State<NotificationScreen> {

    return AppScaffold(
      appBar: AppBar(
-        leading: AutoAppBarLeading(),
+        leading: PageBackButton(),
        title: Text('screenNotification').tr(),
        actions: [
          IconButton(
@ -219,34 +216,24 @@ class _NotificationScreenState extends State<NotificationScreen> {
                                  'interactive.subscription',
                                ].contains(nty.topic) &&
                                nty.metadata['related_post'] != null)
-                              GestureDetector(
-                                child: Container(
-                                  decoration: BoxDecoration(
-                                    borderRadius: const BorderRadius.all(
-                                        Radius.circular(8)),
-                                    border: Border.all(
-                                        color: Theme.of(context).dividerColor,
-                                        width: 1),
+                              TextButton(
+                                style: ButtonStyle(
+                                  padding: WidgetStatePropertyAll(
+                                    EdgeInsets.zero,
                                  ),
-                                  child: PostItem(
-                                    data: SnPost.fromJson(
-                                        nty.metadata['related_post']!),
-                                    showComments: false,
-                                    showReactions: false,
-                                    showMenu: false,
-                                  ).padding(vertical: 4),
+                                  visualDensity: VisualDensity.compact,
                                ),
-                                onTap: () {
+                                child: Text('postReadMore').tr(),
+                                onPressed: () {
                                  GoRouter.of(context).pushNamed(
                                    'postDetail',
                                    pathParameters: {
-                                      'slug': nty
-                                          .metadata['related_post']!['id']
-                                          .toString()
+                                      'slug': nty.metadata['related_post']['id']
+                                          .toString(),
                                    },
                                  );
                                },
-                              ).padding(top: 8),
+                              ),
                            const Gap(8),
                            Row(
                              children: [
--- a/lib/screens/post/post_detail.dart
+++ b/lib/screens/post/post_detail.dart
@ -66,7 +66,7 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
    final double maxWidth = _data?.type == 'video' ? double.infinity : 640;

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
        leading: BackButton(
          onPressed: () {
--- a/lib/screens/post/post_editor.dart
+++ b/lib/screens/post/post_editor.dart
@ -346,9 +346,15 @@ class _PostEditorScreenState extends State<PostEditorScreen>
                    children: [
                      const Icon(Icons.edit, size: 16),
                      const Gap(10),
-                      Text('postEditingNotice').tr(args: [
-                        '@${_writeController.editingPost!.publisher.name}'
-                      ]),
+                      Expanded(
+                        child: Text(
+                          'postEditingNotice',
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ).tr(args: [
+                          '@${_writeController.editingPost!.publisher.name}'
+                        ]),
+                      ),
                    ],
                  ),
                ),
--- a/lib/screens/post/post_shuffle.dart
+++ b/lib/screens/post/post_shuffle.dart
@ -79,6 +79,7 @@ class _PostShuffleScreenState extends State<PostShuffleScreen> {
                              key: ValueKey(ele),
                              data: ele,
                              maxWidth: 640,
+                              useReplace: true,
                              onChanged: (ele) {
                                _posts[idx] = ele;
                                setState(() {});
--- a/lib/screens/post/publisher_page.dart
+++ b/lib/screens/post/publisher_page.dart
@ -286,7 +286,7 @@ class _PostPublisherScreenState extends State<PostPublisherScreen>
    final sn = context.read<SnNetworkProvider>();

    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      body: NestedScrollView(
        controller: _scrollController,
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
@ -303,6 +303,7 @@ class _PostPublisherScreenState extends State<PostPublisherScreen>
                    ),
                    child: SliverAppBar(
                      expandedHeight: _appBarHeight,
+                      leading: const PageBackButton(),
                      title: _publisher == null
                          ? Text('loading').tr()
                          : RichText(
--- a/lib/screens/wallet.dart
+++ b/lib/screens/wallet.dart
@ -45,7 +45,7 @@ class _WalletScreenState extends State<WalletScreen> {
  @override
  Widget build(BuildContext context) {
    return AppScaffold(
-      noBackground: true,
+      noBackground: ResponsiveScaffold.getIsExpand(context),
      appBar: AppBar(
          leading: PageBackButton(), title: Text('screenAccountWallet').tr()),
      body: Column(
--- a/lib/types/account.dart
+++ b/lib/types/account.dart
@ -22,6 +22,7 @@ abstract class SnAccount with _$SnAccount {
    required String language,
    required SnAccountProfile? profile,
    @Default([]) List<SnAccountBadge> badges,
+    @Default([]) List<SnPunishment> punishments,
    required DateTime? suspendedAt,
    required int? affiliatedId,
    required int? affiliatedTo,
--- a/lib/types/account.freezed.dart
+++ b/lib/types/account.freezed.dart
@ -29,6 +29,7 @@ mixin _$SnAccount {
  String get language;
  SnAccountProfile? get profile;
  List<SnAccountBadge> get badges;
+  List<SnPunishment> get punishments;
  DateTime? get suspendedAt;
  int? get affiliatedId;
  int? get affiliatedTo;
@ -69,6 +70,8 @@ mixin _$SnAccount {
                other.language == language) &&
            (identical(other.profile, profile) || other.profile == profile) &&
            const DeepCollectionEquality().equals(other.badges, badges) &&
+            const DeepCollectionEquality()
+                .equals(other.punishments, punishments) &&
            (identical(other.suspendedAt, suspendedAt) ||
                other.suspendedAt == suspendedAt) &&
            (identical(other.affiliatedId, affiliatedId) ||
@ -99,6 +102,7 @@ mixin _$SnAccount {
        language,
        profile,
        const DeepCollectionEquality().hash(badges),
+        const DeepCollectionEquality().hash(punishments),
        suspendedAt,
        affiliatedId,
        affiliatedTo,
@ -108,7 +112,7 @@ mixin _$SnAccount {

  @override
  String toString() {
-    return 'SnAccount(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, confirmedAt: $confirmedAt, contacts: $contacts, avatar: $avatar, banner: $banner, name: $name, nick: $nick, permNodes: $permNodes, language: $language, profile: $profile, badges: $badges, suspendedAt: $suspendedAt, affiliatedId: $affiliatedId, affiliatedTo: $affiliatedTo, automatedBy: $automatedBy, automatedId: $automatedId)';
+    return 'SnAccount(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, confirmedAt: $confirmedAt, contacts: $contacts, avatar: $avatar, banner: $banner, name: $name, nick: $nick, permNodes: $permNodes, language: $language, profile: $profile, badges: $badges, punishments: $punishments, suspendedAt: $suspendedAt, affiliatedId: $affiliatedId, affiliatedTo: $affiliatedTo, automatedBy: $automatedBy, automatedId: $automatedId)';
  }
 }

@ -132,6 +136,7 @@ abstract mixin class $SnAccountCopyWith<$Res> {
      String language,
      SnAccountProfile? profile,
      List<SnAccountBadge> badges,
+      List<SnPunishment> punishments,
      DateTime? suspendedAt,
      int? affiliatedId,
      int? affiliatedTo,
@ -167,6 +172,7 @@ class _$SnAccountCopyWithImpl<$Res> implements $SnAccountCopyWith<$Res> {
    Object? language = null,
    Object? profile = freezed,
    Object? badges = null,
+    Object? punishments = null,
    Object? suspendedAt = freezed,
    Object? affiliatedId = freezed,
    Object? affiliatedTo = freezed,
@ -230,6 +236,10 @@ class _$SnAccountCopyWithImpl<$Res> implements $SnAccountCopyWith<$Res> {
          ? _self.badges
          : badges // ignore: cast_nullable_to_non_nullable
              as List<SnAccountBadge>,
+      punishments: null == punishments
+          ? _self.punishments
+          : punishments // ignore: cast_nullable_to_non_nullable
+              as List<SnPunishment>,
      suspendedAt: freezed == suspendedAt
          ? _self.suspendedAt
          : suspendedAt // ignore: cast_nullable_to_non_nullable
@ -286,6 +296,7 @@ class _SnAccount extends SnAccount {
      required this.language,
      required this.profile,
      final List<SnAccountBadge> badges = const [],
+      final List<SnPunishment> punishments = const [],
      required this.suspendedAt,
      required this.affiliatedId,
      required this.affiliatedTo,
@ -294,6 +305,7 @@ class _SnAccount extends SnAccount {
      : _contacts = contacts,
        _permNodes = permNodes,
        _badges = badges,
+        _punishments = punishments,
        super._();
  factory _SnAccount.fromJson(Map<String, dynamic> json) =>
      _$SnAccountFromJson(json);
@ -350,6 +362,15 @@ class _SnAccount extends SnAccount {
    return EqualUnmodifiableListView(_badges);
  }

+  final List<SnPunishment> _punishments;
+  @override
+  @JsonKey()
+  List<SnPunishment> get punishments {
+    if (_punishments is EqualUnmodifiableListView) return _punishments;
+    // ignore: implicit_dynamic_type
+    return EqualUnmodifiableListView(_punishments);
+  }
+
  @override
  final DateTime? suspendedAt;
  @override
@ -401,6 +422,8 @@ class _SnAccount extends SnAccount {
                other.language == language) &&
            (identical(other.profile, profile) || other.profile == profile) &&
            const DeepCollectionEquality().equals(other._badges, _badges) &&
+            const DeepCollectionEquality()
+                .equals(other._punishments, _punishments) &&
            (identical(other.suspendedAt, suspendedAt) ||
                other.suspendedAt == suspendedAt) &&
            (identical(other.affiliatedId, affiliatedId) ||
@ -431,6 +454,7 @@ class _SnAccount extends SnAccount {
        language,
        profile,
        const DeepCollectionEquality().hash(_badges),
+        const DeepCollectionEquality().hash(_punishments),
        suspendedAt,
        affiliatedId,
        affiliatedTo,
@ -440,7 +464,7 @@ class _SnAccount extends SnAccount {

  @override
  String toString() {
-    return 'SnAccount(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, confirmedAt: $confirmedAt, contacts: $contacts, avatar: $avatar, banner: $banner, name: $name, nick: $nick, permNodes: $permNodes, language: $language, profile: $profile, badges: $badges, suspendedAt: $suspendedAt, affiliatedId: $affiliatedId, affiliatedTo: $affiliatedTo, automatedBy: $automatedBy, automatedId: $automatedId)';
+    return 'SnAccount(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, confirmedAt: $confirmedAt, contacts: $contacts, avatar: $avatar, banner: $banner, name: $name, nick: $nick, permNodes: $permNodes, language: $language, profile: $profile, badges: $badges, punishments: $punishments, suspendedAt: $suspendedAt, affiliatedId: $affiliatedId, affiliatedTo: $affiliatedTo, automatedBy: $automatedBy, automatedId: $automatedId)';
  }
 }

@ -467,6 +491,7 @@ abstract mixin class _$SnAccountCopyWith<$Res>
      String language,
      SnAccountProfile? profile,
      List<SnAccountBadge> badges,
+      List<SnPunishment> punishments,
      DateTime? suspendedAt,
      int? affiliatedId,
      int? affiliatedTo,
@ -503,6 +528,7 @@ class __$SnAccountCopyWithImpl<$Res> implements _$SnAccountCopyWith<$Res> {
    Object? language = null,
    Object? profile = freezed,
    Object? badges = null,
+    Object? punishments = null,
    Object? suspendedAt = freezed,
    Object? affiliatedId = freezed,
    Object? affiliatedTo = freezed,
@ -566,6 +592,10 @@ class __$SnAccountCopyWithImpl<$Res> implements _$SnAccountCopyWith<$Res> {
          ? _self._badges
          : badges // ignore: cast_nullable_to_non_nullable
              as List<SnAccountBadge>,
+      punishments: null == punishments
+          ? _self._punishments
+          : punishments // ignore: cast_nullable_to_non_nullable
+              as List<SnPunishment>,
      suspendedAt: freezed == suspendedAt
          ? _self.suspendedAt
          : suspendedAt // ignore: cast_nullable_to_non_nullable
--- a/lib/types/account.g.dart
+++ b/lib/types/account.g.dart
@ -32,6 +32,10 @@ _SnAccount _$SnAccountFromJson(Map<String, dynamic> json) => _SnAccount(
              ?.map((e) => SnAccountBadge.fromJson(e as Map<String, dynamic>))
              .toList() ??
          const [],
+      punishments: (json['punishments'] as List<dynamic>?)
+              ?.map((e) => SnPunishment.fromJson(e as Map<String, dynamic>))
+              .toList() ??
+          const [],
      suspendedAt: json['suspended_at'] == null
          ? null
          : DateTime.parse(json['suspended_at'] as String),
@ -57,6 +61,7 @@ Map<String, dynamic> _$SnAccountToJson(_SnAccount instance) =>
      'language': instance.language,
      'profile': instance.profile?.toJson(),
      'badges': instance.badges.map((e) => e.toJson()).toList(),
+      'punishments': instance.punishments.map((e) => e.toJson()).toList(),
      'suspended_at': instance.suspendedAt?.toIso8601String(),
      'affiliated_id': instance.affiliatedId,
      'affiliated_to': instance.affiliatedTo,
--- a/lib/types/attachment.dart
+++ b/lib/types/attachment.dart
@ -1,4 +1,5 @@
 import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:surface/types/account.dart';

 part 'attachment.freezed.dart';

@ -39,6 +40,7 @@ abstract class SnAttachment with _$SnAttachment {
    required int? refId,
    required SnAttachmentPool? pool,
    required int? poolId,
+    required SnAccount? account,
    required int accountId,
    int? thumbnailId,
    SnAttachment? thumbnail,
@ -49,7 +51,8 @@ abstract class SnAttachment with _$SnAttachment {
    @Default({}) Map<String, dynamic> metadata,
  }) = _SnAttachment;

-  factory SnAttachment.fromJson(Map<String, Object?> json) => _$SnAttachmentFromJson(json);
+  factory SnAttachment.fromJson(Map<String, Object?> json) =>
+      _$SnAttachmentFromJson(json);

  Map<String, dynamic> get data => {
        ...metadata,
@ -85,7 +88,8 @@ abstract class SnAttachmentFragment with _$SnAttachmentFragment {
    @Default([]) List<String> fileChunksMissing,
  }) = _SnAttachmentFragment;

-  factory SnAttachmentFragment.fromJson(Map<String, Object?> json) => _$SnAttachmentFragmentFromJson(json);
+  factory SnAttachmentFragment.fromJson(Map<String, Object?> json) =>
+      _$SnAttachmentFragmentFromJson(json);

  SnMediaType get mediaType => switch (mimetype.split('/').firstOrNull) {
        'image' => SnMediaType.image,
@ -109,7 +113,8 @@ abstract class SnAttachmentPool with _$SnAttachmentPool {
    required int? accountId,
  }) = _SnAttachmentPool;

-  factory SnAttachmentPool.fromJson(Map<String, Object?> json) => _$SnAttachmentPoolFromJson(json);
+  factory SnAttachmentPool.fromJson(Map<String, Object?> json) =>
+      _$SnAttachmentPoolFromJson(json);
 }

@freezed
@ -122,7 +127,8 @@ abstract class SnAttachmentDestination with _$SnAttachmentDestination {
    required bool isBoost,
  }) = _SnAttachmentDestination;

-  factory SnAttachmentDestination.fromJson(Map<String, Object?> json) => _$SnAttachmentDestinationFromJson(json);
+  factory SnAttachmentDestination.fromJson(Map<String, Object?> json) =>
+      _$SnAttachmentDestinationFromJson(json);
 }

@freezed
@ -139,7 +145,8 @@ abstract class SnAttachmentBoost with _$SnAttachmentBoost {
    required int account,
  }) = _SnAttachmentBoost;

-  factory SnAttachmentBoost.fromJson(Map<String, Object?> json) => _$SnAttachmentBoostFromJson(json);
+  factory SnAttachmentBoost.fromJson(Map<String, Object?> json) =>
+      _$SnAttachmentBoostFromJson(json);
 }

@freezed
@ -158,7 +165,8 @@ abstract class SnSticker with _$SnSticker {
    required int accountId,
  }) = _SnSticker;

-  factory SnSticker.fromJson(Map<String, Object?> json) => _$SnStickerFromJson(json);
+  factory SnSticker.fromJson(Map<String, Object?> json) =>
+      _$SnStickerFromJson(json);
 }

@freezed
@ -175,7 +183,8 @@ abstract class SnStickerPack with _$SnStickerPack {
    required int accountId,
  }) = _SnStickerPack;

-  factory SnStickerPack.fromJson(Map<String, Object?> json) => _$SnStickerPackFromJson(json);
+  factory SnStickerPack.fromJson(Map<String, Object?> json) =>
+      _$SnStickerPackFromJson(json);
 }

@freezed
@ -186,5 +195,6 @@ abstract class SnAttachmentBilling with _$SnAttachmentBilling {
    required double includedRatio,
  }) = _SnAttachmentBilling;

-  factory SnAttachmentBilling.fromJson(Map<String, Object?> json) => _$SnAttachmentBillingFromJson(json);
+  factory SnAttachmentBilling.fromJson(Map<String, Object?> json) =>
+      _$SnAttachmentBillingFromJson(json);
 }
--- a/lib/types/attachment.freezed.dart
+++ b/lib/types/attachment.freezed.dart
@ -38,6 +38,7 @@ mixin _$SnAttachment {
  int? get refId;
  SnAttachmentPool? get pool;
  int? get poolId;
+  SnAccount? get account;
  int get accountId;
  int? get thumbnailId;
  SnAttachment? get thumbnail;
@ -98,6 +99,7 @@ mixin _$SnAttachment {
            (identical(other.refId, refId) || other.refId == refId) &&
            (identical(other.pool, pool) || other.pool == pool) &&
            (identical(other.poolId, poolId) || other.poolId == poolId) &&
+            (identical(other.account, account) || other.account == account) &&
            (identical(other.accountId, accountId) ||
                other.accountId == accountId) &&
            (identical(other.thumbnailId, thumbnailId) ||
@ -140,6 +142,7 @@ mixin _$SnAttachment {
        refId,
        pool,
        poolId,
+        account,
        accountId,
        thumbnailId,
        thumbnail,
@ -152,7 +155,7 @@ mixin _$SnAttachment {

  @override
  String toString() {
-    return 'SnAttachment(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, rid: $rid, uuid: $uuid, size: $size, name: $name, alt: $alt, mimetype: $mimetype, hash: $hash, destination: $destination, refCount: $refCount, contentRating: $contentRating, qualityRating: $qualityRating, cleanedAt: $cleanedAt, isAnalyzed: $isAnalyzed, isSelfRef: $isSelfRef, isIndexable: $isIndexable, ref: $ref, refId: $refId, pool: $pool, poolId: $poolId, accountId: $accountId, thumbnailId: $thumbnailId, thumbnail: $thumbnail, compressedId: $compressedId, compressed: $compressed, boosts: $boosts, usermeta: $usermeta, metadata: $metadata)';
+    return 'SnAttachment(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, rid: $rid, uuid: $uuid, size: $size, name: $name, alt: $alt, mimetype: $mimetype, hash: $hash, destination: $destination, refCount: $refCount, contentRating: $contentRating, qualityRating: $qualityRating, cleanedAt: $cleanedAt, isAnalyzed: $isAnalyzed, isSelfRef: $isSelfRef, isIndexable: $isIndexable, ref: $ref, refId: $refId, pool: $pool, poolId: $poolId, account: $account, accountId: $accountId, thumbnailId: $thumbnailId, thumbnail: $thumbnail, compressedId: $compressedId, compressed: $compressed, boosts: $boosts, usermeta: $usermeta, metadata: $metadata)';
  }
 }

@ -186,6 +189,7 @@ abstract mixin class $SnAttachmentCopyWith<$Res> {
      int? refId,
      SnAttachmentPool? pool,
      int? poolId,
+      SnAccount? account,
      int accountId,
      int? thumbnailId,
      SnAttachment? thumbnail,
@ -197,6 +201,7 @@ abstract mixin class $SnAttachmentCopyWith<$Res> {

  $SnAttachmentCopyWith<$Res>? get ref;
  $SnAttachmentPoolCopyWith<$Res>? get pool;
+  $SnAccountCopyWith<$Res>? get account;
  $SnAttachmentCopyWith<$Res>? get thumbnail;
  $SnAttachmentCopyWith<$Res>? get compressed;
 }
@ -236,6 +241,7 @@ class _$SnAttachmentCopyWithImpl<$Res> implements $SnAttachmentCopyWith<$Res> {
    Object? refId = freezed,
    Object? pool = freezed,
    Object? poolId = freezed,
+    Object? account = freezed,
    Object? accountId = null,
    Object? thumbnailId = freezed,
    Object? thumbnail = freezed,
@ -338,6 +344,10 @@ class _$SnAttachmentCopyWithImpl<$Res> implements $SnAttachmentCopyWith<$Res> {
          ? _self.poolId
          : poolId // ignore: cast_nullable_to_non_nullable
              as int?,
+      account: freezed == account
+          ? _self.account
+          : account // ignore: cast_nullable_to_non_nullable
+              as SnAccount?,
      accountId: null == accountId
          ? _self.accountId
          : accountId // ignore: cast_nullable_to_non_nullable
@ -401,6 +411,20 @@ class _$SnAttachmentCopyWithImpl<$Res> implements $SnAttachmentCopyWith<$Res> {
    });
  }

+  /// Create a copy of SnAttachment
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnAccountCopyWith<$Res>? get account {
+    if (_self.account == null) {
+      return null;
+    }
+
+    return $SnAccountCopyWith<$Res>(_self.account!, (value) {
+      return _then(_self.copyWith(account: value));
+    });
+  }
+
  /// Create a copy of SnAttachment
  /// with the given fields replaced by the non-null parameter values.
  @override
@ -457,6 +481,7 @@ class _SnAttachment extends SnAttachment {
      required this.refId,
      required this.pool,
      required this.poolId,
+      required this.account,
      required this.accountId,
      this.thumbnailId,
      this.thumbnail,
@ -521,6 +546,8 @@ class _SnAttachment extends SnAttachment {
  @override
  final int? poolId;
  @override
+  final SnAccount? account;
+  @override
  final int accountId;
  @override
  final int? thumbnailId;
@ -612,6 +639,7 @@ class _SnAttachment extends SnAttachment {
            (identical(other.refId, refId) || other.refId == refId) &&
            (identical(other.pool, pool) || other.pool == pool) &&
            (identical(other.poolId, poolId) || other.poolId == poolId) &&
+            (identical(other.account, account) || other.account == account) &&
            (identical(other.accountId, accountId) ||
                other.accountId == accountId) &&
            (identical(other.thumbnailId, thumbnailId) ||
@ -654,6 +682,7 @@ class _SnAttachment extends SnAttachment {
        refId,
        pool,
        poolId,
+        account,
        accountId,
        thumbnailId,
        thumbnail,
@ -666,7 +695,7 @@ class _SnAttachment extends SnAttachment {

  @override
  String toString() {
-    return 'SnAttachment(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, rid: $rid, uuid: $uuid, size: $size, name: $name, alt: $alt, mimetype: $mimetype, hash: $hash, destination: $destination, refCount: $refCount, contentRating: $contentRating, qualityRating: $qualityRating, cleanedAt: $cleanedAt, isAnalyzed: $isAnalyzed, isSelfRef: $isSelfRef, isIndexable: $isIndexable, ref: $ref, refId: $refId, pool: $pool, poolId: $poolId, accountId: $accountId, thumbnailId: $thumbnailId, thumbnail: $thumbnail, compressedId: $compressedId, compressed: $compressed, boosts: $boosts, usermeta: $usermeta, metadata: $metadata)';
+    return 'SnAttachment(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, rid: $rid, uuid: $uuid, size: $size, name: $name, alt: $alt, mimetype: $mimetype, hash: $hash, destination: $destination, refCount: $refCount, contentRating: $contentRating, qualityRating: $qualityRating, cleanedAt: $cleanedAt, isAnalyzed: $isAnalyzed, isSelfRef: $isSelfRef, isIndexable: $isIndexable, ref: $ref, refId: $refId, pool: $pool, poolId: $poolId, account: $account, accountId: $accountId, thumbnailId: $thumbnailId, thumbnail: $thumbnail, compressedId: $compressedId, compressed: $compressed, boosts: $boosts, usermeta: $usermeta, metadata: $metadata)';
  }
 }

@ -702,6 +731,7 @@ abstract mixin class _$SnAttachmentCopyWith<$Res>
      int? refId,
      SnAttachmentPool? pool,
      int? poolId,
+      SnAccount? account,
      int accountId,
      int? thumbnailId,
      SnAttachment? thumbnail,
@ -716,6 +746,8 @@ abstract mixin class _$SnAttachmentCopyWith<$Res>
  @override
  $SnAttachmentPoolCopyWith<$Res>? get pool;
  @override
+  $SnAccountCopyWith<$Res>? get account;
+  @override
  $SnAttachmentCopyWith<$Res>? get thumbnail;
  @override
  $SnAttachmentCopyWith<$Res>? get compressed;
@ -757,6 +789,7 @@ class __$SnAttachmentCopyWithImpl<$Res>
    Object? refId = freezed,
    Object? pool = freezed,
    Object? poolId = freezed,
+    Object? account = freezed,
    Object? accountId = null,
    Object? thumbnailId = freezed,
    Object? thumbnail = freezed,
@ -859,6 +892,10 @@ class __$SnAttachmentCopyWithImpl<$Res>
          ? _self.poolId
          : poolId // ignore: cast_nullable_to_non_nullable
              as int?,
+      account: freezed == account
+          ? _self.account
+          : account // ignore: cast_nullable_to_non_nullable
+              as SnAccount?,
      accountId: null == accountId
          ? _self.accountId
          : accountId // ignore: cast_nullable_to_non_nullable
@ -922,6 +959,20 @@ class __$SnAttachmentCopyWithImpl<$Res>
    });
  }

+  /// Create a copy of SnAttachment
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnAccountCopyWith<$Res>? get account {
+    if (_self.account == null) {
+      return null;
+    }
+
+    return $SnAccountCopyWith<$Res>(_self.account!, (value) {
+      return _then(_self.copyWith(account: value));
+    });
+  }
+
  /// Create a copy of SnAttachment
  /// with the given fields replaced by the non-null parameter values.
  @override
--- a/lib/types/attachment.g.dart
+++ b/lib/types/attachment.g.dart
@ -39,6 +39,9 @@ _SnAttachment _$SnAttachmentFromJson(Map<String, dynamic> json) =>
          ? null
          : SnAttachmentPool.fromJson(json['pool'] as Map<String, dynamic>),
      poolId: (json['pool_id'] as num?)?.toInt(),
+      account: json['account'] == null
+          ? null
+          : SnAccount.fromJson(json['account'] as Map<String, dynamic>),
      accountId: (json['account_id'] as num).toInt(),
      thumbnailId: (json['thumbnail_id'] as num?)?.toInt(),
      thumbnail: json['thumbnail'] == null
@ -82,6 +85,7 @@ Map<String, dynamic> _$SnAttachmentToJson(_SnAttachment instance) =>
      'ref_id': instance.refId,
      'pool': instance.pool?.toJson(),
      'pool_id': instance.poolId,
+      'account': instance.account?.toJson(),
      'account_id': instance.accountId,
      'thumbnail_id': instance.thumbnailId,
      'thumbnail': instance.thumbnail?.toJson(),
--- a/lib/types/post.dart
+++ b/lib/types/post.dart
@ -1,4 +1,5 @@
 import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:surface/types/account.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/types/poll.dart';
 import 'package:surface/types/realm.dart';
@ -26,6 +27,7 @@ abstract class SnPost with _$SnPost {
    required int? replyId,
    required int? repostId,
    required int? realmId,
+    required SnRealm? realm,
    required SnPost? replyTo,
    required SnPost? repostTo,
    required List<int>? visibleUsersList,
@ -43,9 +45,9 @@ abstract class SnPost with _$SnPost {
    @Default(0) int totalAggregatedViews,
    required int publisherId,
    required int? pollId,
+    required SnPoll? poll,
    required SnPublisher publisher,
    required SnMetric metric,
-    SnPostPreload? preload,
  }) = _SnPost;

  factory SnPost.fromJson(Map<String, Object?> json) => _$SnPostFromJson(json);
@ -146,6 +148,7 @@ abstract class SnPublisher with _$SnPublisher {
    required int totalDownvote,
    required int? realmId,
    required int accountId,
+    required SnAccount? account,
  }) = _SnPublisher;

  factory SnPublisher.fromJson(Map<String, Object?> json) =>
--- a/lib/types/post.freezed.dart
+++ b/lib/types/post.freezed.dart
@ -30,6 +30,7 @@ mixin _$SnPost {
  int? get replyId;
  int? get repostId;
  int? get realmId;
+  SnRealm? get realm;
  SnPost? get replyTo;
  SnPost? get repostTo;
  List<int>? get visibleUsersList;
@ -47,9 +48,9 @@ mixin _$SnPost {
  int get totalAggregatedViews;
  int get publisherId;
  int? get pollId;
+  SnPoll? get poll;
  SnPublisher get publisher;
  SnMetric get metric;
-  SnPostPreload? get preload;

  /// Create a copy of SnPost
  /// with the given fields replaced by the non-null parameter values.
@ -88,6 +89,7 @@ mixin _$SnPost {
            (identical(other.repostId, repostId) ||
                other.repostId == repostId) &&
            (identical(other.realmId, realmId) || other.realmId == realmId) &&
+            (identical(other.realm, realm) || other.realm == realm) &&
            (identical(other.replyTo, replyTo) || other.replyTo == replyTo) &&
            (identical(other.repostTo, repostTo) ||
                other.repostTo == repostTo) &&
@ -119,10 +121,10 @@ mixin _$SnPost {
            (identical(other.publisherId, publisherId) ||
                other.publisherId == publisherId) &&
            (identical(other.pollId, pollId) || other.pollId == pollId) &&
+            (identical(other.poll, poll) || other.poll == poll) &&
            (identical(other.publisher, publisher) ||
                other.publisher == publisher) &&
-            (identical(other.metric, metric) || other.metric == metric) &&
-            (identical(other.preload, preload) || other.preload == preload));
+            (identical(other.metric, metric) || other.metric == metric));
  }

  @JsonKey(includeFromJson: false, includeToJson: false)
@ -144,6 +146,7 @@ mixin _$SnPost {
        replyId,
        repostId,
        realmId,
+        realm,
        replyTo,
        repostTo,
        const DeepCollectionEquality().hash(visibleUsersList),
@ -161,14 +164,14 @@ mixin _$SnPost {
        totalAggregatedViews,
        publisherId,
        pollId,
+        poll,
        publisher,
-        metric,
-        preload
+        metric
      ]);

  @override
  String toString() {
-    return 'SnPost(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, body: $body, language: $language, alias: $alias, aliasPrefix: $aliasPrefix, tags: $tags, categories: $categories, replies: $replies, replyId: $replyId, repostId: $repostId, realmId: $realmId, replyTo: $replyTo, repostTo: $repostTo, visibleUsersList: $visibleUsersList, invisibleUsersList: $invisibleUsersList, visibility: $visibility, editedAt: $editedAt, pinnedAt: $pinnedAt, lockedAt: $lockedAt, isDraft: $isDraft, publishedAt: $publishedAt, publishedUntil: $publishedUntil, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, totalViews: $totalViews, totalAggregatedViews: $totalAggregatedViews, publisherId: $publisherId, pollId: $pollId, publisher: $publisher, metric: $metric, preload: $preload)';
+    return 'SnPost(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, body: $body, language: $language, alias: $alias, aliasPrefix: $aliasPrefix, tags: $tags, categories: $categories, replies: $replies, replyId: $replyId, repostId: $repostId, realmId: $realmId, realm: $realm, replyTo: $replyTo, repostTo: $repostTo, visibleUsersList: $visibleUsersList, invisibleUsersList: $invisibleUsersList, visibility: $visibility, editedAt: $editedAt, pinnedAt: $pinnedAt, lockedAt: $lockedAt, isDraft: $isDraft, publishedAt: $publishedAt, publishedUntil: $publishedUntil, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, totalViews: $totalViews, totalAggregatedViews: $totalAggregatedViews, publisherId: $publisherId, pollId: $pollId, poll: $poll, publisher: $publisher, metric: $metric)';
  }
 }

@ -193,6 +196,7 @@ abstract mixin class $SnPostCopyWith<$Res> {
      int? replyId,
      int? repostId,
      int? realmId,
+      SnRealm? realm,
      SnPost? replyTo,
      SnPost? repostTo,
      List<int>? visibleUsersList,
@ -210,15 +214,16 @@ abstract mixin class $SnPostCopyWith<$Res> {
      int totalAggregatedViews,
      int publisherId,
      int? pollId,
+      SnPoll? poll,
      SnPublisher publisher,
-      SnMetric metric,
-      SnPostPreload? preload});
+      SnMetric metric});

+  $SnRealmCopyWith<$Res>? get realm;
  $SnPostCopyWith<$Res>? get replyTo;
  $SnPostCopyWith<$Res>? get repostTo;
+  $SnPollCopyWith<$Res>? get poll;
  $SnPublisherCopyWith<$Res> get publisher;
  $SnMetricCopyWith<$Res> get metric;
-  $SnPostPreloadCopyWith<$Res>? get preload;
 }

 /// @nodoc
@ -248,6 +253,7 @@ class _$SnPostCopyWithImpl<$Res> implements $SnPostCopyWith<$Res> {
    Object? replyId = freezed,
    Object? repostId = freezed,
    Object? realmId = freezed,
+    Object? realm = freezed,
    Object? replyTo = freezed,
    Object? repostTo = freezed,
    Object? visibleUsersList = freezed,
@ -265,9 +271,9 @@ class _$SnPostCopyWithImpl<$Res> implements $SnPostCopyWith<$Res> {
    Object? totalAggregatedViews = null,
    Object? publisherId = null,
    Object? pollId = freezed,
+    Object? poll = freezed,
    Object? publisher = null,
    Object? metric = null,
-    Object? preload = freezed,
  }) {
    return _then(_self.copyWith(
      id: null == id
@ -330,6 +336,10 @@ class _$SnPostCopyWithImpl<$Res> implements $SnPostCopyWith<$Res> {
          ? _self.realmId
          : realmId // ignore: cast_nullable_to_non_nullable
              as int?,
+      realm: freezed == realm
+          ? _self.realm
+          : realm // ignore: cast_nullable_to_non_nullable
+              as SnRealm?,
      replyTo: freezed == replyTo
          ? _self.replyTo
          : replyTo // ignore: cast_nullable_to_non_nullable
@ -398,6 +408,10 @@ class _$SnPostCopyWithImpl<$Res> implements $SnPostCopyWith<$Res> {
          ? _self.pollId
          : pollId // ignore: cast_nullable_to_non_nullable
              as int?,
+      poll: freezed == poll
+          ? _self.poll
+          : poll // ignore: cast_nullable_to_non_nullable
+              as SnPoll?,
      publisher: null == publisher
          ? _self.publisher
          : publisher // ignore: cast_nullable_to_non_nullable
@ -406,13 +420,23 @@ class _$SnPostCopyWithImpl<$Res> implements $SnPostCopyWith<$Res> {
          ? _self.metric
          : metric // ignore: cast_nullable_to_non_nullable
              as SnMetric,
-      preload: freezed == preload
-          ? _self.preload
-          : preload // ignore: cast_nullable_to_non_nullable
-              as SnPostPreload?,
    ));
  }

+  /// Create a copy of SnPost
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnRealmCopyWith<$Res>? get realm {
+    if (_self.realm == null) {
+      return null;
+    }
+
+    return $SnRealmCopyWith<$Res>(_self.realm!, (value) {
+      return _then(_self.copyWith(realm: value));
+    });
+  }
+
  /// Create a copy of SnPost
  /// with the given fields replaced by the non-null parameter values.
  @override
@ -441,6 +465,20 @@ class _$SnPostCopyWithImpl<$Res> implements $SnPostCopyWith<$Res> {
    });
  }

+  /// Create a copy of SnPost
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnPollCopyWith<$Res>? get poll {
+    if (_self.poll == null) {
+      return null;
+    }
+
+    return $SnPollCopyWith<$Res>(_self.poll!, (value) {
+      return _then(_self.copyWith(poll: value));
+    });
+  }
+
  /// Create a copy of SnPost
  /// with the given fields replaced by the non-null parameter values.
  @override
@ -460,20 +498,6 @@ class _$SnPostCopyWithImpl<$Res> implements $SnPostCopyWith<$Res> {
      return _then(_self.copyWith(metric: value));
    });
  }
-
-  /// Create a copy of SnPost
-  /// with the given fields replaced by the non-null parameter values.
-  @override
-  @pragma('vm:prefer-inline')
-  $SnPostPreloadCopyWith<$Res>? get preload {
-    if (_self.preload == null) {
-      return null;
-    }
-
-    return $SnPostPreloadCopyWith<$Res>(_self.preload!, (value) {
-      return _then(_self.copyWith(preload: value));
-    });
-  }
 }

 /// @nodoc
@ -495,6 +519,7 @@ class _SnPost extends SnPost {
      required this.replyId,
      required this.repostId,
      required this.realmId,
+      required this.realm,
      required this.replyTo,
      required this.repostTo,
      required final List<int>? visibleUsersList,
@ -512,9 +537,9 @@ class _SnPost extends SnPost {
      this.totalAggregatedViews = 0,
      required this.publisherId,
      required this.pollId,
+      required this.poll,
      required this.publisher,
-      required this.metric,
-      this.preload})
+      required this.metric})
      : _body = body,
        _tags = tags,
        _categories = categories,
@ -583,6 +608,8 @@ class _SnPost extends SnPost {
  @override
  final int? realmId;
  @override
+  final SnRealm? realm;
+  @override
  final SnPost? replyTo;
  @override
  final SnPost? repostTo;
@ -637,11 +664,11 @@ class _SnPost extends SnPost {
  @override
  final int? pollId;
  @override
+  final SnPoll? poll;
+  @override
  final SnPublisher publisher;
  @override
  final SnMetric metric;
-  @override
-  final SnPostPreload? preload;

  /// Create a copy of SnPost
  /// with the given fields replaced by the non-null parameter values.
@ -685,6 +712,7 @@ class _SnPost extends SnPost {
            (identical(other.repostId, repostId) ||
                other.repostId == repostId) &&
            (identical(other.realmId, realmId) || other.realmId == realmId) &&
+            (identical(other.realm, realm) || other.realm == realm) &&
            (identical(other.replyTo, replyTo) || other.replyTo == replyTo) &&
            (identical(other.repostTo, repostTo) ||
                other.repostTo == repostTo) &&
@ -716,10 +744,10 @@ class _SnPost extends SnPost {
            (identical(other.publisherId, publisherId) ||
                other.publisherId == publisherId) &&
            (identical(other.pollId, pollId) || other.pollId == pollId) &&
+            (identical(other.poll, poll) || other.poll == poll) &&
            (identical(other.publisher, publisher) ||
                other.publisher == publisher) &&
-            (identical(other.metric, metric) || other.metric == metric) &&
-            (identical(other.preload, preload) || other.preload == preload));
+            (identical(other.metric, metric) || other.metric == metric));
  }

  @JsonKey(includeFromJson: false, includeToJson: false)
@ -741,6 +769,7 @@ class _SnPost extends SnPost {
        replyId,
        repostId,
        realmId,
+        realm,
        replyTo,
        repostTo,
        const DeepCollectionEquality().hash(_visibleUsersList),
@ -758,14 +787,14 @@ class _SnPost extends SnPost {
        totalAggregatedViews,
        publisherId,
        pollId,
+        poll,
        publisher,
-        metric,
-        preload
+        metric
      ]);

  @override
  String toString() {
-    return 'SnPost(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, body: $body, language: $language, alias: $alias, aliasPrefix: $aliasPrefix, tags: $tags, categories: $categories, replies: $replies, replyId: $replyId, repostId: $repostId, realmId: $realmId, replyTo: $replyTo, repostTo: $repostTo, visibleUsersList: $visibleUsersList, invisibleUsersList: $invisibleUsersList, visibility: $visibility, editedAt: $editedAt, pinnedAt: $pinnedAt, lockedAt: $lockedAt, isDraft: $isDraft, publishedAt: $publishedAt, publishedUntil: $publishedUntil, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, totalViews: $totalViews, totalAggregatedViews: $totalAggregatedViews, publisherId: $publisherId, pollId: $pollId, publisher: $publisher, metric: $metric, preload: $preload)';
+    return 'SnPost(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, body: $body, language: $language, alias: $alias, aliasPrefix: $aliasPrefix, tags: $tags, categories: $categories, replies: $replies, replyId: $replyId, repostId: $repostId, realmId: $realmId, realm: $realm, replyTo: $replyTo, repostTo: $repostTo, visibleUsersList: $visibleUsersList, invisibleUsersList: $invisibleUsersList, visibility: $visibility, editedAt: $editedAt, pinnedAt: $pinnedAt, lockedAt: $lockedAt, isDraft: $isDraft, publishedAt: $publishedAt, publishedUntil: $publishedUntil, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, totalViews: $totalViews, totalAggregatedViews: $totalAggregatedViews, publisherId: $publisherId, pollId: $pollId, poll: $poll, publisher: $publisher, metric: $metric)';
  }
 }

@ -791,6 +820,7 @@ abstract mixin class _$SnPostCopyWith<$Res> implements $SnPostCopyWith<$Res> {
      int? replyId,
      int? repostId,
      int? realmId,
+      SnRealm? realm,
      SnPost? replyTo,
      SnPost? repostTo,
      List<int>? visibleUsersList,
@ -808,20 +838,22 @@ abstract mixin class _$SnPostCopyWith<$Res> implements $SnPostCopyWith<$Res> {
      int totalAggregatedViews,
      int publisherId,
      int? pollId,
+      SnPoll? poll,
      SnPublisher publisher,
-      SnMetric metric,
-      SnPostPreload? preload});
+      SnMetric metric});

+  @override
+  $SnRealmCopyWith<$Res>? get realm;
  @override
  $SnPostCopyWith<$Res>? get replyTo;
  @override
  $SnPostCopyWith<$Res>? get repostTo;
  @override
+  $SnPollCopyWith<$Res>? get poll;
+  @override
  $SnPublisherCopyWith<$Res> get publisher;
  @override
  $SnMetricCopyWith<$Res> get metric;
-  @override
-  $SnPostPreloadCopyWith<$Res>? get preload;
 }

 /// @nodoc
@ -851,6 +883,7 @@ class __$SnPostCopyWithImpl<$Res> implements _$SnPostCopyWith<$Res> {
    Object? replyId = freezed,
    Object? repostId = freezed,
    Object? realmId = freezed,
+    Object? realm = freezed,
    Object? replyTo = freezed,
    Object? repostTo = freezed,
    Object? visibleUsersList = freezed,
@ -868,9 +901,9 @@ class __$SnPostCopyWithImpl<$Res> implements _$SnPostCopyWith<$Res> {
    Object? totalAggregatedViews = null,
    Object? publisherId = null,
    Object? pollId = freezed,
+    Object? poll = freezed,
    Object? publisher = null,
    Object? metric = null,
-    Object? preload = freezed,
  }) {
    return _then(_SnPost(
      id: null == id
@ -933,6 +966,10 @@ class __$SnPostCopyWithImpl<$Res> implements _$SnPostCopyWith<$Res> {
          ? _self.realmId
          : realmId // ignore: cast_nullable_to_non_nullable
              as int?,
+      realm: freezed == realm
+          ? _self.realm
+          : realm // ignore: cast_nullable_to_non_nullable
+              as SnRealm?,
      replyTo: freezed == replyTo
          ? _self.replyTo
          : replyTo // ignore: cast_nullable_to_non_nullable
@ -1001,6 +1038,10 @@ class __$SnPostCopyWithImpl<$Res> implements _$SnPostCopyWith<$Res> {
          ? _self.pollId
          : pollId // ignore: cast_nullable_to_non_nullable
              as int?,
+      poll: freezed == poll
+          ? _self.poll
+          : poll // ignore: cast_nullable_to_non_nullable
+              as SnPoll?,
      publisher: null == publisher
          ? _self.publisher
          : publisher // ignore: cast_nullable_to_non_nullable
@ -1009,13 +1050,23 @@ class __$SnPostCopyWithImpl<$Res> implements _$SnPostCopyWith<$Res> {
          ? _self.metric
          : metric // ignore: cast_nullable_to_non_nullable
              as SnMetric,
-      preload: freezed == preload
-          ? _self.preload
-          : preload // ignore: cast_nullable_to_non_nullable
-              as SnPostPreload?,
    ));
  }

+  /// Create a copy of SnPost
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnRealmCopyWith<$Res>? get realm {
+    if (_self.realm == null) {
+      return null;
+    }
+
+    return $SnRealmCopyWith<$Res>(_self.realm!, (value) {
+      return _then(_self.copyWith(realm: value));
+    });
+  }
+
  /// Create a copy of SnPost
  /// with the given fields replaced by the non-null parameter values.
  @override
@ -1044,6 +1095,20 @@ class __$SnPostCopyWithImpl<$Res> implements _$SnPostCopyWith<$Res> {
    });
  }

+  /// Create a copy of SnPost
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnPollCopyWith<$Res>? get poll {
+    if (_self.poll == null) {
+      return null;
+    }
+
+    return $SnPollCopyWith<$Res>(_self.poll!, (value) {
+      return _then(_self.copyWith(poll: value));
+    });
+  }
+
  /// Create a copy of SnPost
  /// with the given fields replaced by the non-null parameter values.
  @override
@ -1063,20 +1128,6 @@ class __$SnPostCopyWithImpl<$Res> implements _$SnPostCopyWith<$Res> {
      return _then(_self.copyWith(metric: value));
    });
  }
-
-  /// Create a copy of SnPost
-  /// with the given fields replaced by the non-null parameter values.
-  @override
-  @pragma('vm:prefer-inline')
-  $SnPostPreloadCopyWith<$Res>? get preload {
-    if (_self.preload == null) {
-      return null;
-    }
-
-    return $SnPostPreloadCopyWith<$Res>(_self.preload!, (value) {
-      return _then(_self.copyWith(preload: value));
-    });
-  }
 }

 /// @nodoc
@ -2465,6 +2516,7 @@ mixin _$SnPublisher {
  int get totalDownvote;
  int? get realmId;
  int get accountId;
+  SnAccount? get account;

  /// Create a copy of SnPublisher
  /// with the given fields replaced by the non-null parameter values.
@ -2501,7 +2553,8 @@ mixin _$SnPublisher {
                other.totalDownvote == totalDownvote) &&
            (identical(other.realmId, realmId) || other.realmId == realmId) &&
            (identical(other.accountId, accountId) ||
-                other.accountId == accountId));
+                other.accountId == accountId) &&
+            (identical(other.account, account) || other.account == account));
  }

  @JsonKey(includeFromJson: false, includeToJson: false)
@ -2521,11 +2574,12 @@ mixin _$SnPublisher {
      totalUpvote,
      totalDownvote,
      realmId,
-      accountId);
+      accountId,
+      account);

  @override
  String toString() {
-    return 'SnPublisher(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, name: $name, nick: $nick, description: $description, avatar: $avatar, banner: $banner, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, realmId: $realmId, accountId: $accountId)';
+    return 'SnPublisher(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, name: $name, nick: $nick, description: $description, avatar: $avatar, banner: $banner, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, realmId: $realmId, accountId: $accountId, account: $account)';
  }
 }

@ -2549,7 +2603,10 @@ abstract mixin class $SnPublisherCopyWith<$Res> {
      int totalUpvote,
      int totalDownvote,
      int? realmId,
-      int accountId});
+      int accountId,
+      SnAccount? account});
+
+  $SnAccountCopyWith<$Res>? get account;
 }

 /// @nodoc
@ -2578,6 +2635,7 @@ class _$SnPublisherCopyWithImpl<$Res> implements $SnPublisherCopyWith<$Res> {
    Object? totalDownvote = null,
    Object? realmId = freezed,
    Object? accountId = null,
+    Object? account = freezed,
  }) {
    return _then(_self.copyWith(
      id: null == id
@ -2636,8 +2694,26 @@ class _$SnPublisherCopyWithImpl<$Res> implements $SnPublisherCopyWith<$Res> {
          ? _self.accountId
          : accountId // ignore: cast_nullable_to_non_nullable
              as int,
+      account: freezed == account
+          ? _self.account
+          : account // ignore: cast_nullable_to_non_nullable
+              as SnAccount?,
    ));
  }
+
+  /// Create a copy of SnPublisher
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnAccountCopyWith<$Res>? get account {
+    if (_self.account == null) {
+      return null;
+    }
+
+    return $SnAccountCopyWith<$Res>(_self.account!, (value) {
+      return _then(_self.copyWith(account: value));
+    });
+  }
 }

 /// @nodoc
@ -2657,7 +2733,8 @@ class _SnPublisher implements SnPublisher {
      required this.totalUpvote,
      required this.totalDownvote,
      required this.realmId,
-      required this.accountId});
+      required this.accountId,
+      required this.account});
  factory _SnPublisher.fromJson(Map<String, dynamic> json) =>
      _$SnPublisherFromJson(json);

@ -2689,6 +2766,8 @@ class _SnPublisher implements SnPublisher {
  final int? realmId;
  @override
  final int accountId;
+  @override
+  final SnAccount? account;

  /// Create a copy of SnPublisher
  /// with the given fields replaced by the non-null parameter values.
@ -2730,7 +2809,8 @@ class _SnPublisher implements SnPublisher {
                other.totalDownvote == totalDownvote) &&
            (identical(other.realmId, realmId) || other.realmId == realmId) &&
            (identical(other.accountId, accountId) ||
-                other.accountId == accountId));
+                other.accountId == accountId) &&
+            (identical(other.account, account) || other.account == account));
  }

  @JsonKey(includeFromJson: false, includeToJson: false)
@ -2750,11 +2830,12 @@ class _SnPublisher implements SnPublisher {
      totalUpvote,
      totalDownvote,
      realmId,
-      accountId);
+      accountId,
+      account);

  @override
  String toString() {
-    return 'SnPublisher(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, name: $name, nick: $nick, description: $description, avatar: $avatar, banner: $banner, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, realmId: $realmId, accountId: $accountId)';
+    return 'SnPublisher(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, name: $name, nick: $nick, description: $description, avatar: $avatar, banner: $banner, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, realmId: $realmId, accountId: $accountId, account: $account)';
  }
 }

@ -2780,7 +2861,11 @@ abstract mixin class _$SnPublisherCopyWith<$Res>
      int totalUpvote,
      int totalDownvote,
      int? realmId,
-      int accountId});
+      int accountId,
+      SnAccount? account});
+
+  @override
+  $SnAccountCopyWith<$Res>? get account;
 }

 /// @nodoc
@ -2809,6 +2894,7 @@ class __$SnPublisherCopyWithImpl<$Res> implements _$SnPublisherCopyWith<$Res> {
    Object? totalDownvote = null,
    Object? realmId = freezed,
    Object? accountId = null,
+    Object? account = freezed,
  }) {
    return _then(_SnPublisher(
      id: null == id
@ -2867,8 +2953,26 @@ class __$SnPublisherCopyWithImpl<$Res> implements _$SnPublisherCopyWith<$Res> {
          ? _self.accountId
          : accountId // ignore: cast_nullable_to_non_nullable
              as int,
+      account: freezed == account
+          ? _self.account
+          : account // ignore: cast_nullable_to_non_nullable
+              as SnAccount?,
    ));
  }
+
+  /// Create a copy of SnPublisher
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnAccountCopyWith<$Res>? get account {
+    if (_self.account == null) {
+      return null;
+    }
+
+    return $SnAccountCopyWith<$Res>(_self.account!, (value) {
+      return _then(_self.copyWith(account: value));
+    });
+  }
 }

 /// @nodoc
--- a/lib/types/post.g.dart
+++ b/lib/types/post.g.dart
@ -32,6 +32,9 @@ _SnPost _$SnPostFromJson(Map<String, dynamic> json) => _SnPost(
      replyId: (json['reply_id'] as num?)?.toInt(),
      repostId: (json['repost_id'] as num?)?.toInt(),
      realmId: (json['realm_id'] as num?)?.toInt(),
+      realm: json['realm'] == null
+          ? null
+          : SnRealm.fromJson(json['realm'] as Map<String, dynamic>),
      replyTo: json['reply_to'] == null
          ? null
          : SnPost.fromJson(json['reply_to'] as Map<String, dynamic>),
@ -68,12 +71,12 @@ _SnPost _$SnPostFromJson(Map<String, dynamic> json) => _SnPost(
          (json['total_aggregated_views'] as num?)?.toInt() ?? 0,
      publisherId: (json['publisher_id'] as num).toInt(),
      pollId: (json['poll_id'] as num?)?.toInt(),
+      poll: json['poll'] == null
+          ? null
+          : SnPoll.fromJson(json['poll'] as Map<String, dynamic>),
      publisher:
          SnPublisher.fromJson(json['publisher'] as Map<String, dynamic>),
      metric: SnMetric.fromJson(json['metric'] as Map<String, dynamic>),
-      preload: json['preload'] == null
-          ? null
-          : SnPostPreload.fromJson(json['preload'] as Map<String, dynamic>),
    );

 Map<String, dynamic> _$SnPostToJson(_SnPost instance) => <String, dynamic>{
@ -92,6 +95,7 @@ Map<String, dynamic> _$SnPostToJson(_SnPost instance) => <String, dynamic>{
      'reply_id': instance.replyId,
      'repost_id': instance.repostId,
      'realm_id': instance.realmId,
+      'realm': instance.realm?.toJson(),
      'reply_to': instance.replyTo?.toJson(),
      'repost_to': instance.repostTo?.toJson(),
      'visible_users_list': instance.visibleUsersList,
@ -109,9 +113,9 @@ Map<String, dynamic> _$SnPostToJson(_SnPost instance) => <String, dynamic>{
      'total_aggregated_views': instance.totalAggregatedViews,
      'publisher_id': instance.publisherId,
      'poll_id': instance.pollId,
+      'poll': instance.poll?.toJson(),
      'publisher': instance.publisher.toJson(),
      'metric': instance.metric.toJson(),
-      'preload': instance.preload?.toJson(),
    };

 _SnPostTag _$SnPostTagFromJson(Map<String, dynamic> json) => _SnPostTag(
@ -241,6 +245,9 @@ _SnPublisher _$SnPublisherFromJson(Map<String, dynamic> json) => _SnPublisher(
      totalDownvote: (json['total_downvote'] as num).toInt(),
      realmId: (json['realm_id'] as num?)?.toInt(),
      accountId: (json['account_id'] as num).toInt(),
+      account: json['account'] == null
+          ? null
+          : SnAccount.fromJson(json['account'] as Map<String, dynamic>),
    );

 Map<String, dynamic> _$SnPublisherToJson(_SnPublisher instance) =>
@ -259,6 +266,7 @@ Map<String, dynamic> _$SnPublisherToJson(_SnPublisher instance) =>
      'total_downvote': instance.totalDownvote,
      'realm_id': instance.realmId,
      'account_id': instance.accountId,
+      'account': instance.account?.toJson(),
    };

 _SnSubscription _$SnSubscriptionFromJson(Map<String, dynamic> json) =>
--- a/lib/types/reaction.dart
+++ b/lib/types/reaction.dart
@ -17,4 +17,5 @@ const Map<String, ReactInfo> kTemplateReactions = {
  'party': ReactInfo(icon: '🎉', attitude: 1),
  'joy': ReactInfo(icon: '🤣', attitude: 1),
  'pray': ReactInfo(icon: '🙏', attitude: 1),
+  'heart': ReactInfo(icon: '❤️', attitude: 1),
 };
--- a/lib/widgets/account/account_image.dart
+++ b/lib/widgets/account/account_image.dart
@ -54,11 +54,15 @@ class AccountImage extends StatelessWidget {
                            ))
                        .center(),
                  )
-                : AutoResizeUniversalImage(
+                : UniversalImage(
                    sn.getAttachmentUrl(url),
                    filterQuality: filterQuality,
                    key: Key('attachment-${content.hashCode}'),
                    fit: BoxFit.cover,
+                    width: (radius != null ? radius! : 20) * 2,
+                    height: (radius != null ? radius! : 20) * 2,
+                    cacheWidth: (radius != null ? radius! : 20) * 2,
+                    cacheHeight: (radius != null ? radius! : 20) * 2,
                  ),
          ),
        ),
--- a/lib/widgets/account/account_popover.dart
+++ b/lib/widgets/account/account_popover.dart
@ -22,142 +22,151 @@ class AccountPopoverCard extends StatelessWidget {
  Widget build(BuildContext context) {
    final sn = context.read<SnNetworkProvider>();

-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      mainAxisSize: MainAxisSize.min,
-      children: [
-        if (data.banner.isNotEmpty)
-          Container(
-            color: Theme.of(context).colorScheme.surfaceContainer,
-            child: AspectRatio(
-              aspectRatio: 16 / 7,
-              child: AutoResizeUniversalImage(
-                sn.getAttachmentUrl(data.banner),
-                fit: BoxFit.cover,
-              ),
-            ),
-          ),
-        // Top padding
-        Gap(16),
-        Row(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            AccountImage(
-              content: data.avatar,
-              radius: 20,
-            ),
-            Gap(16),
-            Expanded(
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                mainAxisSize: MainAxisSize.min,
-                children: [
-                  Text(data.nick).bold(),
-                  Text('@${data.name}').fontSize(13).opacity(0.75),
-                ],
-              ),
-            ),
-            IconButton(
-              onPressed: () {
-                Navigator.pop(context);
-                GoRouter.of(context).pushNamed(
-                  'accountProfilePage',
-                  pathParameters: {'name': data.name},
-                );
-              },
-              icon: const Icon(Symbols.chevron_right),
-              padding: EdgeInsets.zero,
-              visualDensity: const VisualDensity(horizontal: -4, vertical: -4),
-            ),
-            const Gap(8)
-          ],
-        ).padding(horizontal: 16),
-        if (data.badges.isNotEmpty)
-          Wrap(
-            spacing: 4,
-            children: data.badges
-                .map(
-                  (ele) => AccountBadge(badge: ele),
-                )
-                .toList(),
-          ).padding(horizontal: 24, bottom: 12, top: 12),
-        if (data.profile?.description.isNotEmpty ?? false)
-          Text(
-            data.profile?.description ?? '',
-            maxLines: 2,
-            overflow: TextOverflow.ellipsis,
-          ).padding(horizontal: 26, bottom: 8),
-        Row(
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: [
-            const Icon(Symbols.star),
-            const Gap(8),
-            Text('Lv${getLevelFromExp(data.profile?.experience ?? 0)}'),
-            const Gap(8),
-            Text(calcLevelUpProgressLevel(data.profile?.experience ?? 0))
-                .fontSize(11)
-                .opacity(0.5),
-            const Gap(8),
-            Container(
-              width: double.infinity,
-              constraints: const BoxConstraints(maxWidth: 160),
-              child: LinearProgressIndicator(
-                value: calcLevelUpProgress(data.profile?.experience ?? 0),
-                borderRadius: BorderRadius.circular(8),
-                backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
-              ).alignment(Alignment.centerLeft),
-            ),
-          ],
-        ).padding(horizontal: 24),
-        FutureBuilder(
-          future: sn.client.get('/cgi/id/users/${data.name}/status'),
-          builder: (context, snapshot) {
-            final SnAccountStatusInfo? status = snapshot.hasData
-                ? SnAccountStatusInfo.fromJson(snapshot.data!.data)
-                : null;
-            return Row(
-              children: [
-                Icon(
-                  (status?.isDisturbable ?? true)
-                      ? Symbols.circle
-                      : Symbols.do_not_disturb_on,
-                  fill: (status?.isOnline ?? false) ? 1 : 0,
-                  size: 16,
-                  color: (status?.isOnline ?? false)
-                      ? (status?.isDisturbable ?? true)
-                          ? Colors.green
-                          : Colors.red
-                      : Colors.grey,
-                ).padding(all: 4),
-                const Gap(8),
-                Text(
-                  status != null
-                      ? (status.status?.label.isNotEmpty ?? false)
-                          ? status.status!.label
-                          : status.isOnline
-                              ? 'accountStatusOnline'.tr()
-                              : 'accountStatusOffline'.tr()
-                      : 'loading'.tr(),
+    return SingleChildScrollView(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          if (data.banner.isNotEmpty)
+            ClipRRect(
+              borderRadius: BorderRadius.circular(16),
+              child: Container(
+                color: Theme.of(context).colorScheme.surfaceContainer,
+                child: AspectRatio(
+                  aspectRatio: 16 / 7,
+                  child: AutoResizeUniversalImage(
+                    sn.getAttachmentUrl(data.banner),
+                    fit: BoxFit.cover,
+                  ),
                ),
-                if (status != null &&
-                    !status.isOnline &&
-                    status.lastSeenAt != null)
+              ),
+            ).padding(all: 16)
+          else
+            const Gap(16),
+          // Top padding
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              AccountImage(
+                content: data.avatar,
+                radius: 20,
+              ),
+              Gap(16),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Text(data.nick).bold(),
+                    Text('@${data.name}').fontSize(13).opacity(0.75),
+                  ],
+                ),
+              ),
+              IconButton(
+                onPressed: () {
+                  Navigator.pop(context);
+                  GoRouter.of(context).pushReplacementNamed(
+                    'accountProfilePage',
+                    pathParameters: {'name': data.name},
+                  );
+                },
+                icon: const Icon(Symbols.chevron_right),
+                padding: EdgeInsets.zero,
+                visualDensity:
+                    const VisualDensity(horizontal: -4, vertical: -4),
+              ),
+              const Gap(8)
+            ],
+          ).padding(horizontal: 16),
+          if (data.badges.isNotEmpty)
+            Wrap(
+              spacing: 4,
+              children: data.badges
+                  .map(
+                    (ele) => AccountBadge(badge: ele),
+                  )
+                  .toList(),
+            ).padding(horizontal: 24, bottom: 12, top: 12),
+          if (data.profile?.description.isNotEmpty ?? false)
+            Text(
+              data.profile?.description ?? '',
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
+            ).padding(horizontal: 26, bottom: 8)
+          else
+            const Gap(12),
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              const Icon(Symbols.star),
+              const Gap(8),
+              Text('Lv${getLevelFromExp(data.profile?.experience ?? 0)}'),
+              const Gap(8),
+              Text(calcLevelUpProgressLevel(data.profile?.experience ?? 0))
+                  .fontSize(11)
+                  .opacity(0.5),
+              const Gap(8),
+              Container(
+                width: double.infinity,
+                constraints: const BoxConstraints(maxWidth: 160),
+                child: LinearProgressIndicator(
+                  value: calcLevelUpProgress(data.profile?.experience ?? 0),
+                  borderRadius: BorderRadius.circular(8),
+                  backgroundColor:
+                      Theme.of(context).colorScheme.surfaceContainer,
+                ).alignment(Alignment.centerLeft),
+              ),
+            ],
+          ).padding(horizontal: 24),
+          FutureBuilder(
+            future: sn.client.get('/cgi/id/users/${data.name}/status'),
+            builder: (context, snapshot) {
+              final SnAccountStatusInfo? status = snapshot.hasData
+                  ? SnAccountStatusInfo.fromJson(snapshot.data!.data)
+                  : null;
+              return Row(
+                children: [
+                  Icon(
+                    (status?.isDisturbable ?? true)
+                        ? Symbols.circle
+                        : Symbols.do_not_disturb_on,
+                    fill: (status?.isOnline ?? false) ? 1 : 0,
+                    size: 16,
+                    color: (status?.isOnline ?? false)
+                        ? (status?.isDisturbable ?? true)
+                            ? Colors.green
+                            : Colors.red
+                        : Colors.grey,
+                  ).padding(all: 4),
+                  const Gap(8),
                  Text(
-                    'accountStatusLastSeen'.tr(args: [
-                      status.lastSeenAt != null
-                          ? RelativeTime(context).format(
-                              status.lastSeenAt!.toLocal(),
-                            )
-                          : 'unknown',
-                    ]),
-                  ).padding(left: 6).opacity(0.75),
-              ],
-            ).padding(horizontal: 24);
-          },
-        ),
-        // Bottom padding
-        const Gap(16),
-      ],
+                    status != null
+                        ? (status.status?.label.isNotEmpty ?? false)
+                            ? status.status!.label
+                            : status.isOnline
+                                ? 'accountStatusOnline'.tr()
+                                : 'accountStatusOffline'.tr()
+                        : 'loading'.tr(),
+                  ),
+                  if (status != null &&
+                      !status.isOnline &&
+                      status.lastSeenAt != null)
+                    Text(
+                      'accountStatusLastSeen'.tr(args: [
+                        status.lastSeenAt != null
+                            ? RelativeTime(context).format(
+                                status.lastSeenAt!.toLocal(),
+                              )
+                            : 'unknown',
+                      ]),
+                    ).padding(left: 6).opacity(0.75),
+                ],
+              ).padding(horizontal: 24);
+            },
+          ),
+          // Bottom padding
+          const Gap(64),
+        ],
+      ),
    );
  }
 }
--- a/lib/widgets/attachment/attachment_item.dart
+++ b/lib/widgets/attachment/attachment_item.dart
@ -15,6 +15,7 @@ import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/logger.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/widgets/universal_image.dart';
 import 'package:uuid/uuid.dart';
@ -25,6 +26,7 @@ class AttachmentItem extends StatelessWidget {
  final String? heroTag;
  final BoxFit fit;
  final FilterQuality? filterQuality;
+  final Function? onZoom;

  const AttachmentItem({
    super.key,
@ -32,6 +34,7 @@ class AttachmentItem extends StatelessWidget {
    required this.data,
    required this.heroTag,
    this.filterQuality,
+    this.onZoom,
  });

  Widget _buildContent(BuildContext context) {
@ -94,7 +97,14 @@ class AttachmentItem extends StatelessWidget {
      });
    }

-    return _buildContent(context);
+    return GestureDetector(
+      child: _buildContent(context),
+      onTap: () {
+        if (data?.mimetype.startsWith('image') ?? false) {
+          onZoom?.call();
+        }
+      },
+    );
  }
 }

@ -219,6 +229,7 @@ class _AttachmentItemContentVideoState
    setState(() => _showContent = true);
    MediaKit.ensureInitialized();
    final sn = context.read<SnNetworkProvider>();
+    final ua = context.read<UserProvider>();
    final url = _showOriginal
        ? sn.getAttachmentUrl(widget.data.rid)
        : sn.getAttachmentUrl(widget.data.compressed!.rid);
@ -231,6 +242,7 @@ class _AttachmentItemContentVideoState
      logging.info('[MediaPlayer] Miss cache: $url');
      final fileStream = DefaultCacheManager().getFileStream(
        url,
+        headers: {'Authorization': 'Bearer ${await ua.atk}'},
        withProgress: true,
      );
      await for (var fileInfo in fileStream) {
@ -490,6 +502,7 @@ class _AttachmentItemContentAudioState
    setState(() => _showContent = true);
    MediaKit.ensureInitialized();
    final sn = context.read<SnNetworkProvider>();
+    final ua = context.read<UserProvider>();
    final url = sn.getAttachmentUrl(widget.data.rid);
    _audioPlayer = Player();

@ -499,6 +512,7 @@ class _AttachmentItemContentAudioState
      logging.info('[MediaPlayer] Miss cache: $url');
      final fileStream = DefaultCacheManager().getFileStream(
        url,
+        headers: {'Authorization': 'Bearer ${await ua.atk}'},
        withProgress: true,
      );
      await for (var fileInfo in fileStream) {
--- a/lib/widgets/attachment/attachment_list.dart
+++ b/lib/widgets/attachment/attachment_list.dart
@ -74,40 +74,35 @@ class _AttachmentListState extends State<AttachmentList> {
          return Container(
            padding: widget.padding ?? EdgeInsets.zero,
            constraints: constraints,
-            child: GestureDetector(
-              child: AspectRatio(
-                aspectRatio: singleAspectRatio,
-                child: Container(
-                  decoration: BoxDecoration(
-                    color: backgroundColor,
-                    border: Border.fromBorderSide(borderSide),
-                    borderRadius: AttachmentList.kDefaultRadius,
-                  ),
-                  child: ClipRRect(
-                    borderRadius: AttachmentList.kDefaultRadius,
-                    child: AttachmentItem(
-                      data: widget.data[0],
-                      heroTag: heroTags[0],
-                      fit: widget.fit,
-                      filterQuality: widget.filterQuality,
-                    ),
+            child: AspectRatio(
+              aspectRatio: singleAspectRatio,
+              child: Container(
+                decoration: BoxDecoration(
+                  color: backgroundColor,
+                  border: Border.fromBorderSide(borderSide),
+                  borderRadius: AttachmentList.kDefaultRadius,
+                ),
+                child: ClipRRect(
+                  borderRadius: AttachmentList.kDefaultRadius,
+                  child: AttachmentItem(
+                    data: widget.data[0],
+                    heroTag: heroTags[0],
+                    fit: widget.fit,
+                    filterQuality: widget.filterQuality,
+                    onZoom: () {
+                      context.pushTransparentRoute(
+                        AttachmentZoomView(
+                          data: widget.data.where((ele) => ele != null).cast(),
+                          initialIndex: 0,
+                          heroTags: heroTags,
+                        ),
+                        backgroundColor: Colors.black.withOpacity(0.7),
+                        rootNavigator: true,
+                      );
+                    },
                  ),
                ),
              ),
-              onTap: () {
-                if (widget.data.firstOrNull?.mediaType != SnMediaType.image) {
-                  return;
-                }
-                context.pushTransparentRoute(
-                  AttachmentZoomView(
-                    data: widget.data.where((ele) => ele != null).cast(),
-                    initialIndex: 0,
-                    heroTags: heroTags,
-                  ),
-                  backgroundColor: Colors.black.withOpacity(0.7),
-                  rootNavigator: true,
-                );
-              },
            ),
          );
        }
@ -133,33 +128,27 @@ class _AttachmentListState extends State<AttachmentList> {
                mainAxisSpacing: 4,
                children: widget.data
                    .mapIndexed(
-                      (idx, ele) => GestureDetector(
-                        child: Container(
-                          constraints: constraints,
-                          child: AttachmentItem(
-                            data: ele,
-                            heroTag: heroTags[idx],
-                            fit: BoxFit.cover,
-                            filterQuality: widget.filterQuality,
-                          ),
+                      (idx, ele) => Container(
+                        constraints: constraints,
+                        child: AttachmentItem(
+                          data: ele,
+                          heroTag: heroTags[idx],
+                          fit: BoxFit.cover,
+                          filterQuality: widget.filterQuality,
+                          onZoom: () {
+                            context.pushTransparentRoute(
+                              AttachmentZoomView(
+                                data: widget.data
+                                    .where((ele) => ele != null)
+                                    .cast(),
+                                initialIndex: idx,
+                                heroTags: heroTags,
+                              ),
+                              backgroundColor: Colors.black.withOpacity(0.7),
+                              rootNavigator: true,
+                            );
+                          },
                        ),
-                        onTap: () {
-                          if (widget.data[idx]!.mediaType !=
-                              SnMediaType.image) {
-                            return;
-                          }
-                          context.pushTransparentRoute(
-                            AttachmentZoomView(
-                              data: widget.data
-                                  .where((ele) => ele != null)
-                                  .cast(),
-                              initialIndex: idx,
-                              heroTags: heroTags,
-                            ),
-                            backgroundColor: Colors.black.withOpacity(0.7),
-                            rootNavigator: true,
-                          );
-                        },
                      ),
                    )
                    .toList(),
@ -181,17 +170,30 @@ class _AttachmentListState extends State<AttachmentList> {
              child: Column(
                children: widget.data
                    .mapIndexed(
-                      (idx, ele) => GestureDetector(
-                        child: AspectRatio(
-                          aspectRatio: ele?.data['ratio']?.toDouble() ?? 1,
-                          child: Container(
-                            constraints: constraints,
-                            child: AttachmentItem(
-                              data: ele,
-                              heroTag: heroTags[idx],
-                              fit: BoxFit.cover,
-                              filterQuality: widget.filterQuality,
-                            ),
+                      (idx, ele) => AspectRatio(
+                        aspectRatio: ele?.data['ratio']?.toDouble() ?? 1,
+                        child: Container(
+                          constraints: constraints,
+                          child: AttachmentItem(
+                            data: ele,
+                            heroTag: heroTags[idx],
+                            fit: BoxFit.cover,
+                            filterQuality: widget.filterQuality,
+                            onZoom: () {
+                              context.pushTransparentRoute(
+                                AttachmentZoomView(
+                                  data: widget.data
+                                      .where((ele) =>
+                                          ele != null &&
+                                          ele.mediaType == SnMediaType.image)
+                                      .cast(),
+                                  initialIndex: idx,
+                                  heroTags: heroTags,
+                                ),
+                                backgroundColor: Colors.black.withOpacity(0.7),
+                                rootNavigator: true,
+                              );
+                            },
                          ),
                        ),
                      ),
@ -222,56 +224,52 @@ class _AttachmentListState extends State<AttachmentList> {
                    child: AspectRatio(
                      aspectRatio:
                          (widget.data[idx]?.data['ratio'] ?? 1).toDouble(),
-                      child: GestureDetector(
-                        onTap: () {
-                          if (widget.data[idx]?.mediaType !=
-                              SnMediaType.image) {
-                            return;
-                          }
-                          context.pushTransparentRoute(
-                            AttachmentZoomView(
-                              data: widget.data
-                                  .where((ele) =>
-                                      ele != null &&
-                                      ele.mediaType == SnMediaType.image)
-                                  .cast(),
-                              initialIndex: idx,
-                              heroTags: heroTags,
-                            ),
-                            backgroundColor: Colors.black.withOpacity(0.7),
-                            rootNavigator: true,
-                          );
-                        },
-                        child: Stack(
-                          fit: StackFit.expand,
-                          children: [
-                            Container(
-                              decoration: BoxDecoration(
-                                color: backgroundColor,
-                                border: Border.all(
-                                  width: 1,
-                                  color: Theme.of(context).dividerColor,
-                                ),
-                                borderRadius: AttachmentList.kDefaultRadius,
+                      child: Stack(
+                        fit: StackFit.expand,
+                        children: [
+                          Container(
+                            decoration: BoxDecoration(
+                              color: backgroundColor,
+                              border: Border.all(
+                                width: 1,
+                                color: Theme.of(context).dividerColor,
                              ),
-                              child: ClipRRect(
-                                borderRadius: AttachmentList.kDefaultRadius,
-                                child: AttachmentItem(
-                                  data: widget.data[idx],
-                                  heroTag: heroTags[idx],
-                                  filterQuality: widget.filterQuality,
-                                ),
+                              borderRadius: AttachmentList.kDefaultRadius,
+                            ),
+                            child: ClipRRect(
+                              borderRadius: AttachmentList.kDefaultRadius,
+                              child: AttachmentItem(
+                                data: widget.data[idx],
+                                heroTag: heroTags[idx],
+                                filterQuality: widget.filterQuality,
+                                onZoom: () {
+                                  context.pushTransparentRoute(
+                                    AttachmentZoomView(
+                                      data: widget.data
+                                          .where((ele) =>
+                                              ele != null &&
+                                              ele.mediaType ==
+                                                  SnMediaType.image)
+                                          .cast(),
+                                      initialIndex: idx,
+                                      heroTags: heroTags,
+                                    ),
+                                    backgroundColor:
+                                        Colors.black.withOpacity(0.7),
+                                    rootNavigator: true,
+                                  );
+                                },
                              ),
                            ),
-                            Positioned(
-                              right: 8,
-                              bottom: 8,
-                              child: Chip(
-                                label: Text('${idx + 1}/${widget.data.length}'),
-                              ),
+                          ),
+                          Positioned(
+                            right: 8,
+                            bottom: 8,
+                            child: Chip(
+                              label: Text('${idx + 1}/${widget.data.length}'),
                            ),
-                          ],
-                        ),
+                          ),
+                        ],
                      ),
                    ),
                  );
--- a/lib/widgets/attachment/attachment_zoom.dart
+++ b/lib/widgets/attachment/attachment_zoom.dart
@ -16,7 +16,6 @@ import 'package:photo_view/photo_view_gallery.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/sn_network.dart';
-import 'package:surface/providers/user_directory.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
@ -65,7 +64,7 @@ class _AttachmentZoomViewState extends State<AttachmentZoomView> {
  Future<void> _saveToAlbum(int idx) async {
    final sn = context.read<SnNetworkProvider>();
    final item = widget.data.elementAt(idx);
-    final url = sn.getAttachmentUrl(item.rid);
+    final url = sn.getAttachmentUrl(item.rid, preview: false);

    if (kIsWeb || Platform.isLinux) {
      await launchUrlString(url);
@ -182,7 +181,10 @@ class _AttachmentZoomViewState extends State<AttachmentZoomView> {
                            scaleState == PhotoViewScaleState.initial);
                      },
                      imageProvider: UniversalImage.provider(
-                        sn.getAttachmentUrl(widget.data.first.rid),
+                        sn.getAttachmentUrl(
+                          widget.data.first.rid,
+                          preview: false,
+                        ),
                      ),
                    ),
                  );
@ -200,7 +202,10 @@ class _AttachmentZoomViewState extends State<AttachmentZoomView> {
                        widget.heroTags?.elementAt(idx) ?? uuid.v4();
                    return PhotoViewGalleryPageOptions(
                      imageProvider: UniversalImage.provider(
-                        sn.getAttachmentUrl(widget.data.elementAt(idx).rid),
+                        sn.getAttachmentUrl(
+                          widget.data.elementAt(idx).rid,
+                          preview: false,
+                        ),
                      ),
                      heroAttributes: PhotoViewHeroAttributes(
                        tag: 'attachment-${widget.data.first.rid}-$heroTag',
@ -368,7 +373,7 @@ class _AttachmentZoomViewState extends State<AttachmentZoomView> {
                            _showDetail = true;
                            showModalBottomSheet(
                              context: context,
-                              builder: (context) => _AttachmentZoomDetailPopup(
+                              builder: (context) => AttachmentZoomDetailPopup(
                                data: widget.data.elementAt(_page),
                              ),
                            ).then((_) {
@ -398,7 +403,7 @@ class _AttachmentZoomViewState extends State<AttachmentZoomView> {
            _showDetail = true;
            showModalBottomSheet(
              context: context,
-              builder: (context) => _AttachmentZoomDetailPopup(
+              builder: (context) => AttachmentZoomDetailPopup(
                data: widget.data.elementAt(_page),
              ),
            ).then((_) {
@ -411,15 +416,14 @@ class _AttachmentZoomViewState extends State<AttachmentZoomView> {
  }
 }

-class _AttachmentZoomDetailPopup extends StatelessWidget {
+class AttachmentZoomDetailPopup extends StatelessWidget {
  final SnAttachment data;

-  const _AttachmentZoomDetailPopup({required this.data});
+  const AttachmentZoomDetailPopup({required this.data});

  @override
  Widget build(BuildContext context) {
-    final ud = context.read<UserDirectoryProvider>();
-    final account = ud.getFromCache(data.accountId);
+    final account = data.account!;

    const tableGap = TableRow(
      children: [
@ -461,12 +465,12 @@ class _AttachmentZoomDetailPopup extends StatelessWidget {
                          children: [
                            if (data.accountId > 0)
                              AccountImage(
-                                content: account?.avatar,
+                                content: account.avatar,
                                radius: 8,
                              ),
                            const Gap(8),
                            Text(data.accountId > 0
-                                ? account?.nick ?? 'unknown'.tr()
+                                ? account.nick
                                : 'unknown'.tr()),
                            const Gap(8),
                            Text('#${data.accountId}',
--- a/lib/widgets/chat/call/call_no_content.dart
+++ b/lib/widgets/chat/call/call_no_content.dart
@ -8,12 +8,12 @@ import 'package:surface/widgets/account/account_image.dart';
 class NoContentWidget extends StatefulWidget {
  final SnAccount? userinfo;
  final bool isSpeaking;
-  final bool isFixed;
+  final double? avatarSize;

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

@ -45,41 +45,35 @@ class _NoContentWidgetState extends State<NoContentWidget>

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

-    return Container(
-      alignment: Alignment.center,
-      child: Center(
-        child: Animate(
-          autoPlay: false,
-          controller: _animationController,
-          effects: [
-            CustomEffect(
-              begin: widget.isSpeaking ? 2 : 0,
-              end: 8,
-              curve: Curves.easeInOut,
-              duration: 1250.ms,
-              builder: (context, value, child) => Container(
-                decoration: BoxDecoration(
-                  borderRadius: BorderRadius.all(Radius.circular(radius + 8)),
-                  border: value > 0
-                      ? Border.all(color: Colors.green, width: value)
-                      : null,
-                ),
-                child: child,
-              ),
-            )
-          ],
-          child: AccountImage(
-            content: widget.userinfo?.avatar,
-            radius: radius,
+    return Animate(
+      autoPlay: false,
+      controller: _animationController,
+      effects: [
+        CustomEffect(
+          begin: widget.isSpeaking ? 2 : 0,
+          end: 8,
+          curve: Curves.easeInOut,
+          duration: 1250.ms,
+          builder: (context, value, child) => Container(
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.all(Radius.circular(radius + 8)),
+              border: value > 0
+                  ? Border.all(color: Colors.green, width: value)
+                  : null,
+            ),
+            child: child,
          ),
-        ),
+        )
+      ],
+      child: AccountImage(
+        content: widget.userinfo?.avatar,
+        radius: radius,
      ),
    );
  }
--- a/lib/widgets/chat/call/call_participant.dart
+++ b/lib/widgets/chat/call/call_participant.dart
@ -2,7 +2,9 @@ import 'dart:convert';

 import 'package:flutter/material.dart';
 import 'package:flutter_webrtc/flutter_webrtc.dart';
+import 'package:gap/gap.dart';
 import 'package:livekit_client/livekit_client.dart';
+import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/types/account.dart';
 import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/chat/call/call_no_content.dart';
@ -11,23 +13,32 @@ import 'package:surface/widgets/chat/call/call_participant_menu.dart';
 import 'package:surface/widgets/chat/call/call_participant_stats.dart';

 abstract class ParticipantWidget extends StatefulWidget {
-  static ParticipantWidget widgetFor(ParticipantTrack participantTrack,
-      {bool isFixed = false, bool showStatsLayer = false}) {
+  static ParticipantWidget widgetFor(
+    ParticipantTrack participantTrack, {
+    double? avatarSize,
+    EdgeInsets? padding,
+    bool showStatsLayer = false,
+    bool isList = false,
+  }) {
    if (participantTrack.participant is LocalParticipant) {
      return LocalParticipantWidget(
        participantTrack.participant as LocalParticipant,
        participantTrack.videoTrack,
-        isFixed,
+        avatarSize,
        participantTrack.isScreenShare,
        showStatsLayer,
+        isList,
+        padding,
      );
    } else if (participantTrack.participant is RemoteParticipant) {
      return RemoteParticipantWidget(
        participantTrack.participant as RemoteParticipant,
        participantTrack.videoTrack,
-        isFixed,
+        avatarSize,
        participantTrack.isScreenShare,
        showStatsLayer,
+        isList,
+        padding,
      );
    }
    throw UnimplementedError('Unknown participant type');
@ -36,8 +47,10 @@ abstract class ParticipantWidget extends StatefulWidget {
  abstract final Participant participant;
  abstract final VideoTrack? videoTrack;
  abstract final bool isScreenShare;
-  abstract final bool isFixed;
+  abstract final double? avatarSize;
  abstract final bool showStatsLayer;
+  abstract final bool isList;
+  abstract final EdgeInsets? padding;
  final VideoQuality quality;

  const ParticipantWidget({
@ -52,18 +65,24 @@ class LocalParticipantWidget extends ParticipantWidget {
  @override
  final VideoTrack? videoTrack;
  @override
-  final bool isFixed;
+  final double? avatarSize;
  @override
  final bool isScreenShare;
  @override
  final bool showStatsLayer;
+  @override
+  final bool isList;
+  @override
+  final EdgeInsets? padding;

  const LocalParticipantWidget(
    this.participant,
    this.videoTrack,
-    this.isFixed,
+    this.avatarSize,
    this.isScreenShare,
-    this.showStatsLayer, {
+    this.showStatsLayer,
+    this.isList,
+    this.padding, {
    super.key,
  });

@ -77,18 +96,24 @@ class RemoteParticipantWidget extends ParticipantWidget {
  @override
  final VideoTrack? videoTrack;
  @override
-  final bool isFixed;
+  final double? avatarSize;
  @override
  final bool isScreenShare;
  @override
  final bool showStatsLayer;
+  @override
+  final bool isList;
+  @override
+  final EdgeInsets? padding;

  const RemoteParticipantWidget(
    this.participant,
    this.videoTrack,
-    this.isFixed,
+    this.avatarSize,
    this.isScreenShare,
-    this.showStatsLayer, {
+    this.showStatsLayer,
+    this.isList,
+    this.padding, {
    super.key,
  });

@ -136,19 +161,82 @@ abstract class _ParticipantWidgetState<T extends ParticipantWidget>
  }

  @override
-  Widget build(BuildContext ctx) {
+  Widget build(BuildContext context) {
+    if (widget.isList) {
+      return Padding(
+        padding: widget.padding ?? EdgeInsets.zero,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              children: [
+                SizedBox(
+                  width: (widget.avatarSize ?? 32) * 2,
+                  height: (widget.avatarSize ?? 32) * 2,
+                  child: Center(
+                    child: NoContentWidget(
+                      userinfo: _userinfoMetadata,
+                      avatarSize: widget.avatarSize,
+                      isSpeaking: widget.participant.isSpeaking,
+                    ),
+                  ),
+                ),
+                const Gap(8),
+                Expanded(
+                  child: SizedBox(
+                    height: (widget.avatarSize ?? 32) * 2,
+                    child: ParticipantInfoWidget(
+                      isList: true,
+                      title: widget.participant.name.isNotEmpty
+                          ? widget.participant.name
+                          : widget.participant.identity,
+                      audioAvailable: _firstAudioPublication?.muted == false &&
+                          _firstAudioPublication?.subscribed == true,
+                      connectionQuality: widget.participant.connectionQuality,
+                      isScreenShare: widget.isScreenShare,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            if (_activeVideoTrack != null && !_activeVideoTrack!.muted)
+              ClipRRect(
+                borderRadius: const BorderRadius.all(Radius.circular(8)),
+                child: AspectRatio(
+                  aspectRatio: 16 / 9,
+                  child: Material(
+                    borderRadius: const BorderRadius.all(Radius.circular(8)),
+                    color: Theme.of(context)
+                        .colorScheme
+                        .surfaceContainer
+                        .withOpacity(0.75),
+                    child: VideoTrackRenderer(
+                      _activeVideoTrack!,
+                      fit: RTCVideoViewObjectFit.RTCVideoViewObjectFitContain,
+                    ),
+                  ),
+                ).padding(top: 8),
+              ),
+          ],
+        ),
+      );
+    }
+
    return Stack(
      children: [
-        _activeVideoTrack != null && !_activeVideoTrack!.muted
-            ? VideoTrackRenderer(
-                _activeVideoTrack!,
-                fit: RTCVideoViewObjectFit.RTCVideoViewObjectFitContain,
-              )
-            : NoContentWidget(
-                userinfo: _userinfoMetadata,
-                isFixed: widget.isFixed,
-                isSpeaking: widget.participant.isSpeaking,
-              ),
+        if (_activeVideoTrack != null && !_activeVideoTrack!.muted)
+          VideoTrackRenderer(
+            _activeVideoTrack!,
+            fit: RTCVideoViewObjectFit.RTCVideoViewObjectFitContain,
+          )
+        else
+          Center(
+            child: NoContentWidget(
+              userinfo: _userinfoMetadata,
+              avatarSize: widget.avatarSize,
+              isSpeaking: widget.participant.isSpeaking,
+            ),
+          ),
        if (widget.showStatsLayer)
          Positioned(
            top: 30,
@ -199,44 +287,51 @@ class _RemoteParticipantWidgetState
 }

 class InteractiveParticipantWidget extends StatelessWidget {
-  final double? width;
-  final double? height;
-  final Color? color;
-  final bool isFixedAvatar;
+  final double? avatarSize;
+  final bool isList;
  final ParticipantTrack participant;
-  final Function() onTap;
+  final Function? onTap;
+  final EdgeInsets? padding;

  const InteractiveParticipantWidget({
    super.key,
-    this.width,
-    this.height,
-    this.color,
-    this.isFixedAvatar = false,
+    this.avatarSize,
+    this.isList = false,
+    this.padding,
    required this.participant,
-    required this.onTap,
+    this.onTap,
  });

  @override
  Widget build(BuildContext context) {
-    return GestureDetector(
-      child: Container(
-        width: width,
-        height: height,
-        color: color,
-        child: ParticipantWidget.widgetFor(participant, isFixed: isFixedAvatar),
-      ),
-      onTap: () => onTap(),
-      onLongPress: () {
-        if (participant.participant is LocalParticipant) return;
-        showModalBottomSheet(
-          context: context,
-          builder: (context) => ParticipantMenu(
-            participant: participant.participant as RemoteParticipant,
-            videoTrack: participant.videoTrack,
-            isScreenShare: participant.isScreenShare,
+    return Material(
+      color: Colors.transparent,
+      child: InkWell(
+        onTap: onTap != null
+            ? () {
+                onTap?.call();
+              }
+            : null,
+        onLongPress: () {
+          if (participant.participant is LocalParticipant) return;
+          showModalBottomSheet(
+            context: context,
+            builder: (context) => ParticipantMenu(
+              participant: participant.participant as RemoteParticipant,
+              videoTrack: participant.videoTrack,
+              isScreenShare: participant.isScreenShare,
+            ),
+          );
+        },
+        child: Container(
+          child: ParticipantWidget.widgetFor(
+            participant,
+            avatarSize: avatarSize,
+            isList: isList,
+            padding: padding,
          ),
-        );
-      },
+        ),
+      ),
    );
  }
 }
--- a/lib/widgets/chat/call/call_participant_info.dart
+++ b/lib/widgets/chat/call/call_participant_info.dart
@ -9,6 +9,7 @@ class ParticipantInfoWidget extends StatelessWidget {
  final bool audioAvailable;
  final ConnectionQuality connectionQuality;
  final bool isScreenShare;
+  final bool isList;

  const ParticipantInfoWidget({
    super.key,
@ -16,64 +17,124 @@ class ParticipantInfoWidget extends StatelessWidget {
    this.audioAvailable = true,
    this.connectionQuality = ConnectionQuality.unknown,
    this.isScreenShare = false,
+    this.isList = false,
  });

  @override
-  Widget build(BuildContext context) => Container(
-        color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
-        padding: const EdgeInsets.symmetric(
-          vertical: 7,
-          horizontal: 10,
-        ),
-        child: Row(
-          mainAxisAlignment: MainAxisAlignment.end,
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: [
-            if (title != null)
-              Flexible(
-                child: Text(
-                  title!,
-                  overflow: TextOverflow.ellipsis,
-                  style: const TextStyle(color: Colors.white),
-                ),
+  Widget build(BuildContext context) {
+    if (isList) {
+      return Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          if (title != null)
+            Text(
+              title!,
+              overflow: TextOverflow.ellipsis,
+              style: const TextStyle(
+                color: Colors.white,
+                fontWeight: FontWeight.bold,
              ),
-            const Gap(5),
-            isScreenShare
-                ? const Icon(
-                    Symbols.monitor,
+            ).padding(left: 2),
+          Row(
+            children: [
+              isScreenShare
+                  ? const Icon(
+                      Symbols.monitor,
+                      color: Colors.white,
+                      size: 16,
+                    )
+                  : Icon(
+                      audioAvailable ? Symbols.mic : Symbols.mic_off,
+                      color: audioAvailable ? Colors.white : Colors.red,
+                      size: 16,
+                    ),
+              const Gap(3),
+              if (connectionQuality != ConnectionQuality.unknown)
+                Icon(
+                  {
+                    ConnectionQuality.excellent: Symbols.signal_cellular_alt,
+                    ConnectionQuality.good: Symbols.signal_cellular_alt_2_bar,
+                    ConnectionQuality.poor: Symbols.signal_cellular_alt_1_bar,
+                  }[connectionQuality],
+                  color: {
+                    ConnectionQuality.excellent: Colors.green,
+                    ConnectionQuality.good: Colors.orange,
+                    ConnectionQuality.poor: Colors.red,
+                  }[connectionQuality],
+                  size: 16,
+                )
+              else
+                const SizedBox(
+                  width: 12,
+                  height: 12,
+                  child: CircularProgressIndicator(
                    color: Colors.white,
-                    size: 16,
-                  )
-                : Icon(
-                    audioAvailable ? Symbols.mic : Symbols.mic_off,
-                    color: audioAvailable ? Colors.white : Colors.red,
-                    size: 16,
+                    strokeWidth: 2,
                  ),
-            const Gap(3),
-            if (connectionQuality != ConnectionQuality.unknown)
-              Icon(
-                {
-                  ConnectionQuality.excellent: Symbols.signal_cellular_alt,
-                  ConnectionQuality.good: Symbols.signal_cellular_alt_2_bar,
-                  ConnectionQuality.poor: Symbols.signal_cellular_alt_1_bar,
-                }[connectionQuality],
-                color: {
-                  ConnectionQuality.excellent: Colors.green,
-                  ConnectionQuality.good: Colors.orange,
-                  ConnectionQuality.poor: Colors.red,
-                }[connectionQuality],
-                size: 16,
-              )
-            else
-              const SizedBox(
-                width: 12,
-                height: 12,
-                child: CircularProgressIndicator(
-                  color: Colors.white,
-                  strokeWidth: 2,
-                ),
-              ).padding(all: 3),
-          ],
-        ),
+                ).padding(all: 3),
+            ],
+          )
+        ],
      );
+    }
+
+    return Container(
+      color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
+      padding: const EdgeInsets.symmetric(
+        vertical: 7,
+        horizontal: 10,
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.end,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          if (title != null)
+            Flexible(
+              child: Text(
+                title!,
+                overflow: TextOverflow.ellipsis,
+                style: const TextStyle(color: Colors.white),
+              ),
+            ),
+          const Gap(5),
+          isScreenShare
+              ? const Icon(
+                  Symbols.monitor,
+                  color: Colors.white,
+                  size: 16,
+                )
+              : Icon(
+                  audioAvailable ? Symbols.mic : Symbols.mic_off,
+                  color: audioAvailable ? Colors.white : Colors.red,
+                  size: 16,
+                ),
+          const Gap(3),
+          if (connectionQuality != ConnectionQuality.unknown)
+            Icon(
+              {
+                ConnectionQuality.excellent: Symbols.signal_cellular_alt,
+                ConnectionQuality.good: Symbols.signal_cellular_alt_2_bar,
+                ConnectionQuality.poor: Symbols.signal_cellular_alt_1_bar,
+              }[connectionQuality],
+              color: {
+                ConnectionQuality.excellent: Colors.green,
+                ConnectionQuality.good: Colors.orange,
+                ConnectionQuality.poor: Colors.red,
+              }[connectionQuality],
+              size: 16,
+            )
+          else
+            const SizedBox(
+              width: 12,
+              height: 12,
+              child: CircularProgressIndicator(
+                color: Colors.white,
+                strokeWidth: 2,
+              ),
+            ).padding(all: 3),
+        ],
+      ),
+    );
+  }
 }
--- a/lib/widgets/chat/chat_message.dart
+++ b/lib/widgets/chat/chat_message.dart
@ -1,11 +1,8 @@
-import 'dart:math' as math;
-
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_context_menu/flutter_context_menu.dart';
 import 'package:gap/gap.dart';
 import 'package:material_symbols_icons/symbols.dart';
-import 'package:popover/popover.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/config.dart';
@ -120,20 +117,9 @@ class ChatMessage extends StatelessWidget {
                      ),
                      onTap: () {
                        if (user == null) return;
-                        showPopover(
-                          backgroundColor:
-                              Theme.of(context).colorScheme.surface,
+                        showModalBottomSheet(
                          context: context,
-                          transition: PopoverTransition.other,
-                          bodyBuilder: (context) => SizedBox(
-                            width: math.min(
-                                400, MediaQuery.of(context).size.width - 10),
-                            child: AccountPopoverCard(data: user),
-                          ),
-                          direction: PopoverDirection.bottom,
-                          arrowHeight: 5,
-                          arrowWidth: 15,
-                          arrowDxOffset: -190,
+                          builder: (context) => AccountPopoverCard(data: user),
                        );
                      },
                    )
--- a/lib/widgets/link_preview.dart
+++ b/lib/widgets/link_preview.dart
@ -26,11 +26,13 @@ class _LinkPreviewWidgetState extends State<LinkPreviewWidget> {

  Future<void> _getLinkMeta() async {
    final linkRegex = RegExp(r'https?:\/\/[^\s/$.?#].[^\s]*');
-    final links = linkRegex.allMatches(widget.text).map((e) => e.group(0)).toSet();
+    final links =
+        linkRegex.allMatches(widget.text).map((e) => e.group(0)).toSet();

    final lp = context.read<SnLinkPreviewProvider>();

-    final List<Future<SnLinkMeta?>> futures = links.where((e) => e != null).map((e) => lp.getLinkMeta(e!)).toList();
+    final List<Future<SnLinkMeta?>> futures =
+        links.where((e) => e != null).map((e) => lp.getLinkMeta(e!)).toList();
    final results = await Future.wait(futures);

    _links.addAll(results.where((e) => e != null).map((e) => e!).toList());
@ -66,7 +68,9 @@ class _LinkPreviewEntry extends StatelessWidget {
  Widget build(BuildContext context) {
    return Container(
      constraints: BoxConstraints(
-        maxWidth: ResponsiveBreakpoints.of(context).smallerOrEqualTo(MOBILE) ? double.infinity : 480,
+        maxWidth: ResponsiveBreakpoints.of(context).smallerOrEqualTo(MOBILE)
+            ? double.infinity
+            : 480,
      ),
      child: GestureDetector(
        child: Card(
@ -74,16 +78,25 @@ class _LinkPreviewEntry extends StatelessWidget {
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              if (meta.image != null)
-                Container(
-                  margin: const EdgeInsets.only(bottom: 4),
-                  color: Theme.of(context).colorScheme.surfaceContainer,
-                  child: AspectRatio(
-                    aspectRatio: 16 / 9,
-                    child: ClipRRect(
-                      borderRadius: const BorderRadius.all(Radius.circular(8)),
-                      child: AutoResizeUniversalImage(
-                        meta.image!.startsWith('//') ? 'https:${meta.image}' : meta.image!,
-                        fit: BoxFit.contain,
+                ClipRRect(
+                  borderRadius: BorderRadius.only(
+                    topLeft: Radius.circular(8),
+                    topRight: Radius.circular(8),
+                  ),
+                  child: Container(
+                    margin: const EdgeInsets.only(bottom: 4),
+                    color: Theme.of(context).colorScheme.surfaceContainer,
+                    child: AspectRatio(
+                      aspectRatio: 16 / 9,
+                      child: ClipRRect(
+                        borderRadius:
+                            const BorderRadius.all(Radius.circular(8)),
+                        child: AutoResizeUniversalImage(
+                          meta.image!.startsWith('//')
+                              ? 'https:${meta.image}'
+                              : meta.image!,
+                          fit: BoxFit.contain,
+                        ),
                      ),
                    ),
                  ),
@ -98,7 +111,8 @@ class _LinkPreviewEntry extends StatelessWidget {
                        width: 36,
                        height: 36,
                        child: meta.icon!.endsWith('.svg')
-                            ? SvgPicture.network(meta.icon!, width: 36, height: 36)
+                            ? SvgPicture.network(meta.icon!,
+                                width: 36, height: 36)
                            : UniversalImage(
                                meta.icon!,
                                noErrorWidget: true,
--- a/lib/widgets/navigation/app_drawer_navigation.dart
+++ b/lib/widgets/navigation/app_drawer_navigation.dart
@ -87,6 +87,7 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
                        onTap: () {
                          GoRouter.of(context).pushNamed(ele.screen);
                          nav.setIndex(idx);
+                          Scaffold.of(context).closeDrawer();
                        },
                      );
                    })
@ -99,6 +100,7 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
                  contentPadding: EdgeInsets.symmetric(horizontal: 24),
                  leading: AccountImage(
                    content: ua.user?.avatar,
+                    backgroundColor: Colors.transparent,
                    fallbackWidget:
                        ua.isAuthorized ? null : const Icon(Symbols.login),
                  ),
@ -121,15 +123,6 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
                            Scaffold.of(context).closeDrawer();
                          },
                        ),
-                      IconButton(
-                        icon: const Icon(Symbols.settings, fill: 1),
-                        padding: EdgeInsets.zero,
-                        visualDensity: VisualDensity.compact,
-                        onPressed: () {
-                          GoRouter.of(context).pushNamed('settings');
-                          Scaffold.of(context).closeDrawer();
-                        },
-                      ),
                    ],
                  ),
                  onTap: () {
--- a/lib/widgets/navigation/app_scaffold.dart
+++ b/lib/widgets/navigation/app_scaffold.dart
@ -282,7 +282,7 @@ class ResponsiveScaffoldLanding extends StatelessWidget {
  Widget build(BuildContext context) {
    if (ResponsiveScaffold.getIsExpand(context) || child == null) {
      return AppScaffold(
-        noBackground: true,
+        noBackground: ResponsiveScaffold.getIsExpand(context),
        appBar: AppBar(),
        body: const SizedBox.shrink(),
      );
--- a/lib/widgets/post/post_comment_list.dart
+++ b/lib/widgets/post/post_comment_list.dart
@ -179,57 +179,54 @@ class _PostCommentListPopupState extends State<PostCommentListPopup> {
    final ua = context.watch<UserProvider>();
    final devicePixelRatio = MediaQuery.of(context).devicePixelRatio;

-    return SizedBox(
-      height: MediaQuery.of(context).size.height * 0.85,
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          Row(
-            crossAxisAlignment: CrossAxisAlignment.center,
-            children: [
-              const Icon(Symbols.comment, size: 24),
-              const Gap(16),
-              Text('postCommentsDetailed')
-                  .plural(widget.commentCount)
-                  .textStyle(Theme.of(context).textTheme.titleLarge!),
-            ],
-          ).padding(horizontal: 20, top: 16, bottom: 12),
-          Expanded(
-            child: CustomScrollView(
-              slivers: [
-                if (ua.isAuthorized)
-                  SliverToBoxAdapter(
-                    child: Container(
-                      margin: const EdgeInsets.only(bottom: 8),
-                      height: 240,
-                      decoration: BoxDecoration(
-                        border: Border.symmetric(
-                          horizontal: BorderSide(
-                            color: Theme.of(context).dividerColor,
-                            width: 1 / devicePixelRatio,
-                          ),
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const Icon(Symbols.comment, size: 24),
+            const Gap(16),
+            Text('postCommentsDetailed')
+                .plural(widget.commentCount)
+                .textStyle(Theme.of(context).textTheme.titleLarge!),
+          ],
+        ).padding(horizontal: 20, top: 16, bottom: 12),
+        Expanded(
+          child: CustomScrollView(
+            slivers: [
+              if (ua.isAuthorized)
+                SliverToBoxAdapter(
+                  child: Container(
+                    margin: const EdgeInsets.only(bottom: 8),
+                    height: 240,
+                    decoration: BoxDecoration(
+                      border: Border.symmetric(
+                        horizontal: BorderSide(
+                          color: Theme.of(context).dividerColor,
+                          width: 1 / devicePixelRatio,
                        ),
                      ),
-                      child: PostMiniEditor(
-                        postReplyId: widget.post.id,
-                        onPost: () {
-                          _childListKey.currentState!.refresh();
-                        },
-                        onExpand: () {
-                          Navigator.pop(context);
-                        },
-                      ),
+                    ),
+                    child: PostMiniEditor(
+                      postReplyId: widget.post.id,
+                      onPost: () {
+                        _childListKey.currentState!.refresh();
+                      },
+                      onExpand: () {
+                        Navigator.pop(context);
+                      },
                    ),
                  ),
-                PostCommentSliverList(
-                  parentPost: widget.post,
-                  key: _childListKey,
                ),
-              ],
-            ),
+              PostCommentSliverList(
+                parentPost: widget.post,
+                key: _childListKey,
+              ),
+            ],
          ),
-        ],
-      ),
+        ),
+      ],
    );
  }
 }
--- a/lib/widgets/post/post_item.dart
+++ b/lib/widgets/post/post_item.dart
@ -12,7 +12,6 @@ import 'package:go_router/go_router.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:path_provider/path_provider.dart';
-import 'package:popover/popover.dart';
 import 'package:provider/provider.dart';
 import 'package:qr_flutter/qr_flutter.dart';
 import 'package:relative_time/relative_time.dart';
@ -274,8 +273,10 @@ class _PostItemState extends State<PostItem> {
    final isParentAuthor = ua.isAuthorized &&
        widget.data.replyTo?.publisher.accountId == ua.user?.id;

-    final displayableAttachments = widget.data.preload?.attachments
-        ?.where((ele) =>
+    final displayableAttachments = widget.data.body['attachments']
+        ?.map((e) => SnAttachment.fromJson(e))
+        .cast<SnAttachment>()
+        .where((ele) =>
            ele?.mediaType != SnMediaType.image ||
            widget.data.type != 'article')
        .toList();
@ -284,7 +285,7 @@ class _PostItemState extends State<PostItem> {

    var attachmentSize = math.min(
        MediaQuery.of(context).size.width, widget.maxWidth ?? double.infinity);
-    if ((widget.data.preload?.attachments?.length ?? 0) > 1) {
+    if ((widget.data.body['attachments']?.length ?? 0) > 1) {
      attachmentSize -= 80;
    }

@ -341,7 +342,7 @@ class _PostItemState extends State<PostItem> {
                  ],
                ),
                const Gap(8),
-                if (widget.data.preload?.thumbnail != null)
+                if (widget.data.body['thumbnail'] != null)
                  Container(
                    margin: const EdgeInsets.only(bottom: 8),
                    decoration: BoxDecoration(
@ -361,14 +362,14 @@ class _PostItemState extends State<PostItem> {
                        ),
                        child: AutoResizeUniversalImage(
                          sn.getAttachmentUrl(
-                            widget.data.preload!.thumbnail!.rid,
+                            widget.data.body['thumbnail']['rid'],
                          ),
                          fit: BoxFit.cover,
                        ),
                      ),
                    ),
                  ),
-                if (widget.data.preload?.video != null)
+                if (widget.data.body['video'] != null)
                  _PostVideoPlayer(data: widget.data).padding(bottom: 8),
                if (widget.data.type == 'question')
                  _PostQuestionHint(data: widget.data).padding(bottom: 8),
@ -455,10 +456,10 @@ class _PostItemState extends State<PostItem> {
                    if (widget.data.repostTo != null)
                      _PostQuoteContent(child: widget.data.repostTo!).padding(
                        top: 4,
-                        bottom: widget.data.preload?.attachments?.isNotEmpty ??
-                                false
-                            ? 12
-                            : 0,
+                        bottom:
+                            widget.data.body['attachments'].isNotEmpty ?? false
+                                ? 12
+                                : 0,
                      ),
                  ],
                ).padding(
@ -479,11 +480,11 @@ class _PostItemState extends State<PostItem> {
              fit: widget.showFullPost ? BoxFit.cover : BoxFit.contain,
              padding: EdgeInsets.only(left: 12, right: 12),
            ),
-          if (widget.data.preload?.poll != null)
+          if (widget.data.poll != null)
            StyledWidget(Container(
              constraints:
                  BoxConstraints(maxWidth: widget.maxWidth ?? double.infinity),
-              child: PostPoll(poll: widget.data.preload!.poll!),
+              child: PostPoll(poll: widget.data.poll!),
            ))
                .padding(
                  left: 12,
@ -585,7 +586,7 @@ class _PostItemState extends State<PostItem> {
                            ),
                          ],
                        ).padding(bottom: widget.showCompactAvatar ? 4 : 0),
-                        if (widget.data.preload?.thumbnail != null)
+                        if (widget.data.body['thumbnail'] != null)
                          Container(
                            margin: const EdgeInsets.only(bottom: 8),
                            decoration: BoxDecoration(
@ -605,14 +606,14 @@ class _PostItemState extends State<PostItem> {
                                ),
                                child: AutoResizeUniversalImage(
                                  sn.getAttachmentUrl(
-                                    widget.data.preload!.thumbnail!.rid,
+                                    widget.data.body['thumbnail']['rid'],
                                  ),
                                  fit: BoxFit.cover,
                                ),
                              ),
                            ),
                          ),
-                        if (widget.data.preload?.video != null)
+                        if (widget.data.body['video'] != null)
                          _PostVideoPlayer(data: widget.data)
                              .padding(bottom: 8),
                        if (widget.data.type == 'question')
@ -712,7 +713,7 @@ class _PostItemState extends State<PostItem> {
                                      _isTranslated ||
                                      _isTranslating) &&
                                  (widget.data.repostTo != null ||
-                                      (widget.data.preload?.attachments
+                                      (widget.data.body['attachments']
                                              ?.isNotEmpty ??
                                          false))
                              ? 8
@ -722,7 +723,7 @@ class _PostItemState extends State<PostItem> {
                          _PostQuoteContent(child: widget.data.repostTo!)
                              .padding(
                            bottom:
-                                (widget.data.preload?.attachments?.isNotEmpty ??
+                                (widget.data.body['attachments']?.isNotEmpty ??
                                        false)
                                    ? 8
                                    : 0,
@ -746,8 +747,8 @@ class _PostItemState extends State<PostItem> {
            padding:
                EdgeInsets.only(left: widget.showAvatar ? 60 : 12, right: 12),
          ),
-        if (widget.data.preload?.poll != null)
-          PostPoll(poll: widget.data.preload!.poll!).padding(
+        if (widget.data.poll != null)
+          PostPoll(poll: widget.data.poll!).padding(
            left: widget.showAvatar ? 60 : 12,
            right: 12,
            top: 12,
@ -808,7 +809,7 @@ class PostShareImageWidget extends StatelessWidget {
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisSize: MainAxisSize.min,
        children: [
-          if (data.preload?.thumbnail != null)
+          if (data.body['thumbnail'] != null)
            AspectRatio(
              aspectRatio: 16 / 9,
              child: ClipRRect(
@ -817,7 +818,7 @@ class PostShareImageWidget extends StatelessWidget {
                  topRight: Radius.circular(8),
                ),
                child: AutoResizeUniversalImage(
-                  sn.getAttachmentUrl(data.preload!.thumbnail!.rid),
+                  sn.getAttachmentUrl(data.body['thumbnail']['rid']),
                  fit: BoxFit.cover,
                  filterQuality: FilterQuality.high,
                ),
@ -855,9 +856,13 @@ class PostShareImageWidget extends StatelessWidget {
              isRelativeDate: false,
            ).padding(horizontal: 16, bottom: 8),
          if (data.type != 'article' &&
-              (data.preload?.attachments?.isNotEmpty ?? false))
+              (data.body['attachments']?.isNotEmpty ?? false))
            StyledWidget(AttachmentList(
-              data: data.preload!.attachments!,
+              data: data.body['attachments']
+                      ?.map((e) => SnAttachment.fromJson(e))
+                      .cast<SnAttachment>()
+                      .toList() ??
+                  [],
              columned: true,
              fit: BoxFit.contain,
              filterQuality: FilterQuality.high,
@ -1146,31 +1151,9 @@ class _PostHeadline extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    if (isEnlarge) {
-      final sn = context.read<SnNetworkProvider>();
      return Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
-          if (data.preload?.thumbnail != null)
-            Container(
-              margin: const EdgeInsets.only(bottom: 8),
-              decoration: BoxDecoration(
-                borderRadius: const BorderRadius.all(Radius.circular(8)),
-                border: Border.all(
-                  color: Theme.of(context).dividerColor,
-                  width: 1,
-                ),
-              ),
-              child: AspectRatio(
-                aspectRatio: 16 / 9,
-                child: ClipRRect(
-                  borderRadius: const BorderRadius.all(Radius.circular(8)),
-                  child: AutoResizeUniversalImage(
-                    sn.getAttachmentUrl(data.preload!.thumbnail!.rid),
-                    fit: BoxFit.cover,
-                  ),
-                ),
-              ),
-            ),
          if (data.body['title'] != null || (title?.isNotEmpty ?? false))
            Text(
              title ?? data.body['title'],
@ -1255,7 +1238,7 @@ class _PostAvatar extends StatelessWidget {
        : null;

    return GestureDetector(
-      child: data.preload?.realm == null
+      child: data.realm == null
          ? AccountImage(
              filterQuality: filterQuality,
              content: data.publisher.avatar,
@ -1271,7 +1254,7 @@ class _PostAvatar extends StatelessWidget {
            )
          : AccountImage(
              filterQuality: filterQuality,
-              content: data.preload!.realm!.avatar,
+              content: data.realm!.avatar,
              radius: isCompact ? 12 : 20,
              borderRadius: isCompact ? 4 : 8,
              badgeOffset: Offset(-6, -4),
@ -1290,20 +1273,11 @@ class _PostAvatar extends StatelessWidget {
              ),
            ),
      onTap: () {
-        showPopover(
-          backgroundColor: Theme.of(context).colorScheme.surface,
+        showModalBottomSheet(
          context: context,
-          transition: PopoverTransition.other,
-          bodyBuilder: (context) => SizedBox(
-            width: math.min(400, MediaQuery.of(context).size.width - 10),
-            child: PublisherPopoverCard(
-              data: data.publisher,
-            ),
+          builder: (context) => PublisherPopoverCard(
+            data: data.publisher,
          ),
-          direction: PopoverDirection.bottom,
-          arrowHeight: 5,
-          arrowWidth: 15,
-          arrowDxOffset: -190,
        );
      },
    );
@ -1568,6 +1542,7 @@ class _PostContentHeader extends StatelessWidget {
  Widget build(BuildContext context) {
    if (isCompact) {
      return Row(
+        spacing: 4,
        children: [
          Flexible(
            child: Text(
@ -1575,7 +1550,6 @@ class _PostContentHeader extends StatelessWidget {
              maxLines: 1,
            ).bold(),
          ),
-          const Gap(4),
          Flexible(
            child: Text(
              isRelativeDate
@ -1587,6 +1561,10 @@ class _PostContentHeader extends StatelessWidget {
              overflow: TextOverflow.fade,
            ).fontSize(13).opacity(0.8),
          ),
+          if (data.editedAt != null)
+            Flexible(
+              child: Text('postEditedHint').tr().fontSize(13).opacity(0.8),
+            )
        ],
      );
    } else {
@ -1596,20 +1574,20 @@ class _PostContentHeader extends StatelessWidget {
          Row(
            children: [
              Text(data.publisher.nick).bold(),
-              if (data.preload?.realm != null)
+              if (data.realm != null)
                const Icon(Symbols.arrow_right, size: 16)
                    .padding(horizontal: 2)
                    .opacity(0.5),
-              if (data.preload?.realm != null) Text(data.preload!.realm!.name),
+              if (data.realm != null) Text(data.realm!.name),
            ],
          ),
          Row(
+            spacing: 4,
            children: [
              Text(
                '@${data.publisher.name}',
                maxLines: 1,
              ).fontSize(13),
-              const Gap(4),
              Text(
                isRelativeDate
                    ? RelativeTime(context)
@ -1619,6 +1597,8 @@ class _PostContentHeader extends StatelessWidget {
                maxLines: 1,
                overflow: TextOverflow.fade,
              ).fontSize(13),
+              if (data.editedAt != null)
+                Text('postEditedHint').tr().fontSize(13),
            ],
          ).opacity(0.8),
        ],
@ -1648,7 +1628,11 @@ class _PostContentBody extends StatelessWidget {
          RegExp(r"^:([-\w]+):$").hasMatch(data.body['content'] ?? ''),
      textScaler: isEnlarge ? TextScaler.linear(1.1) : null,
      content: text,
-      attachments: data.preload?.attachments,
+      attachments: data.body['attachments']
+              ?.map((e) => SnAttachment.fromJson(e))
+              .cast<SnAttachment>()
+              .toList() ??
+          [],
    );

    if (isSelectable) {
@ -1706,14 +1690,14 @@ class _PostQuoteContent extends StatelessWidget {
              ],
            ).padding(horizontal: 16),
            if (child.type != 'article' &&
-                (child.preload?.attachments?.isNotEmpty ?? false))
+                (child.body['attachments']?.isNotEmpty ?? false))
              ClipRRect(
                borderRadius: const BorderRadius.only(
                  bottomLeft: Radius.circular(8),
                  bottomRight: Radius.circular(8),
                ),
                child: AttachmentList(
-                  data: child.preload!.attachments!,
+                  data: child.body['attachments']!,
                  maxHeight: 360,
                  minWidth: 640,
                  fit: BoxFit.contain,
@ -2062,8 +2046,6 @@ class _PostFeaturedCommentState extends State<_PostFeaturedComment> {
          onTap: () {
            showModalBottomSheet(
              context: context,
-              useRootNavigator: true,
-              isScrollControlled: true,
              builder: (context) => PostCommentListPopup(
                post: widget.data,
                commentCount: widget.data.metric.replyCount,
@ -2352,7 +2334,7 @@ class _PostVideoPlayer extends StatelessWidget {
        child: ClipRRect(
          borderRadius: const BorderRadius.all(Radius.circular(8)),
          child: AttachmentItem(
-            data: data.preload!.video!,
+            data: data.body['video'],
            heroTag: 'post-video-${data.id}',
          ),
        ),
--- a/lib/widgets/post/publisher_popover.dart
+++ b/lib/widgets/post/publisher_popover.dart
@ -24,125 +24,137 @@ class PublisherPopoverCard extends StatelessWidget {

    final user = data.type == 0 ? ud.getFromCache(data.accountId) : null;

-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      mainAxisSize: MainAxisSize.min,
-      children: [
-        if (data.banner.isNotEmpty)
-          Container(
-            color: Theme.of(context).colorScheme.surfaceContainer,
-            child: AspectRatio(
-              aspectRatio: 16 / 7,
-              child: AutoResizeUniversalImage(
-                sn.getAttachmentUrl(data.banner),
-                fit: BoxFit.cover,
+    return SingleChildScrollView(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          if (data.banner.isNotEmpty)
+            ClipRRect(
+              borderRadius: BorderRadius.circular(16),
+              child: Container(
+                color: Theme.of(context).colorScheme.surfaceContainer,
+                child: AspectRatio(
+                  aspectRatio: 16 / 7,
+                  child: AutoResizeUniversalImage(
+                    sn.getAttachmentUrl(data.banner),
+                    fit: BoxFit.cover,
+                  ),
+                ),
              ),
-            ),
-          ),
-        // Top padding
-        Gap(16),
-        Row(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            AccountImage(
-              content: data.avatar,
-              radius: 20,
-              borderRadius: data.type == 1 ? 8 : 20,
-            ),
+            ).padding(all: 16)
+          else
+            // Top padding
            Gap(16),
-            Expanded(
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                mainAxisSize: MainAxisSize.min,
-                children: [
-                  Text(data.nick).bold(),
-                  Text('@${data.name}').fontSize(13).opacity(0.75),
-                ],
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              AccountImage(
+                content: data.avatar,
+                radius: 20,
+                borderRadius: data.type == 1 ? 8 : 20,
              ),
-            ),
-            IconButton(
-              onPressed: () {
-                Navigator.pop(context);
-                GoRouter.of(context).pushNamed(
-                  'postPublisher',
-                  pathParameters: {'name': data.name},
-                );
-              },
-              icon: const Icon(Symbols.chevron_right),
-              padding: EdgeInsets.zero,
-              visualDensity: const VisualDensity(horizontal: -4, vertical: -4),
-            ),
-            const Gap(8)
-          ],
-        ).padding(horizontal: 16),
-        if (user != null && user.badges.isNotEmpty)
-          Wrap(
-            spacing: 4,
-            children: user.badges
-                .map(
-                  (ele) => AccountBadge(badge: ele),
-                )
-                .toList(),
-          ).padding(horizontal: 24, top: 16),
-        const Gap(16),
-        if (data.description.isNotEmpty)
-          Text(
-            data.description,
-            maxLines: 2,
-            overflow: TextOverflow.ellipsis,
-          ).padding(horizontal: 26, bottom: 20),
-        Row(
-          children: [
-            Expanded(
-              child: Column(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.center,
-                children: [
-                  Text('publisherSocialPoint').tr().fontSize(13).opacity(0.75),
-                  Text((data.totalUpvote - data.totalDownvote).toString()),
-                ],
+              Gap(16),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Text(data.nick).bold(),
+                    Text('@${data.name}').fontSize(13).opacity(0.75),
+                  ],
+                ),
              ),
-            ),
-            SizedBox(
-              height: 20,
-              child: const VerticalDivider(
-                thickness: 1,
+              IconButton(
+                onPressed: () {
+                  Navigator.pop(context);
+                  GoRouter.of(context).pushNamed(
+                    'postPublisher',
+                    pathParameters: {'name': data.name},
+                  );
+                },
+                icon: const Icon(Symbols.chevron_right),
+                padding: EdgeInsets.zero,
+                visualDensity:
+                    const VisualDensity(horizontal: -4, vertical: -4),
              ),
-            ).padding(horizontal: 8),
-            Expanded(
-              child: Column(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.center,
-                children: [
-                  Text('publisherTotalUpvote').tr().fontSize(13).opacity(0.75),
-                  Text(data.totalUpvote.toString()),
-                ],
+              const Gap(8)
+            ],
+          ).padding(horizontal: 16),
+          if (user != null && user.badges.isNotEmpty)
+            Wrap(
+              spacing: 4,
+              children: user.badges
+                  .map(
+                    (ele) => AccountBadge(badge: ele),
+                  )
+                  .toList(),
+            ).padding(horizontal: 24, top: 16),
+          const Gap(16),
+          if (data.description.isNotEmpty)
+            Text(
+              data.description,
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
+            ).padding(horizontal: 26, bottom: 20),
+          Row(
+            children: [
+              Expanded(
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Text('publisherSocialPoint')
+                        .tr()
+                        .fontSize(13)
+                        .opacity(0.75),
+                    Text((data.totalUpvote - data.totalDownvote).toString()),
+                  ],
+                ),
              ),
-            ),
-            SizedBox(
-              height: 20,
-              child: const VerticalDivider(
-                thickness: 1,
+              SizedBox(
+                height: 20,
+                child: const VerticalDivider(
+                  thickness: 1,
+                ),
+              ).padding(horizontal: 8),
+              Expanded(
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Text('publisherTotalUpvote')
+                        .tr()
+                        .fontSize(13)
+                        .opacity(0.75),
+                    Text(data.totalUpvote.toString()),
+                  ],
+                ),
              ),
-            ).padding(horizontal: 8),
-            Expanded(
-              child: Column(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.center,
-                children: [
-                  Text('publisherTotalDownvote')
-                      .tr()
-                      .fontSize(13)
-                      .opacity(0.75),
-                  Text(data.totalDownvote.toString()),
-                ],
+              SizedBox(
+                height: 20,
+                child: const VerticalDivider(
+                  thickness: 1,
+                ),
+              ).padding(horizontal: 8),
+              Expanded(
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Text('publisherTotalDownvote')
+                        .tr()
+                        .fontSize(13)
+                        .opacity(0.75),
+                    Text(data.totalDownvote.toString()),
+                  ],
+                ),
              ),
-            ),
-          ],
-        ).padding(horizontal: 16),
-        // Bottom padding
-        const Gap(16),
-      ],
+            ],
+          ).padding(horizontal: 16),
+          // Bottom padding
+          const Gap(64),
+        ],
+      ),
    );
  }
 }
--- a/lib/widgets/unauthorized_hint.dart
+++ b/lib/widgets/unauthorized_hint.dart
@ -40,6 +40,7 @@ class UnauthorizedHint extends StatelessWidget {
          GoRouter.of(context).pushNamed('authLogin').then((value) {
            if (value == true && context.mounted) {
              final ua = context.read<UserProvider>();
+              ua.refreshUser();
              context.showSnackbar('loginSuccess'.tr(args: [
                '@${ua.user?.name} (${ua.user?.nick})',
              ]));
--- a/lib/widgets/updater.dart
+++ b/lib/widgets/updater.dart
@ -25,7 +25,7 @@ class VersionUpdatePopup extends StatelessWidget {

    if (Platform.isAndroid) {
      final model = UpdateModel(
-        'https://files.solsynth.dev/d/production01/solian/app-arm64-v8a-release.apk',
+        'https://files.solsynth.dev/d/c1/solian/app-arm64-v8a-release.apk',
        'solian-app-release-${config.updatableVersion!}.apk',
        'ic_launcher',
        'https://apps.apple.com/us/app/solian/id6499032345',
--- a/macos/Flutter/GeneratedPluginRegistrant.swift
+++ b/macos/Flutter/GeneratedPluginRegistrant.swift
@ -24,6 +24,7 @@ import gal
 import hotkey_manager_macos
 import in_app_review
 import livekit_client
+import livekit_noise_filter
 import local_notifier
 import media_kit_libs_macos_video
 import media_kit_video
@ -60,6 +61,7 @@ func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
  HotkeyManagerMacosPlugin.register(with: registry.registrar(forPlugin: "HotkeyManagerMacosPlugin"))
  InAppReviewPlugin.register(with: registry.registrar(forPlugin: "InAppReviewPlugin"))
  LiveKitPlugin.register(with: registry.registrar(forPlugin: "LiveKitPlugin"))
+  LiveKitKrispNoiseFilterPlugin.register(with: registry.registrar(forPlugin: "LiveKitKrispNoiseFilterPlugin"))
  LocalNotifierPlugin.register(with: registry.registrar(forPlugin: "LocalNotifierPlugin"))
  MediaKitLibsMacosVideoPlugin.register(with: registry.registrar(forPlugin: "MediaKitLibsMacosVideoPlugin"))
  MediaKitVideoPlugin.register(with: registry.registrar(forPlugin: "MediaKitVideoPlugin"))
--- a/macos/Podfile.lock
+++ b/macos/Podfile.lock
@ -17,59 +17,59 @@ PODS:
    - FlutterMacOS
  - file_selector_macos (0.0.1):
    - FlutterMacOS
-  - Firebase/Analytics (11.8.0):
+  - Firebase/Analytics (11.10.0):
    - Firebase/Core
-  - Firebase/Core (11.8.0):
+  - Firebase/Core (11.10.0):
    - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 11.8.0)
-  - Firebase/CoreOnly (11.8.0):
-    - FirebaseCore (~> 11.8.0)
-  - Firebase/Messaging (11.8.0):
+    - FirebaseAnalytics (~> 11.10.0)
+  - Firebase/CoreOnly (11.10.0):
+    - FirebaseCore (~> 11.10.0)
+  - Firebase/Messaging (11.10.0):
    - Firebase/CoreOnly
-    - FirebaseMessaging (~> 11.8.0)
-  - firebase_analytics (11.4.4):
-    - Firebase/Analytics (= 11.8.0)
+    - FirebaseMessaging (~> 11.10.0)
+  - firebase_analytics (11.4.5):
+    - Firebase/Analytics (= 11.10.0)
    - firebase_core
    - FlutterMacOS
-  - firebase_core (3.12.1):
-    - Firebase/CoreOnly (~> 11.8.0)
+  - firebase_core (3.13.0):
+    - Firebase/CoreOnly (~> 11.10.0)
    - FlutterMacOS
-  - firebase_messaging (15.2.4):
-    - Firebase/CoreOnly (~> 11.8.0)
-    - Firebase/Messaging (~> 11.8.0)
+  - firebase_messaging (15.2.5):
+    - Firebase/CoreOnly (~> 11.10.0)
+    - Firebase/Messaging (~> 11.10.0)
    - firebase_core
    - FlutterMacOS
-  - FirebaseAnalytics (11.8.0):
-    - FirebaseAnalytics/AdIdSupport (= 11.8.0)
-    - FirebaseCore (~> 11.8.0)
+  - FirebaseAnalytics (11.10.0):
+    - FirebaseAnalytics/AdIdSupport (= 11.10.0)
+    - FirebaseCore (~> 11.10.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseAnalytics/AdIdSupport (11.8.0):
-    - FirebaseCore (~> 11.8.0)
+  - FirebaseAnalytics/AdIdSupport (11.10.0):
+    - FirebaseCore (~> 11.10.0)
    - FirebaseInstallations (~> 11.0)
-    - GoogleAppMeasurement (= 11.8.0)
+    - GoogleAppMeasurement (= 11.10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseCore (11.8.1):
-    - FirebaseCoreInternal (~> 11.8.0)
+  - FirebaseCore (11.10.0):
+    - FirebaseCoreInternal (~> 11.10.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/Logger (~> 8.0)
-  - FirebaseCoreInternal (11.8.0):
+  - FirebaseCoreInternal (11.10.0):
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseInstallations (11.8.0):
-    - FirebaseCore (~> 11.8.0)
+  - FirebaseInstallations (11.10.0):
+    - FirebaseCore (~> 11.10.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/UserDefaults (~> 8.0)
    - PromisesObjC (~> 2.4)
-  - FirebaseMessaging (11.8.0):
-    - FirebaseCore (~> 11.8.0)
+  - FirebaseMessaging (11.10.0):
+    - FirebaseCore (~> 11.10.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleDataTransport (~> 10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
@ -92,21 +92,21 @@ PODS:
  - gal (1.0.0):
    - Flutter
    - FlutterMacOS
-  - GoogleAppMeasurement (11.8.0):
-    - GoogleAppMeasurement/AdIdSupport (= 11.8.0)
+  - GoogleAppMeasurement (11.10.0):
+    - GoogleAppMeasurement/AdIdSupport (= 11.10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/AdIdSupport (11.8.0):
-    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.8.0)
+  - GoogleAppMeasurement/AdIdSupport (11.10.0):
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/WithoutAdIdSupport (11.8.0):
+  - GoogleAppMeasurement/WithoutAdIdSupport (11.10.0):
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
@ -152,6 +152,11 @@ PODS:
    - flutter_webrtc
    - FlutterMacOS
    - WebRTC-SDK (= 125.6422.06)
+  - livekit_noise_filter (0.0.1):
+    - flutter_webrtc
+    - FlutterMacOS
+    - LiveKitKrispNoiseFilter (= 0.0.7)
+  - LiveKitKrispNoiseFilter (0.0.7)
  - local_notifier (0.1.0):
    - FlutterMacOS
  - media_kit_libs_macos_video (1.0.4):
@ -237,6 +242,7 @@ DEPENDENCIES:
  - hotkey_manager_macos (from `Flutter/ephemeral/.symlinks/plugins/hotkey_manager_macos/macos`)
  - in_app_review (from `Flutter/ephemeral/.symlinks/plugins/in_app_review/macos`)
  - livekit_client (from `Flutter/ephemeral/.symlinks/plugins/livekit_client/macos`)
+  - livekit_noise_filter (from `Flutter/ephemeral/.symlinks/plugins/livekit_noise_filter/macos`)
  - local_notifier (from `Flutter/ephemeral/.symlinks/plugins/local_notifier/macos`)
  - media_kit_libs_macos_video (from `Flutter/ephemeral/.symlinks/plugins/media_kit_libs_macos_video/macos`)
  - media_kit_video (from `Flutter/ephemeral/.symlinks/plugins/media_kit_video/macos`)
@ -265,6 +271,7 @@ SPEC REPOS:
    - GoogleDataTransport
    - GoogleUtilities
    - HotKey
+    - LiveKitKrispNoiseFilter
    - nanopb
    - OrderedSet
    - PromisesObjC
@ -315,6 +322,8 @@ EXTERNAL SOURCES:
    :path: Flutter/ephemeral/.symlinks/plugins/in_app_review/macos
  livekit_client:
    :path: Flutter/ephemeral/.symlinks/plugins/livekit_client/macos
+  livekit_noise_filter:
+    :path: Flutter/ephemeral/.symlinks/plugins/livekit_noise_filter/macos
  local_notifier:
    :path: Flutter/ephemeral/.symlinks/plugins/local_notifier/macos
  media_kit_libs_macos_video:
@ -356,28 +365,30 @@ SPEC CHECKSUMS:
  file_picker: 7584aae6fa07a041af2b36a2655122d42f578c1a
  file_saver: e35bd97de451dde55ff8c38862ed7ad0f3418d0f
  file_selector_macos: 6280b52b459ae6c590af5d78fc35c7267a3c4b31
-  Firebase: d80354ed7f6df5f9aca55e9eb47cc4b634735eaf
-  firebase_analytics: 2c7864ab677e8a178a6dd4126de1d19e9d9a7bf3
-  firebase_core: 3dcdf8453dfb144a023ee70f49e0463b97177f71
-  firebase_messaging: 96fe41b2f8b5bee4e0f21df8d716cb8c9293448c
-  FirebaseAnalytics: 4fd42def128146e24e480e89f310e3d8534ea42b
-  FirebaseCore: 99fe0c4b44a39f37d99e6404e02009d2db5d718d
-  FirebaseCoreInternal: df24ce5af28864660ecbd13596fc8dd3a8c34629
-  FirebaseInstallations: 6c963bd2a86aca0481eef4f48f5a4df783ae5917
-  FirebaseMessaging: 487b634ccdf6f7b7ff180fdcb2a9935490f764e8
+  Firebase: 1fe1c0a7d9aaea32efe01fbea5f0ebd8d70e53a2
+  firebase_analytics: 5f4b20b5f700bcae2f800c69a63e79d937d0daa9
+  firebase_core: efd50ad8177dc489af1b9163a560359cf1b30597
+  firebase_messaging: acf2566068a55d7eb8cddfee5b094754070a5b88
+  FirebaseAnalytics: 4e42333f02cf78ed93703a5c36f36dd518aebdef
+  FirebaseCore: 8344daef5e2661eb004b177488d6f9f0f24251b7
+  FirebaseCoreInternal: ef4505d2afb1d0ebbc33162cb3795382904b5679
+  FirebaseInstallations: 9980995bdd06ec8081dfb6ab364162bdd64245c3
+  FirebaseMessaging: 2b9f56aa4ed286e1f0ce2ee1d413aabb8f9f5cb9
  flutter_inappwebview_macos: c2d68649f9f8f1831bfcd98d73fd6256366d9d1d
  flutter_timezone: d59eea86178cbd7943cd2431cc2eaa9850f935d8
  flutter_udid: d26e455e8c06174e6aff476e147defc6cae38495
  flutter_webrtc: 377dbcebdde6fed0fc40de87bcaaa2bffcec9a88
  FlutterMacOS: 8f6f14fa908a6fb3fba0cd85dbd81ec4b251fb24
  gal: baecd024ebfd13c441269ca7404792a7152fde89
-  GoogleAppMeasurement: fc0817122bd4d4189164f85374e06773b9561896
+  GoogleAppMeasurement: 36684bfb3ee034e2b42b4321eb19da3a1b81e65d
  GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
  GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
  HotKey: 400beb7caa29054ea8d864c96f5ba7e5b4852277
  hotkey_manager_macos: a4317849af96d2430fa89944d3c58977ca089fbe
  in_app_review: 0599bccaed5e02f6bed2b0d30d16f86b63ed8638
  livekit_client: 35690bf9861be6325a6f7d11bb38d50c7c9fed80
+  livekit_noise_filter: c5710c0871ef3621b48c0b44d3c3ff938ba414b2
+  LiveKitKrispNoiseFilter: efe418ceca28163ace0ff222bd2cc02384645d84
  local_notifier: ebf072651e35ae5e47280ad52e2707375cb2ae4e
  media_kit_libs_macos_video: 85a23e549b5f480e72cae3e5634b5514bc692f65
  media_kit_video: fa6564e3799a0a28bff39442334817088b7ca758
--- a/pubspec.lock
+++ b/pubspec.lock
@ -13,10 +13,10 @@ packages:
    dependency: transitive
    description:
      name: _flutterfire_internals
-      sha256: "7fd72d77a7487c26faab1d274af23fb008763ddc10800261abbfb2c067f183d5"
+      sha256: de9ecbb3ddafd446095f7e833c853aff2fa1682b017921fe63a833f9d6f0e422
      url: "https://pub.dev"
    source: hosted
-    version: "1.3.53"
+    version: "1.3.54"
  analyzer:
    dependency: transitive
    description:
@ -597,10 +597,10 @@ packages:
    dependency: "direct main"
    description:
      name: file_picker
-      sha256: "8d938fd5c11dc81bf1acd4f7f0486c683fe9e79a0b13419e27730f9ce4d8a25b"
+      sha256: "36a1652d99cb6bf8ccc8b9f43aded1fd60b234d23ce78af422c07f950a436ef7"
      url: "https://pub.dev"
    source: hosted
-    version: "9.2.1"
+    version: "10.0.0"
  file_saver:
    dependency: "direct main"
    description:
@ -645,34 +645,34 @@ packages:
    dependency: "direct main"
    description:
      name: firebase_analytics
-      sha256: "81a582e9348216fcf6b30878487369325bf78b8ddd752ed176949c8e4fd4aaac"
+      sha256: "2416b9d864412ab7b571dafded801bbcc7e29b5824623c055002d4d0819bea2b"
      url: "https://pub.dev"
    source: hosted
-    version: "11.4.4"
+    version: "11.4.5"
  firebase_analytics_platform_interface:
    dependency: transitive
    description:
      name: firebase_analytics_platform_interface
-      sha256: "5ae7bd4a551b67009cd0676f5407331b202eaf16e0a80dcf7b40cd0a34a18746"
+      sha256: "3ccf5c876a8bea186016de4bcf53fc1bc6fa01236d740fb501d7ef9be356c58e"
      url: "https://pub.dev"
    source: hosted
-    version: "4.3.4"
+    version: "4.3.5"
  firebase_analytics_web:
    dependency: transitive
    description:
      name: firebase_analytics_web
-      sha256: "15fd7459fea2a00958dbf9b86cd8ad14d3ce2db13950308af7c7717e89ccc5c2"
+      sha256: "5e4e3f001b67c2034b76cb2a42a0eed330fb3a8fb41ad13eceb04e8d9a74f662"
      url: "https://pub.dev"
    source: hosted
-    version: "0.5.10+10"
+    version: "0.5.10+11"
  firebase_core:
    dependency: "direct main"
    description:
      name: firebase_core
-      sha256: f4d8f49574a4e396f34567f3eec4d38ab9c3910818dec22ca42b2a467c685d8b
+      sha256: "017d17d9915670e6117497e640b2859e0b868026ea36bf3a57feb28c3b97debe"
      url: "https://pub.dev"
    source: hosted
-    version: "3.12.1"
+    version: "3.13.0"
  firebase_core_platform_interface:
    dependency: transitive
    description:
@ -685,34 +685,34 @@ packages:
    dependency: transitive
    description:
      name: firebase_core_web
-      sha256: faa5a76f6380a9b90b53bc3bdcb85bc7926a382e0709b9b5edac9f7746651493
+      sha256: "129a34d1e0fb62e2b488d988a1fc26cc15636357e50944ffee2862efe8929b23"
      url: "https://pub.dev"
    source: hosted
-    version: "2.21.1"
+    version: "2.22.0"
  firebase_messaging:
    dependency: "direct main"
    description:
      name: firebase_messaging
-      sha256: "5fc345c6341f9dc69fd0ffcbf508c784fd6d1b9e9f249587f30434dd8b6aa281"
+      sha256: "5f8918848ee0c8eb172fc7698619b2bcd7dda9ade8b93522c6297dd8f9178356"
      url: "https://pub.dev"
    source: hosted
-    version: "15.2.4"
+    version: "15.2.5"
  firebase_messaging_platform_interface:
    dependency: transitive
    description:
      name: firebase_messaging_platform_interface
-      sha256: a935924cf40925985c8049df4968b1dde5c704f570f3ce380b31d3de6990dd94
+      sha256: "0bbea00680249595fc896e7313a2bd90bd55be6e0abbe8b9a39d81b6b306acb6"
      url: "https://pub.dev"
    source: hosted
-    version: "4.6.4"
+    version: "4.6.5"
  firebase_messaging_web:
    dependency: transitive
    description:
      name: firebase_messaging_web
-      sha256: fafebf6a1921931334f3f10edb5037a5712288efdd022881e2d093e5654a2fd4
+      sha256: ffb392ce2a7e8439cd0a9a80e3c702194e73c927e5c7b4f0adf6faa00b245b17
      url: "https://pub.dev"
    source: hosted
-    version: "3.10.4"
+    version: "3.10.5"
  fixnum:
    dependency: transitive
    description:
@ -794,10 +794,10 @@ packages:
    dependency: "direct main"
    description:
      name: flutter_context_menu
-      sha256: "4bc1dc30ae5aa705ed99ebbeb875898c6341a6d092397a566fecd5184b392380"
+      sha256: "9a80f3ab623086f6ec89483c24a1129e6b9f30914fdc1219f4af622164a2fb74"
      url: "https://pub.dev"
    source: hosted
-    version: "0.2.0"
+    version: "0.2.2"
  flutter_expandable_fab:
    dependency: "direct main"
    description:
@ -1381,6 +1381,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.4.1"
+  livekit_noise_filter:
+    dependency: "direct main"
+    description:
+      name: livekit_noise_filter
+      sha256: "398bfd1cc63ada9dee9fd7ea415e2fc1e51e091a6d217aad3649b882c35c7fcb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.0"
  local_notifier:
    dependency: "direct main"
    description:
@ -1801,10 +1809,10 @@ packages:
    dependency: "direct main"
    description:
      name: provider
-      sha256: c8a055ee5ce3fd98d6fc872478b03823ffdb448699c6ebdbbc71d59b596fd48c
+      sha256: "489024f942069c2920c844ee18bb3d467c69e48955a4f32d1677f71be103e310"
      url: "https://pub.dev"
    source: hosted
-    version: "6.1.2"
+    version: "6.1.4"
  pub_semver:
    dependency: transitive
    description:
@ -1937,10 +1945,10 @@ packages:
    dependency: "direct main"
    description:
      name: shared_preferences
-      sha256: "846849e3e9b68f3ef4b60c60cf4b3e02e9321bc7f4d8c4692cf87ffa82fc8a3a"
+      sha256: "6e8bf70b7fef813df4e9a36f658ac46d107db4b4cfe1048b477d4e453a8159f5"
      url: "https://pub.dev"
    source: hosted
-    version: "2.5.2"
+    version: "2.5.3"
  shared_preferences_android:
    dependency: transitive
    description:
@ -2454,18 +2462,18 @@ packages:
    dependency: transitive
    description:
      name: volume_controller
-      sha256: "4c2a873c242da6ce69ae1d17c256c5626e0c481be1824d6c5fc95e68c31f3b36"
+      sha256: e82fd689bb8e1fe8e64be3fa5946ff8699058f8cf9f4c1679acdba20cda7f5bd
      url: "https://pub.dev"
    source: hosted
-    version: "3.3.2"
+    version: "3.3.3"
  wakelock_plus:
    dependency: "direct main"
    description:
      name: wakelock_plus
-      sha256: "36c88af0b930121941345306d259ec4cc4ecca3b151c02e3a9e71aede83c615e"
+      sha256: b90fbcc8d7bdf3b883ea9706d9d76b9978cb1dfa4351fcc8014d6ec31a493354
      url: "https://pub.dev"
    source: hosted
-    version: "1.2.10"
+    version: "1.2.11"
  wakelock_plus_platform_interface:
    dependency: transitive
    description:
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -16,7 +16,7 @@ publish_to: "none" # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 2.4.2+85
+version: 2.4.2+89

 environment:
  sdk: ^3.5.4
@ -59,7 +59,7 @@ dependencies:
  relative_time: ^5.0.0
  image_picker: ^1.1.2
  cross_file: ^0.3.4+2
-  file_picker: ^9.2.1
+  file_picker: ^10.0.0
  croppy: ^1.3.1
  flutter_expandable_fab: ^2.3.0
  dropdown_button2: ^2.3.9
@ -144,6 +144,7 @@ dependencies:
  latlong2: ^0.9.1
  crypto: ^3.0.6
  audioplayers: ^6.4.0
+  livekit_noise_filter: ^0.1.0

 dev_dependencies:
  flutter_test:
Author	SHA1	Message	Date
LittleSheep	60afc96da2	🐛 Fix loading other type of attachments missing authorization header	2025-04-04 00:56:26 +08:00
LittleSheep	b5155ebc5f	♻️ New album	2025-04-03 00:44:34 +08:00
LittleSheep	ed1b75bacf	🐛 Fix user did not refresh since login	2025-04-03 00:25:32 +08:00
LittleSheep	f311c1898c	🐛 Fix captcha on web	2025-04-03 00:14:11 +08:00
LittleSheep	4c9f3e799b	🐛 Fix attachment download the compressed version	2025-04-02 00:59:14 +08:00
LittleSheep	e645db1630	🚀 Launch 2.4.2+89 Spring Boot Patch	2025-04-02 00:56:58 +08:00
LittleSheep	d5cf2478d8	💄 Use bottom modal sheet instead of popover ✨ Show strike on user profile page	2025-04-02 00:52:03 +08:00
LittleSheep	cf34a285b4	🐛 Fix attachments can't be zoom	2025-04-02 00:31:00 +08:00
LittleSheep	a75083d916	♻️ Improve the attachment item gesture	2025-04-01 23:48:45 +08:00
LittleSheep	919ff5e464	💄 Optimized unread indicator	2025-04-01 22:40:43 +08:00
LittleSheep	00863b94e8	🐛 Fix remain bugs	2025-04-01 22:36:06 +08:00
LittleSheep	1ad42e6505	🚀 Launch 2.4.2+88 Hotfix	2025-04-01 00:46:53 +08:00
LittleSheep	1cec1bf82e	🐛 Fix bugs	2025-04-01 00:46:46 +08:00
LittleSheep	a4ecf30c5b	📝 Update docs	2025-04-01 00:26:52 +08:00
LittleSheep	5da7ccc8ef	🐛 Fix getFeed isn't using the ListPostV2	2025-04-01 00:14:12 +08:00
LittleSheep	b5f42863ce	⬆️ Upgrade deps	2025-03-31 23:34:16 +08:00
LittleSheep	69d5e95565	🚀 Launch 2.4.2+86 March Update	2025-03-31 23:05:36 +08:00
LittleSheep	3e3442fc89	💄 Enable new sfx on special days	2025-03-31 23:00:13 +08:00
LittleSheep	8181010b0b	💄 New desktop loading animation	2025-03-31 22:50:08 +08:00
LittleSheep	269caf7555	💄 Some improvements 🐛 Bug fixes ✨ The heart reaction	2025-03-31 01:27:45 +08:00
LittleSheep	ae0809ad35	💄 Optimize background color	2025-03-31 00:51:37 +08:00
LittleSheep	4005f03cf8	🐛 Fix notification	2025-03-30 23:25:38 +08:00
LittleSheep	4bd8ec54f1	⚡ Optimize initialization	2025-03-30 20:43:47 +08:00
LittleSheep	51a387851f	🐛 Fix infinite starting up	2025-03-30 20:37:04 +08:00
LittleSheep	8ed847d870	♻️ Use API Version 2 to load post	2025-03-30 15:31:02 +08:00
LittleSheep	dfe13de220	✨ Program Badges	2025-03-29 17:00:17 +08:00
LittleSheep	b02a54c1e9	🐛 Fix sound mode	2025-03-29 16:41:23 +08:00
LittleSheep	55a7e7d900	🐛 Fix app drawer did not close after selected	2025-03-29 01:04:37 +08:00
LittleSheep	3585941ccb	🐛 Optimize noise cancellation	2025-03-29 01:03:11 +08:00
LittleSheep	7c6f2cc4ab	♻️ Refactored call view	2025-03-29 00:58:13 +08:00
LittleSheep	61dbf92909	🌐 Merge pull request #19 from Texas0295/master Add AppImage build tools & Update workflow	2025-03-28 18:37:55 +08:00
Texas0295	b69e4002e0	Add AppImage build tools & Update workflow	2025-03-28 02:01:45 +08:00
Texas0295	49aa24b79d	Merge branch 'Solsynth:master' into master	2025-03-28 01:59:19 +08:00
Texas0295	ddd0a4c3d3	remove cache=true in build-linux	2025-03-28 00:41:58 +08:00
Texas0295	99e07de243	upload appimage file	2025-03-28 00:04:44 +08:00
Texas0295	10bf0883e5	add appimage build	2025-03-27 23:11:15 +08:00