🚀 Launch 2.2.2+59

🐛 Bug fixes
🌐 Complete translations
2025-01-29 21:54:00 +08:00 · 2025-01-29 20:42:41 +08:00 · 2025-01-29 20:32:56 +08:00 · 2025-01-29 15:18:35 +08:00 · 2025-01-28 23:09:07 +08:00 · 2025-01-28 22:57:44 +08:00
102 changed files with 7090 additions and 2151 deletions
--- a/.roadsignrc
+++ b/.roadsignrc
@ -1,12 +1,12 @@
 {
  "sync": {
-    "region": "solian-next",
+    "region": "solian",
    "configPath": "roadsign.toml"
  },
  "deployments": [
    {
-      "region": "solian-next",
-      "site": "solian-next-web",
+      "region": "solian",
+      "site": "solian-web",
      "path": "build/web"
    }
  ]
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@ -17,7 +17,12 @@
        android:label="Solian"
        android:name="${applicationName}"
        android:icon="@mipmap/ic_launcher"
+        android:enableOnBackInvokedCallback="true"
        android:requestLegacyExternalStorage="true">
+        <meta-data
+            android:name="flutterEmbedding"
+            android:value="2" />
+
        <activity
            android:name=".MainActivity"
            android:exported="true"
--- a/api/Paperclip/Activate
+++ b/api/Paperclip/Activate
@ -7,11 +7,7 @@ meta {
 post {
  url: {{endpoint}}/cgi/uc/boosts/1/activate
  body: none
-  auth: bearer
-}
-
-auth:bearer {
-  token: {{atk}}
+  auth: inherit
 }

 body:json {
--- a/api/Paperclip/Stickers/Create
+++ b/api/Paperclip/Stickers/Create
@ -0,0 +1,19 @@
+meta {
+  name: Create Sticker Pack
+  type: http
+  seq: 1
+}
+
+post {
+  url: {{endpoint}}/cgi/uc/stickers/packs
+  body: json
+  auth: inherit
+}
+
+body:json {
+  {
+    "prefix": "cat",
+    "name": "Solar Network full of Cats!",
+    "description": "The sticker packs is full of stickers which related with cats!"
+  }
+}
--- a/api/Paperclip/Stickers/Create
+++ b/api/Paperclip/Stickers/Create
@ -0,0 +1,20 @@
+meta {
+  name: Create Sticker
+  type: http
+  seq: 2
+}
+
+post {
+  url: {{endpoint}}/cgi/uc/stickers
+  body: json
+  auth: inherit
+}
+
+body:json {
+  {
+    "alias": "AteChip",
+    "name": "Cat ate chips",
+    "attachment_id": "d0b692cc64054463",
+    "pack_id": 2
+  }
+}
--- a/api/Passport/Developer
+++ b/api/Passport/Developer
@ -7,11 +7,7 @@ meta {
 post {
  url: {{endpoint}}/cgi/id/dev/notify/all
  body: json
-  auth: bearer
-}
-
-auth:bearer {
-  token: {{atk}}
+  auth: inherit
 }

 body:json {
@ -19,11 +15,11 @@ body:json {
    "client_id": "{{third_client_id}}",
    "client_secret":"{{third_client_tk}}",
    "type": "general",
-    "subject": "Merry Christmas!",
+    "subject": "新年快乐！",
    "subtitle": "一条来自 Solar Network 团队的信息",
-    "content": "今天是 12 月 25 日 (UTC+8)，小羊祝您圣诞快乐 🎄",
+    "content": "今天是农历正月初一，小羊祝您新年快乐 🎉",
    "metadata": {
-      "image": "6EqsYQwmFRCkbmhR"
+      "image": "D2EDbcrsTugs3xk5"
    },
    "priority": 10
  }
--- a/api/Reader/List
+++ b/api/Reader/List
@ -0,0 +1,11 @@
+meta {
+  name: List News Sources
+  type: http
+  seq: 3
+}
+
+get {
+  url: {{endpoint}}/cgi/re/well-known/sources
+  body: none
+  auth: none
+}
--- a/api/Reader/List
+++ b/api/Reader/List
@ -0,0 +1,17 @@
+meta {
+  name: List News
+  type: http
+  seq: 2
+}
+
+get {
+  url: {{endpoint}}/cgi/re/news?take=10&offset=0&source=shadiao
+  body: none
+  auth: none
+}
+
+params:query {
+  take: 10
+  offset: 0
+  source: shadiao
+}
--- a/api/Reader/Trigger
+++ b/api/Reader/Trigger
@ -0,0 +1,18 @@
+meta {
+  name: Trigger Scan News
+  type: http
+  seq: 1
+}
+
+post {
+  url: {{endpoint}}/cgi/re/admin/scan
+  body: json
+  auth: inherit
+}
+
+body:json {
+  {
+    "sources": ["taiwan-ltn"],
+    "eager": true
+  }
+}
--- a/api/collection.bru
+++ b/api/collection.bru
@ -0,0 +1,7 @@
+auth {
+  mode: bearer
+}
+
+auth:bearer {
+  token: {{atk}}
+}
--- a/api/environments/Prod.bru
+++ b/api/environments/Prod.bru
@ -1,8 +1,8 @@
 vars {
  endpoint: https://api.sn.solsynth.dev
  third_client_id: alphabot
+  atk: eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL3NvbHN5bnRoLmRldiIsInN1YiI6IjEiLCJhdWQiOlsic29sYXItbmV0d29yayJdLCJleHAiOjE3MzgwODE2OTYsIm5iZiI6MTczODA3ODY5NiwiaWF0IjoxNzM4MDc4Njk2LCJqdGkiOiI1Yzg2MTYxZC00MTZjLTQwNDYtOWFlNS04YWZhNGIyZjdlMTkiLCJzZWQiOiIyMTciLCJ0eXAiOiJhY2Nlc3MifQ.LdLZ6FLb8IqPI__U8sT6VyxK5S_ZgwVGGL-tk01tK9C19wnbFFThPDgga1pJu_VVVpGVxzvMyd-3tBotzLMB5LjhYbtPOJakN2oug1HAgJ8zfc1clORlpHlUVisaiQtl3ZkWtzxni8etZDhJpqHU65IGQG01TO6PZGLgxKkMel4gGeeKhHpg9Q4Eewr3Pbl_wJkHVChJ9IJPmgioc_CACE10nEHZgwptCbndUz3AbIDOG9qW-7ZoprtKoRwAcuUXANK277VvdBRhwQjqKBREqVeMXP_Rv37jDPYhWpfS6HtKoHElZOTJG-69S2Zc3HyHlPJAPlzLAjGPoxScky79Gg
 }
 vars:secret [
-  atk,
  third_client_tk
 ]
--- a/assets/translations/en-US.json
+++ b/assets/translations/en-US.json
@ -17,6 +17,10 @@
  "screenAccountProfileEdit": "Edit Profile",
  "screenAbuseReport": "Abuse Reports",
  "screenSettings": "Settings",
+  "screenAccountSettings": "Account Settings",
+  "screenFactorSettings": "Auth Factors",
+  "screenAccountWallet": "Wallet",
+  "screenNews": "News",
  "screenAlbum": "Album",
  "screenChat": "Chat",
  "screenChatManage": "Edit Channel",
@ -103,8 +107,18 @@
  },
  "loginEnterPassword": "Enter the code",
  "loginSuccess": "Logged in as {}",
+  "authFactorDelete": "Delete Auth Factor",
+  "authFactorDeleteDescription": "Are you sure you want delete auth factor {}?",
  "authFactorPassword": "Password",
+  "authFactorPasswordDescription": "The password you set when you registered.",
  "authFactorEmail": "Email verification code",
+  "authFactorEmailDescription": "An one-time code sent to the email address you set when you registered.",
+  "authFactorTOTP": "Time-based OTP",
+  "authFactorTOTPDescription": "A one-time code generated by a TOTP authenticator such as Google Authenticator or Authy.",
+  "authFactorInAppNotify": "In-app notification",
+  "authFactorInAppNotifyDescription": "A one-time code sent via in-app notification.",
+  "authFactorAdd": "Add a factor",
+  "authFactorAddSubtitle": "Provide another way to login your account.",
  "accountIntroTitle": "Hello there!",
  "accountIntroSubtitle": "Pick an option below to get started.",
  "accountLogout": "Logout",
@ -113,8 +127,14 @@
  "accountLogoutConfirm": "You will need to re-enter your account password, even if you have already done so. This is required to login again.",
  "accountPublishers": "Your publishers",
  "accountPublishersSubtitle": "Manage your publish identities.",
+  "accountSettings": "Account Settings",
+  "accountSettingsSubtitle": "Manage your account and make it yours.",
  "accountProfileEdit": "Edit your profile",
  "accountProfileEditSubtitle": "Make your Solarpass account more looks like you.",
+  "accountWallet": "Wallet",
+  "accountWalletSubtitle": "View your balance and transactions.",
+  "factorSettings": "Auth Factors",
+  "factorSettingsSubtitle": "Manage your authentication factors.",
  "accountProfileEditApplied": "Profile modification applied.",
  "publishersNew": "New Publisher",
  "publisherNewSubtitle": "Create a new publisher identity.",
@ -179,8 +199,13 @@
    "other": "{} comments"
  },
  "settingsAppearance": "Appearance",
+  "settingsDisplayLanguage": "Display Language",
+  "settingsDisplayLanguageDescription": "Set the application language.",
+  "settingsDisplayLanguageSystem": "Follow System",
  "settingsAppBarTransparent": "Transparent App Bar",
  "settingsAppBarTransparentDescription": "Enable transparent effect for the app bar.",
+  "settingsDrawerPreferCollapse": "Prefer Drawer Collapse",
+  "settingsDrawerPreferCollapseDescription": "Make the drawer to collapse even when the screen is wide enough.",
  "settingsBackgroundImage": "Background Image",
  "settingsBackgroundImageDescription": "Set the background image that will be applied globally.",
  "settingsBackgroundImageClear": "Clear Existing Background Image",
@ -191,6 +216,13 @@
  "settingsColorSchemeDescription": "Set the application primary color.",
  "settingsColorSeed": "Color Seed",
  "settingsColorSeedDescription": "Select one of the present color schemes.",
+  "settingsFeatures": "Features",
+  "settingsNotifyWithHaptic": "Haptic when Notified",
+  "settingsNotifyWithHapticDescription": "Vibrate lightly when a new notification appears in the foreground.",
+  "settingsExpandPostLink": "Expand Post Link",
+  "settingsExpandPostLinkDescription": "Expand the post link in the post list.",
+  "settingsExpandChatLink": "Expand Chat Link",
+  "settingsExpandChatLinkDescription": "Expand the chat link in the chat list.",
  "settingsNetwork": "Network",
  "settingsNetworkServer": "HyperNet Server",
  "settingsNetworkServerDescription": "Set the HyperNet server address, choose ours or build your own.",
@ -213,8 +245,9 @@
  "sensitiveContentCollapsed": "Sensitive content has been collapsed.",
  "sensitiveContentDescription": "This content has been marked as sensitive, and may not be suitable for all viewers.",
  "sensitiveContentReveal": "Reveal",
-  "serverConnecting": "Connecting to server...",
-  "serverDisconnected": "Lost connection from server",
+  "serverConnecting": "Connecting...",
+  "serverDisconnected": "Connection Lost",
+  "serverConnected": "Connected",
  "fieldChatAlias": "Channel Alias",
  "fieldChatAliasHint": "The unique channel alias within the site, used to represent the channel in URL, leave blank to auto generate. Should be URL-Safe.",
  "fieldChatName": "Name",
@ -292,6 +325,7 @@
  "addAttachmentFromCameraPhoto": "Take photo",
  "addAttachmentFromCameraVideo": "Take video",
  "addAttachmentFromRandomId": "Link via RID",
+  "attachmentDetailInfo": "Attachment details",
  "attachmentPastedImage": "Pasted Image",
  "attachmentInsertLink": "Insert Link",
  "attachmentSetAsPostThumbnail": "Set as post thumbnail",
@ -414,6 +448,9 @@
  "celebrateBirthday": "Happy birthday, {}!",
  "celebrateMerryXmas": "Merry christmas, {}！",
  "celebrateNewYear": "Happy new year, {}！",
+  "celebrateLunarNewYear": "Happy lunar new year, {}！",
+  "celebrateMidAutumn": "Happy mid-autumn festival, {}！",
+  "celebrateDragonBoat": "Happy dragon boat festival, {}！",
  "celebrateValentineDay": "Today is valentine's day, {}!",
  "celebrateLaborDay": "Today is labor day, {}.",
  "celebrateMotherDay": "Today is mother's day, {}.",
@ -423,6 +460,9 @@
  "celebrateThanksgiving": "Today is thanksgiving day, {}!",
  "pendingBirthday": "Birthday in {}",
  "pendingMerryXmas": "Christmas in {}",
+  "pendingLunarNewYear": "Lunar new year in {}",
+  "pendingMidAutumn": "Mid-autumn festival in {}",
+  "pendingDragonBoat": "Dragon boat festival in {}",
  "pendingNewYear": "New year in {}",
  "pendingValentineDay": "Valentine's day in {}",
  "pendingLaborDay": "Labor day in {}",
@ -541,5 +581,24 @@
  "postCategoryKnowledge": "Knowledge",
  "postCategoryLiterature": "Literature",
  "postCategoryFunny": "Funny",
-  "postCategoryUncategorized": "Uncategorized"
+  "postCategoryUncategorized": "Uncategorized",
+  "newsAllSources": "All News",
+  "newsReadingProviderSwap": "Swap",
+  "newsReadingFromReader": "You're reading from HyperNet.Reader",
+  "newsReadingFromOriginal": "You're reading the original article",
+  "newsDisclaimer": "This article is fetched from the Internet, we do not guarantee its authenticity, please judge for yourself. All content in this article belongs to the original author.",
+  "newsToday": "Today's News",
+  "totpPostSetup": "One More Thing",
+  "totpPostSetupDescription": "Scan the QR Code below with Google Authenticator, Microsoft Authenticator, 1Password, Authy, Bitwarden or any of kind of authenticator app which supports TOTP.",
+  "totpNeverShare": "Never share this QR Code",
+  "needHelp": "Need Help?",
+  "needHelpLaunch": "Check out our Goatpedia!",
+  "walletCreate": "Create a Wallet",
+  "walletCreateSubtitle": "Create a wallet to start using Source Points",
+  "walletCreatePassword": "Set a payment password for your new wallet below",
+  "walletCurrencyShort": "SRC",
+  "walletCurrency": {
+    "one": "{} Source Point",
+    "other": "{} Source Points"
+  }
 }
--- a/assets/translations/zh-CN.json
+++ b/assets/translations/zh-CN.json
@ -15,6 +15,10 @@
  "screenAccountProfileEdit": "编辑资料",
  "screenAbuseReport": "滥用检举",
  "screenSettings": "设置",
+  "screenAccountSettings": "账号设置",
+  "screenFactorSettings": "验证因子",
+  "screenAccountWallet": "钱包",
+  "screenNews": "新闻",
  "screenAlbum": "相册",
  "screenChat": "聊天",
  "screenChatManage": "编辑聊天频道",
@ -87,8 +91,18 @@
  },
  "loginEnterPassword": "验证代码",
  "loginSuccess": "登录为 {}",
+  "authFactorDelete": "删除验证因子",
+  "authFactorDeleteDescription": "你确定要删除 {} 验证因子吗？",
  "authFactorPassword": "密码",
+  "authFactorPasswordDescription": "注册时选择设置的密码。",
  "authFactorEmail": "电邮一次性验证码",
+  "authFactorEmailDescription": "由我们生成并发送到绑定的的电子邮箱的一次性验证码。",
+  "authFactorTOTP": "时序验证码",
+  "authFactorTOTPDescription": "使用 Google Authenticator 或 Authy 等验证器生成的一次性验证码。",
+  "authFactorInAppNotify": "应用内通知验证码",
+  "authFactorInAppNotifyDescription": "通过站内通知推送的一次性验证码。",
+  "authFactorAdd": "添加新验证因子",
+  "authFactorAddSubtitle": "给你的帐户登陆时提供另一个方案。",
  "accountIntroTitle": "喜欢您来！",
  "accountIntroSubtitle": "登陆以探索更广大的世界。",
  "accountLogout": "退出登录",
@ -97,8 +111,14 @@
  "accountLogoutConfirm": "您需要重新输入账号密码，甚至可能需要多步验证来再次登陆。",
  "accountPublishers": "你的发布者",
  "accountPublishersSubtitle": "管理你的公共形象。",
+  "accountSettings": "帐号设置",
+  "accountSettingsSubtitle": "管理你的帐号并让它更好的服务你。",
  "accountProfileEdit": "编辑资料",
  "accountProfileEditSubtitle": "使你的 Solarpass 账户更像你。",
+  "accountWallet": "钱包",
+  "accountWalletSubtitle": "查看你的余额和交易记录。",
+  "factorSettings": "验证因子",
+  "factorSettingsSubtitle": "管理你的登陆验证方式。",
  "accountProfileEditApplied": "个人资料修改已被应用。",
  "publishersNew": "新发布者",
  "publisherNewSubtitle": "创建一个新的公共身份。",
@ -177,6 +197,9 @@
    "other": "{} 条评论"
  },
  "settingsAppearance": "外观",
+  "settingsDisplayLanguage": "显示语言",
+  "settingsDisplayLanguageDescription": "设置应用程序使用的语言",
+  "settingsDisplayLanguageSystem": "跟随系统",
  "settingsBackgroundImage": "背景图片",
  "settingsBackgroundImageDescription": "设置应用全局生效的的背景图片。",
  "settingsBackgroundImageClear": "清除现存背景图",
@ -185,10 +208,19 @@
  "settingsThemeMaterial3Description": "将应用主题设置为 Material 3 设计范式的主题。",
  "settingsAppBarTransparent": "透明顶栏",
  "settingsAppBarTransparentDescription": "为顶栏启用透明效果。",
+  "settingsDrawerPreferCollapse": "侧边栏偏好折叠",
+  "settingsDrawerPreferCollapseDescription": "将侧边栏优先折叠，即使屏幕宽度足够大去放下整个侧边栏。",
  "settingsColorScheme": "主题色",
  "settingsColorSchemeDescription": "设置应用主题色。",
  "settingsColorSeed": "预设色彩主题",
  "settingsColorSeedDescription": "选择一个预设色彩主题。",
+  "settingsFeatures": "功能",
+  "settingsNotifyWithHaptic": "新通知时振动",
+  "settingsNotifyWithHapticDescription": "在应用在前台时收到新通知出现时出发轻量的振动。",
+  "settingsExpandPostLink": "展开帖子链接",
+  "settingsExpandPostLinkDescription": "在帖子列表中展开显示帖子中的链接。",
+  "settingsExpandChatLink": "展开聊天链接",
+  "settingsExpandChatLinkDescription": "在聊天信息中展开显示内容中的链接。",
  "settingsNetwork": "网络",
  "settingsNetworkServer": "HyperNet 服务器",
  "settingsNetworkServerDescription": "设置 HyperNet 服务器地址，选择我们提供的，或者自己搭建。",
@ -211,8 +243,9 @@
  "sensitiveContentCollapsed": "敏感内容已折叠。",
  "sensitiveContentDescription": "此内容已被标记，可能不适合所有人查看。",
  "sensitiveContentReveal": "显示内容",
-  "serverConnecting": "正在连接服务器…",
-  "serverDisconnected": "已与服务器断开连接",
+  "serverConnecting": "正在连接…",
+  "serverDisconnected": "已断开连接",
+  "serverConnected": "已连接",
  "fieldChatAlias": "频道别名",
  "fieldChatAliasHint": "全站范围内唯一的频道别名，用于在 URL 中表示该频道，留空则自动生成。应遵循 URL-Safe 的原则。",
  "fieldChatName": "名称",
@ -290,6 +323,7 @@
  "addAttachmentFromCameraPhoto": "拍摄照片",
  "addAttachmentFromCameraVideo": "拍摄视频",
  "addAttachmentFromRandomId": "通过访问 ID 链接",
+  "attachmentDetailInfo": "附件详细信息",
  "attachmentPastedImage": "粘贴的图片",
  "attachmentInsertLink": "插入连接",
  "attachmentSetAsPostThumbnail": "设置为帖子缩略图",
@ -410,6 +444,9 @@
  "dailyCheckNegativeHint6": "出门",
  "dailyCheckNegativeHint6Description": "忘带伞遇上大雨",
  "celebrateBirthday": "生日快乐，{}！",
+  "celebrateLunarNewYear": "春节快乐，{}！",
+  "celebrateMidAutumn": "中秋节快乐，{}！",
+  "celebrateDragonBoat": "端午节快乐，{}！",
  "celebrateMerryXmas": "圣诞快乐，{}！",
  "celebrateNewYear": "新年快乐，{}！",
  "celebrateValentineDay": "今天是情人节，{}！",
@ -419,6 +456,9 @@
  "celebrateFatherDay": "今天是父亲节，{}。",
  "celebrateHalloween": "快乐在圣诞节，{}！",
  "celebrateThanksgiving": "今天是感恩节，{}！",
+  "pendingLunarNewYear": "{} 过春节",
+  "pendingMidAutumn": "{} 过中秋节",
+  "pendingDragonBoat": "{} 过端午节",
  "pendingBirthday": "{} 过生日",
  "pendingMerryXmas": "{} 过圣诞节",
  "pendingNewYear": "{} 跨年",
@ -539,5 +579,24 @@
  "postCategoryKnowledge": "知识",
  "postCategoryLiterature": "文学",
  "postCategoryFunny": "搞笑",
-  "postCategoryUncategorized": "未分类"
+  "postCategoryUncategorized": "未分类",
+  "newsAllSources": "所有新闻",
+  "newsReadingProviderSwap": "切换",
+  "newsReadingFromReader": "你正在从 HyperNet.Reader 阅读文章",
+  "newsReadingFromOriginal": "你正在阅读原始文章",
+  "newsDisclaimer": "本文由 HyperNet.Reader 从互联网上获取，我们不担保其内容的真实性，请自行判断。本文章的所有内容版权归原作者所有。",
+  "newsToday": "快讯",
+  "totpPostSetup": "还有一件事",
+  "totpPostSetupDescription": "使用 Google Authenticator, Microsoft Authenticator, 1Password, Authy, Bitwarden 或其他支持 TOTP 的验证器扫描本 QR Code 来添加。",
+  "totpNeverShare": "永远不要分享这个 QR Code",
+  "needHelp": "需要帮助？",
+  "needHelpLaunch": "查看我们的山羊维基！",
+  "walletCreate": "创建钱包",
+  "walletCreateSubtitle": "创建于一个钱包来开始使用源点。",
+  "walletCreatePassword": "在下方设置你的付款密码",
+  "walletCurrencyShort": "源点",
+  "walletCurrency": {
+    "one": "{} 源点",
+    "other": "{} 源点"
+  }
 }
--- a/assets/translations/zh-HK.json
+++ b/assets/translations/zh-HK.json
@ -15,6 +15,10 @@
  "screenAccountProfileEdit": "編輯資料",
  "screenAbuseReport": "濫用檢舉",
  "screenSettings": "設置",
+  "screenAccountSettings": "賬號設置",
+  "screenFactorSettings": "驗證因子",
+  "screenAccountWallet": "錢包",
+  "screenNews": "新聞",
  "screenAlbum": "相冊",
  "screenChat": "聊天",
  "screenChatManage": "編輯聊天頻道",
@ -87,8 +91,18 @@
  },
  "loginEnterPassword": "驗證代碼",
  "loginSuccess": "登錄為 {}",
+  "authFactorDelete": "刪除驗證因子",
+  "authFactorDeleteDescription": "你確定要刪除 {} 驗證因子嗎？",
  "authFactorPassword": "密碼",
+  "authFactorPasswordDescription": "註冊時選擇設置的密碼。",
  "authFactorEmail": "電郵一次性驗證碼",
+  "authFactorEmailDescription": "由我們生成併發送到綁定的的電子郵箱的一次性驗證碼。",
+  "authFactorTOTP": "時序驗證碼",
+  "authFactorTOTPDescription": "使用 Google Authenticator 或 Authy 等驗證器生成的一次性驗證碼。",
+  "authFactorInAppNotify": "應用內通知驗證碼",
+  "authFactorInAppNotifyDescription": "通過站內通知推送的一次性驗證碼。",
+  "authFactorAdd": "添加新驗證因子",
+  "authFactorAddSubtitle": "給你的帳户登陸時提供另一個方案。",
  "accountIntroTitle": "喜歡您來！",
  "accountIntroSubtitle": "登陸以探索更廣大的世界。",
  "accountLogout": "退出登錄",
@ -97,8 +111,14 @@
  "accountLogoutConfirm": "您需要重新輸入賬號密碼，甚至可能需要多步驗證來再次登陸。",
  "accountPublishers": "你的發佈者",
  "accountPublishersSubtitle": "管理你的公共形象。",
+  "accountSettings": "帳號設置",
+  "accountSettingsSubtitle": "管理你的帳號並讓它更好的服務你。",
  "accountProfileEdit": "編輯資料",
  "accountProfileEditSubtitle": "使你的 Solarpass 賬户更像你。",
+  "accountWallet": "錢包",
+  "accountWalletSubtitle": "查看你的餘額和交易記錄。",
+  "factorSettings": "驗證因子",
+  "factorSettingsSubtitle": "管理你的登陸驗證方式。",
  "accountProfileEditApplied": "個人資料修改已被應用。",
  "publishersNew": "新發布者",
  "publisherNewSubtitle": "創建一個新的公共身份。",
@ -177,6 +197,9 @@
    "other": "{} 條評論"
  },
  "settingsAppearance": "外觀",
+  "settingsDisplayLanguage": "顯示語言",
+  "settingsDisplayLanguageDescription": "設置應用程序使用的語言",
+  "settingsDisplayLanguageSystem": "跟隨系統",
  "settingsBackgroundImage": "背景圖片",
  "settingsBackgroundImageDescription": "設置應用全局生效的的背景圖片。",
  "settingsBackgroundImageClear": "清除現存背景圖",
@ -185,10 +208,19 @@
  "settingsThemeMaterial3Description": "將應用主題設置為 Material 3 設計範式的主題。",
  "settingsAppBarTransparent": "透明頂欄",
  "settingsAppBarTransparentDescription": "為頂欄啓用透明效果。",
+  "settingsDrawerPreferCollapse": "側邊欄偏好摺疊",
+  "settingsDrawerPreferCollapseDescription": "將側邊欄優先摺疊，即使屏幕寬度足夠大去放下整個側邊欄。",
  "settingsColorScheme": "主題色",
  "settingsColorSchemeDescription": "設置應用主題色。",
  "settingsColorSeed": "預設色彩主題",
  "settingsColorSeedDescription": "選擇一個預設色彩主題。",
+  "settingsFeatures": "功能",
+  "settingsNotifyWithHaptic": "新通知時振動",
+  "settingsNotifyWithHapticDescription": "在應用在前台時收到新通知出現時出發輕量的振動。",
+  "settingsExpandPostLink": "展開帖子鏈接",
+  "settingsExpandPostLinkDescription": "在帖子列表中展開顯示帖子中的鏈接。",
+  "settingsExpandChatLink": "展開聊天鏈接",
+  "settingsExpandChatLinkDescription": "在聊天信息中展開顯示內容中的鏈接。",
  "settingsNetwork": "網絡",
  "settingsNetworkServer": "HyperNet 服務器",
  "settingsNetworkServerDescription": "設置 HyperNet 服務器地址，選擇我們提供的，或者自己搭建。",
@ -211,8 +243,9 @@
  "sensitiveContentCollapsed": "敏感內容已摺疊。",
  "sensitiveContentDescription": "此內容已被標記，可能不適合所有人查看。",
  "sensitiveContentReveal": "顯示內容",
-  "serverConnecting": "正在連接服務器…",
-  "serverDisconnected": "已與服務器斷開連接",
+  "serverConnecting": "正在連接…",
+  "serverDisconnected": "已斷開連接",
+  "serverConnected": "已連接",
  "fieldChatAlias": "頻道別名",
  "fieldChatAliasHint": "全站範圍內唯一的頻道別名，用於在 URL 中表示該頻道，留空則自動生成。應遵循 URL-Safe 的原則。",
  "fieldChatName": "名稱",
@ -279,6 +312,10 @@
    "one": "{} 個附件",
    "other": "{} 個附件"
  },
+  "messageTyping": {
+    "one": "{} 正在輸入",
+    "other": "{} 正在輸入"
+  },
  "fieldAttachmentRandomId": "訪問 ID",
  "fieldAttachmentAlt": "概述文字",
  "addAttachmentFromAlbum": "從相冊中添加附件",
@ -286,6 +323,7 @@
  "addAttachmentFromCameraPhoto": "拍攝照片",
  "addAttachmentFromCameraVideo": "拍攝視頻",
  "addAttachmentFromRandomId": "通過訪問 ID 鏈接",
+  "attachmentDetailInfo": "附件詳細信息",
  "attachmentPastedImage": "粘貼的圖片",
  "attachmentInsertLink": "插入連接",
  "attachmentSetAsPostThumbnail": "設置為帖子縮略圖",
@ -406,6 +444,9 @@
  "dailyCheckNegativeHint6": "出門",
  "dailyCheckNegativeHint6Description": "忘帶傘遇上大雨",
  "celebrateBirthday": "生日快樂，{}！",
+  "celebrateLunarNewYear": "春節快樂，{}！",
+  "celebrateMidAutumn": "中秋節快樂，{}！",
+  "celebrateDragonBoat": "端午節快樂，{}！",
  "celebrateMerryXmas": "聖誕快樂，{}！",
  "celebrateNewYear": "新年快樂，{}！",
  "celebrateValentineDay": "今天是情人節，{}！",
@ -415,6 +456,9 @@
  "celebrateFatherDay": "今天是父親節，{}。",
  "celebrateHalloween": "快樂在聖誕節，{}！",
  "celebrateThanksgiving": "今天是感恩節，{}！",
+  "pendingLunarNewYear": "{} 過春節",
+  "pendingMidAutumn": "{} 過中秋節",
+  "pendingDragonBoat": "{} 過端午節",
  "pendingBirthday": "{} 過生日",
  "pendingMerryXmas": "{} 過聖誕節",
  "pendingNewYear": "{} 跨年",
@ -535,5 +579,24 @@
  "postCategoryKnowledge": "知識",
  "postCategoryLiterature": "文學",
  "postCategoryFunny": "搞笑",
-  "postCategoryUncategorized": "未分類"
+  "postCategoryUncategorized": "未分類",
+  "newsAllSources": "所有新聞",
+  "newsReadingProviderSwap": "切換",
+  "newsReadingFromReader": "你正在從 HyperNet.Reader 閲讀文章",
+  "newsReadingFromOriginal": "你正在閲讀原始文章",
+  "newsDisclaimer": "本文由 HyperNet.Reader 從互聯網上獲取，我們不擔保其內容的真實性，請自行判斷。本文章的所有內容版權歸原作者所有。",
+  "newsToday": "快訊",
+  "totpPostSetup": "還有一件事",
+  "totpPostSetupDescription": "使用 Google Authenticator, Microsoft Authenticator, 1Password, Authy, Bitwarden 或其他支持 TOTP 的驗證器掃描本 QR Code 來添加。",
+  "totpNeverShare": "永遠不要分享這個 QR Code",
+  "needHelp": "需要幫助？",
+  "needHelpLaunch": "查看我們的山羊維基！",
+  "walletCreate": "創建錢包",
+  "walletCreateSubtitle": "創建於一個錢包來開始使用源點。",
+  "walletCreatePassword": "在下方設置你的付款密碼",
+  "walletCurrencyShort": "源點",
+  "walletCurrency": {
+    "one": "{} 源點",
+    "other": "{} 源點"
+  }
 }
--- a/assets/translations/zh-TW.json
+++ b/assets/translations/zh-TW.json
@ -15,6 +15,10 @@
  "screenAccountProfileEdit": "編輯資料",
  "screenAbuseReport": "濫用檢舉",
  "screenSettings": "設置",
+  "screenAccountSettings": "賬號設置",
+  "screenFactorSettings": "驗證因子",
+  "screenAccountWallet": "錢包",
+  "screenNews": "新聞",
  "screenAlbum": "相冊",
  "screenChat": "聊天",
  "screenChatManage": "編輯聊天頻道",
@ -87,8 +91,18 @@
  },
  "loginEnterPassword": "驗證代碼",
  "loginSuccess": "登錄為 {}",
+  "authFactorDelete": "刪除驗證因子",
+  "authFactorDeleteDescription": "你確定要刪除 {} 驗證因子嗎？",
  "authFactorPassword": "密碼",
+  "authFactorPasswordDescription": "註冊時選擇設置的密碼。",
  "authFactorEmail": "電郵一次性驗證碼",
+  "authFactorEmailDescription": "由我們生成併發送到綁定的的電子郵箱的一次性驗證碼。",
+  "authFactorTOTP": "時序驗證碼",
+  "authFactorTOTPDescription": "使用 Google Authenticator 或 Authy 等驗證器生成的一次性驗證碼。",
+  "authFactorInAppNotify": "應用內通知驗證碼",
+  "authFactorInAppNotifyDescription": "通過站內通知推送的一次性驗證碼。",
+  "authFactorAdd": "添加新驗證因子",
+  "authFactorAddSubtitle": "給你的帳戶登陸時提供另一個方案。",
  "accountIntroTitle": "喜歡您來！",
  "accountIntroSubtitle": "登陸以探索更廣大的世界。",
  "accountLogout": "退出登錄",
@ -97,8 +111,14 @@
  "accountLogoutConfirm": "您需要重新輸入賬號密碼，甚至可能需要多步驗證來再次登陸。",
  "accountPublishers": "你的發佈者",
  "accountPublishersSubtitle": "管理你的公共形象。",
+  "accountSettings": "帳號設置",
+  "accountSettingsSubtitle": "管理你的帳號並讓它更好的服務你。",
  "accountProfileEdit": "編輯資料",
  "accountProfileEditSubtitle": "使你的 Solarpass 賬戶更像你。",
+  "accountWallet": "錢包",
+  "accountWalletSubtitle": "查看你的餘額和交易記錄。",
+  "factorSettings": "驗證因子",
+  "factorSettingsSubtitle": "管理你的登陸驗證方式。",
  "accountProfileEditApplied": "個人資料修改已被應用。",
  "publishersNew": "新發布者",
  "publisherNewSubtitle": "創建一個新的公共身份。",
@ -177,6 +197,9 @@
    "other": "{} 條評論"
  },
  "settingsAppearance": "外觀",
+  "settingsDisplayLanguage": "顯示語言",
+  "settingsDisplayLanguageDescription": "設置應用程序使用的語言",
+  "settingsDisplayLanguageSystem": "跟隨系統",
  "settingsBackgroundImage": "背景圖片",
  "settingsBackgroundImageDescription": "設置應用全局生效的的背景圖片。",
  "settingsBackgroundImageClear": "清除現存背景圖",
@ -185,10 +208,19 @@
  "settingsThemeMaterial3Description": "將應用主題設置為 Material 3 設計範式的主題。",
  "settingsAppBarTransparent": "透明頂欄",
  "settingsAppBarTransparentDescription": "為頂欄啟用透明效果。",
+  "settingsDrawerPreferCollapse": "側邊欄偏好摺疊",
+  "settingsDrawerPreferCollapseDescription": "將側邊欄優先摺疊，即使屏幕寬度足夠大去放下整個側邊欄。",
  "settingsColorScheme": "主題色",
  "settingsColorSchemeDescription": "設置應用主題色。",
  "settingsColorSeed": "預設色彩主題",
  "settingsColorSeedDescription": "選擇一個預設色彩主題。",
+  "settingsFeatures": "功能",
+  "settingsNotifyWithHaptic": "新通知時振動",
+  "settingsNotifyWithHapticDescription": "在應用在前臺時收到新通知出現時出發輕量的振動。",
+  "settingsExpandPostLink": "展開帖子鏈接",
+  "settingsExpandPostLinkDescription": "在帖子列表中展開顯示帖子中的鏈接。",
+  "settingsExpandChatLink": "展開聊天鏈接",
+  "settingsExpandChatLinkDescription": "在聊天信息中展開顯示內容中的鏈接。",
  "settingsNetwork": "網絡",
  "settingsNetworkServer": "HyperNet 服務器",
  "settingsNetworkServerDescription": "設置 HyperNet 服務器地址，選擇我們提供的，或者自己搭建。",
@ -211,8 +243,9 @@
  "sensitiveContentCollapsed": "敏感內容已摺疊。",
  "sensitiveContentDescription": "此內容已被標記，可能不適合所有人查看。",
  "sensitiveContentReveal": "顯示內容",
-  "serverConnecting": "正在連接服務器…",
-  "serverDisconnected": "已與服務器斷開連接",
+  "serverConnecting": "正在連接…",
+  "serverDisconnected": "已斷開連接",
+  "serverConnected": "已連接",
  "fieldChatAlias": "頻道別名",
  "fieldChatAliasHint": "全站範圍內唯一的頻道別名，用於在 URL 中表示該頻道，留空則自動生成。應遵循 URL-Safe 的原則。",
  "fieldChatName": "名稱",
@ -279,6 +312,10 @@
    "one": "{} 個附件",
    "other": "{} 個附件"
  },
+  "messageTyping": {
+    "one": "{} 正在輸入",
+    "other": "{} 正在輸入"
+  },
  "fieldAttachmentRandomId": "訪問 ID",
  "fieldAttachmentAlt": "概述文字",
  "addAttachmentFromAlbum": "從相冊中添加附件",
@ -286,6 +323,7 @@
  "addAttachmentFromCameraPhoto": "拍攝照片",
  "addAttachmentFromCameraVideo": "拍攝視頻",
  "addAttachmentFromRandomId": "通過訪問 ID 鏈接",
+  "attachmentDetailInfo": "附件詳細信息",
  "attachmentPastedImage": "粘貼的圖片",
  "attachmentInsertLink": "插入連接",
  "attachmentSetAsPostThumbnail": "設置為帖子縮略圖",
@ -406,6 +444,9 @@
  "dailyCheckNegativeHint6": "出門",
  "dailyCheckNegativeHint6Description": "忘帶傘遇上大雨",
  "celebrateBirthday": "生日快樂，{}！",
+  "celebrateLunarNewYear": "春節快樂，{}！",
+  "celebrateMidAutumn": "中秋節快樂，{}！",
+  "celebrateDragonBoat": "端午節快樂，{}！",
  "celebrateMerryXmas": "聖誕快樂，{}！",
  "celebrateNewYear": "新年快樂，{}！",
  "celebrateValentineDay": "今天是情人節，{}！",
@ -415,6 +456,9 @@
  "celebrateFatherDay": "今天是父親節，{}。",
  "celebrateHalloween": "快樂在聖誕節，{}！",
  "celebrateThanksgiving": "今天是感恩節，{}！",
+  "pendingLunarNewYear": "{} 過春節",
+  "pendingMidAutumn": "{} 過中秋節",
+  "pendingDragonBoat": "{} 過端午節",
  "pendingBirthday": "{} 過生日",
  "pendingMerryXmas": "{} 過聖誕節",
  "pendingNewYear": "{} 跨年",
@ -535,5 +579,24 @@
  "postCategoryKnowledge": "知識",
  "postCategoryLiterature": "文學",
  "postCategoryFunny": "搞笑",
-  "postCategoryUncategorized": "未分類"
+  "postCategoryUncategorized": "未分類",
+  "newsAllSources": "所有新聞",
+  "newsReadingProviderSwap": "切換",
+  "newsReadingFromReader": "你正在從 HyperNet.Reader 閱讀文章",
+  "newsReadingFromOriginal": "你正在閱讀原始文章",
+  "newsDisclaimer": "本文由 HyperNet.Reader 從互聯網上獲取，我們不擔保其內容的真實性，請自行判斷。本文章的所有內容版權歸原作者所有。",
+  "newsToday": "快訊",
+  "totpPostSetup": "還有一件事",
+  "totpPostSetupDescription": "使用 Google Authenticator, Microsoft Authenticator, 1Password, Authy, Bitwarden 或其他支持 TOTP 的驗證器掃描本 QR Code 來添加。",
+  "totpNeverShare": "永遠不要分享這個 QR Code",
+  "needHelp": "需要幫助？",
+  "needHelpLaunch": "查看我們的山羊維基！",
+  "walletCreate": "創建錢包",
+  "walletCreateSubtitle": "創建於一個錢包來開始使用源點。",
+  "walletCreatePassword": "在下方設置你的付款密碼",
+  "walletCurrencyShort": "源點",
+  "walletCurrency": {
+    "one": "{} 源點",
+    "other": "{} 源點"
+  }
 }
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@ -43,58 +43,58 @@ PODS:
    - Flutter
  - file_saver (0.0.1):
    - Flutter
-  - Firebase/Analytics (11.4.0):
+  - Firebase/Analytics (11.6.0):
    - Firebase/Core
-  - Firebase/Core (11.4.0):
+  - Firebase/Core (11.6.0):
    - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 11.4.0)
-  - Firebase/CoreOnly (11.4.0):
-    - FirebaseCore (= 11.4.0)
-  - Firebase/Messaging (11.4.0):
+    - FirebaseAnalytics (~> 11.6.0)
+  - Firebase/CoreOnly (11.6.0):
+    - FirebaseCore (~> 11.6.0)
+  - Firebase/Messaging (11.6.0):
    - Firebase/CoreOnly
-    - FirebaseMessaging (~> 11.4.0)
-  - firebase_analytics (11.3.6):
-    - Firebase/Analytics (= 11.4.0)
+    - FirebaseMessaging (~> 11.6.0)
+  - firebase_analytics (11.4.1):
+    - Firebase/Analytics (= 11.6.0)
    - firebase_core
    - Flutter
-  - firebase_core (3.9.0):
-    - Firebase/CoreOnly (= 11.4.0)
+  - firebase_core (3.10.1):
+    - Firebase/CoreOnly (= 11.6.0)
    - Flutter
-  - firebase_messaging (15.1.6):
-    - Firebase/Messaging (= 11.4.0)
+  - firebase_messaging (15.2.1):
+    - Firebase/Messaging (= 11.6.0)
    - firebase_core
    - Flutter
-  - FirebaseAnalytics (11.4.0):
-    - FirebaseAnalytics/AdIdSupport (= 11.4.0)
-    - FirebaseCore (~> 11.0)
+  - FirebaseAnalytics (11.6.0):
+    - FirebaseAnalytics/AdIdSupport (= 11.6.0)
+    - FirebaseCore (~> 11.6.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.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseAnalytics/AdIdSupport (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - FirebaseInstallations (~> 11.0)
-    - GoogleAppMeasurement (= 11.4.0)
+    - GoogleAppMeasurement (= 11.6.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseCore (11.4.0):
-    - FirebaseCoreInternal (~> 11.0)
+  - FirebaseCore (11.6.0):
+    - FirebaseCoreInternal (~> 11.6.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/Logger (~> 8.0)
  - FirebaseCoreInternal (11.6.0):
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseInstallations (11.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseInstallations (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/UserDefaults (~> 8.0)
    - PromisesObjC (~> 2.4)
-  - FirebaseMessaging (11.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseMessaging (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleDataTransport (~> 10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
@ -105,32 +105,39 @@ PODS:
  - Flutter (1.0.0)
  - flutter_app_update (0.0.1):
    - Flutter
+  - flutter_inappwebview_ios (0.0.1):
+    - Flutter
+    - flutter_inappwebview_ios/Core (= 0.0.1)
+    - OrderedSet (~> 6.0.3)
+  - flutter_inappwebview_ios/Core (0.0.1):
+    - Flutter
+    - OrderedSet (~> 6.0.3)
  - flutter_native_splash (2.4.3):
    - Flutter
  - flutter_udid (0.0.1):
    - Flutter
    - SAMKeychain
-  - flutter_webrtc (0.12.2):
+  - flutter_webrtc (0.12.6):
    - Flutter
    - WebRTC-SDK (= 125.6422.06)
  - gal (1.0.0):
    - Flutter
    - FlutterMacOS
-  - GoogleAppMeasurement (11.4.0):
-    - GoogleAppMeasurement/AdIdSupport (= 11.4.0)
+  - GoogleAppMeasurement (11.6.0):
+    - GoogleAppMeasurement/AdIdSupport (= 11.6.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.4.0):
-    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.4.0)
+  - GoogleAppMeasurement/AdIdSupport (11.6.0):
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.6.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.4.0):
+  - GoogleAppMeasurement/WithoutAdIdSupport (11.6.0):
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
@ -173,7 +180,7 @@ PODS:
  - in_app_review (2.0.0):
    - Flutter
  - Kingfisher (8.1.3)
-  - livekit_client (2.3.4):
+  - livekit_client (2.3.5):
    - Flutter
    - flutter_webrtc
    - WebRTC-SDK (= 125.6422.06)
@ -188,6 +195,7 @@ PODS:
    - nanopb/encode (= 3.30910.0)
  - nanopb/decode (3.30910.0)
  - nanopb/encode (3.30910.0)
+  - OrderedSet (6.0.3)
  - package_info_plus (0.4.5):
    - Flutter
  - pasteboard (0.0.1):
@ -239,6 +247,7 @@ DEPENDENCIES:
  - firebase_messaging (from `.symlinks/plugins/firebase_messaging/ios`)
  - Flutter (from `Flutter`)
  - flutter_app_update (from `.symlinks/plugins/flutter_app_update/ios`)
+  - flutter_inappwebview_ios (from `.symlinks/plugins/flutter_inappwebview_ios/ios`)
  - flutter_native_splash (from `.symlinks/plugins/flutter_native_splash/ios`)
  - flutter_udid (from `.symlinks/plugins/flutter_udid/ios`)
  - flutter_webrtc (from `.symlinks/plugins/flutter_webrtc/ios`)
@ -282,6 +291,7 @@ SPEC REPOS:
    - GoogleUtilities
    - Kingfisher
    - nanopb
+    - OrderedSet
    - PromisesObjC
    - SAMKeychain
    - SDWebImage
@ -309,6 +319,8 @@ EXTERNAL SOURCES:
    :path: Flutter
  flutter_app_update:
    :path: ".symlinks/plugins/flutter_app_update/ios"
+  flutter_inappwebview_ios:
+    :path: ".symlinks/plugins/flutter_inappwebview_ios/ios"
  flutter_native_splash:
    :path: ".symlinks/plugins/flutter_native_splash/ios"
  flutter_udid:
@ -369,33 +381,35 @@ SPEC CHECKSUMS:
  DKPhotoGallery: b3834fecb755ee09a593d7c9e389d8b5d6deed60
  file_picker: 09aa5ec1ab24135ccd7a1621c46c84134bfd6655
  file_saver: 503e386464dbe118f630e17b4c2e1190fa0cf808
-  Firebase: cf1b19f21410b029b6786a54e9764a0cacad3c99
-  firebase_analytics: 2815af29d49c1a994652abd37a5b001a88bc7b75
-  firebase_core: b62a5080210edad3f2934314a8b2c6f5124e8e10
-  firebase_messaging: 98619a0572d82cfb3668e78859ba9f1110e268c9
-  FirebaseAnalytics: 3feef9ae8733c567866342a1000691baaa7cad49
-  FirebaseCore: e0510f1523bc0eb21653cac00792e1e2bd6f1771
+  Firebase: 374a441a91ead896215703a674d58cdb3e9d772b
+  firebase_analytics: 13ea4ad8a42c5060bad7e6694304dabb8b02fe7e
+  firebase_core: e2aa06dbd854d961f8ce46c2e20933bee1bf2d2b
+  firebase_messaging: 96cf6d67121b3f39746b2a4f29a26c0eee4af70e
+  FirebaseAnalytics: 7114c698cac995602e3b1b96663473e50d54d6e7
+  FirebaseCore: 48b0dd707581cf9c1a1220da68223fb0a562afaa
  FirebaseCoreInternal: d98ab91e2d80a56d7b246856a8885443b302c0c2
-  FirebaseInstallations: 6ef4a1c7eb2a61ee1f74727d7f6ce2e72acf1414
-  FirebaseMessaging: f8a160d99c2c2e5babbbcc90c4a3e15db036aee2
+  FirebaseInstallations: efc0946fc756e4d22d8113f7c761948120322e8c
+  FirebaseMessaging: e1aca1fcc23e8b9eddb0e33f375ff90944623021
  Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
  flutter_app_update: 65f61da626cb111d1b24674abc4b01728d7723bc
-  flutter_native_splash: e8a1e01082d97a8099d973f919f57904c925008a
+  flutter_inappwebview_ios: 6f63631e2c62a7c350263b13fa5427aedefe81d4
+  flutter_native_splash: f71420956eb811e6d310720fee915f1d42852e7a
  flutter_udid: b2417673f287ee62817a1de3d1643f47b9f508ab
-  flutter_webrtc: 1a53bd24f97bcfeff512f13699e721897f261563
+  flutter_webrtc: 90260f83024b1b96d239a575ea4e3708e79344d1
  gal: 6a522c75909f1244732d4596d11d6a2f86ff37a5
-  GoogleAppMeasurement: 987769c4ca6b968f2479fbcc9fe3ce34af454b8e
+  GoogleAppMeasurement: 6a9e6317b6a6d810ad03d4a66564ca6c4c5818a3
  GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
  GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
  home_widget: 0434835a4c9a75704264feff6be17ea40e0f0d57
  image_picker_ios: c560581cceedb403a6ff17f2f816d7fea1421fc1
  in_app_review: a31b5257259646ea78e0e35fc914979b0031d011
  Kingfisher: f2af9028b16baf9dc6c07c570072bc41cbf009ef
-  livekit_client: 4eaa7a2968fc7e7c57888f43d90394547cc8d9e9
+  livekit_client: dcc5fd47ba69c98fc6baeb12e862c9d43807d976
  media_kit_libs_ios_video: a5fe24bc7875ccd6378a0978c13185e1344651c1
  media_kit_native_event_loop: e6b2ab20cf0746eb1c33be961fcf79667304fa2a
  media_kit_video: 5da63f157170e5bf303bf85453b7ef6971218a2e
  nanopb: fad817b59e0457d11a5dfbde799381cd727c1275
+  OrderedSet: e539b66b644ff081c73a262d24ad552a69be3a94
  package_info_plus: c0502532a26c7662a62a356cebe2692ec5fe4ec4
  pasteboard: 982969ebaa7c78af3e6cc7761e8f5e77565d9ce0
  path_provider_foundation: 2b6b4c569c0fb62ec74538f866245ac84301af46
--- a/lib/controllers/chat_message_controller.dart
+++ b/lib/controllers/chat_message_controller.dart
@ -74,6 +74,7 @@ class ChatMessageController extends ChangeNotifier {
    _wsSubscription = _ws.stream.stream.listen((event) {
      switch (event.method) {
        case 'events.new':
+          if (event.payload?['channel_id'] != channel?.id) break;
          final payload = SnChatMessage.fromJson(event.payload!);
          _addMessage(payload);
          break;
@ -83,7 +84,6 @@ class ChatMessageController extends ChangeNotifier {
          if (member.id == profile?.id) break;
          if (!typingMembers.any((x) => x.id == member.id)) {
            typingMembers.add(member);
-            print('Typing member: ${typingMembers.map((ele) => member.id)}');
            notifyListeners();
          }
          typingInactiveTimer[member.id]?.cancel();
--- a/lib/controllers/post_write_controller.dart
+++ b/lib/controllers/post_write_controller.dart
@ -154,7 +154,10 @@ class PostWriteController extends ChangeNotifier {
  final TextEditingController descriptionController = TextEditingController();
  final TextEditingController aliasController = TextEditingController();

-  PostWriteController() {
+  bool _temporarySaveActive = false;
+
+  PostWriteController({bool doLoadFromTemporary = true}) {
+    _temporarySaveActive = doLoadFromTemporary;
    titleController.addListener(() {
      _temporaryPlanSave();
      notifyListeners();
@ -166,7 +169,7 @@ class PostWriteController extends ChangeNotifier {
    contentController.addListener(() {
      _temporaryPlanSave();
    });
-    _temporaryLoad();
+    if (doLoadFromTemporary) _temporaryLoad();
  }

  String mode = kTitleMap.keys.first;
@ -317,6 +320,7 @@ class PostWriteController extends ChangeNotifier {
  Timer? _temporarySaveTimer;

  void _temporaryPlanSave() {
+    if (!_temporarySaveActive) return;
    _temporarySaveTimer?.cancel();
    _temporarySaveTimer = Timer(const Duration(seconds: 1), () {
      _temporarySave();
@ -623,13 +627,15 @@ class PostWriteController extends ChangeNotifier {
  void reset() {
    publishedAt = null;
    publishedUntil = null;
+    thumbnail = null;
+    visibility = 0;
    titleController.clear();
    descriptionController.clear();
    contentController.clear();
    aliasController.clear();
-    tags.clear();
-    categories.clear();
-    attachments.clear();
+    tags = List.empty(growable: true);
+    categories = List.empty(growable: true);
+    attachments = List.empty(growable: true);
    editingPost = null;
    replyingPost = null;
    repostingPost = null;
--- a/lib/main.dart
+++ b/lib/main.dart
@ -10,7 +10,6 @@ import 'package:easy_localization_loader/easy_localization_loader.dart';
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
 import 'package:hive_flutter/hive_flutter.dart';
 import 'package:package_info_plus/package_info_plus.dart';
@ -18,7 +17,6 @@ import 'package:provider/provider.dart';
 import 'package:relative_time/relative_time.dart';
 import 'package:responsive_framework/responsive_framework.dart';
 import 'package:shared_preferences/shared_preferences.dart';
-import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/firebase_options.dart';
 import 'package:surface/providers/channel.dart';
 import 'package:surface/providers/chat_call.dart';
@ -30,6 +28,7 @@ import 'package:surface/providers/post.dart';
 import 'package:surface/providers/relationship.dart';
 import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/sn_sticker.dart';
 import 'package:surface/providers/special_day.dart';
 import 'package:surface/providers/theme.dart';
 import 'package:surface/providers/user_directory.dart';
@ -41,7 +40,6 @@ import 'package:surface/types/chat.dart';
 import 'package:surface/types/realm.dart';
 import 'package:flutter_web_plugins/url_strategy.dart' show usePathUrlStrategy;
 import 'package:surface/widgets/dialog.dart';
-import 'package:surface/widgets/version_label.dart';
 import 'package:version/version.dart';
 import 'package:workmanager/workmanager.dart';
 import 'package:in_app_review/in_app_review.dart';
@ -144,6 +142,7 @@ class SolianApp extends StatelessWidget {
            Provider(create: (ctx) => SnPostContentProvider(ctx)),
            Provider(create: (ctx) => SnRelationshipProvider(ctx)),
            Provider(create: (ctx) => SnLinkPreviewProvider(ctx)),
+            Provider(create: (ctx) => SnStickerProvider(ctx)),
            ChangeNotifierProvider(create: (ctx) => UserProvider(ctx)),
            ChangeNotifierProvider(create: (ctx) => WebSocketProvider(ctx)),
            ChangeNotifierProvider(create: (ctx) => NotificationProvider(ctx)),
@ -208,8 +207,6 @@ class _AppSplashScreen extends StatefulWidget {
 }

 class _AppSplashScreenState extends State<_AppSplashScreen> {
-  bool _isReady = false;
-
  void _tryRequestRating() async {
    final prefs = await SharedPreferences.getInstance();
    if (prefs.containsKey('first_boot_time')) {
@ -261,6 +258,10 @@ class _AppSplashScreenState extends State<_AppSplashScreen> {

  Future<void> _initialize() async {
    try {
+      final cfg = context.read<ConfigProvider>();
+      WidgetsBinding.instance.addPostFrameCallback((_) {
+        cfg.calcDrawerSize(context);
+      });
      final home = context.read<HomeWidgetProvider>();
      await home.initialize();
      if (!mounted) return;
@ -278,12 +279,11 @@ class _AppSplashScreenState extends State<_AppSplashScreen> {
      await ws.tryConnect();
      if (!mounted) return;
      final notify = context.read<NotificationProvider>();
+      notify.listen();
      await notify.registerPushNotifications();
    } catch (err) {
      if (!mounted) return;
      await context.showErrorDialog(err);
-    } finally {
-      setState(() => _isReady = true);
    }
  }

@ -303,32 +303,17 @@ class _AppSplashScreenState extends State<_AppSplashScreen> {

  @override
  Widget build(BuildContext context) {
-    if (!_isReady) {
-      return Scaffold(
-        backgroundColor: Theme.of(context).colorScheme.surface,
-        body: Container(
-          constraints: const BoxConstraints(maxWidth: 180),
-          child: Column(
-            mainAxisAlignment: MainAxisAlignment.center,
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              if (MediaQuery.of(context).platformBrightness == Brightness.dark)
-                Image.asset("assets/icon/icon-dark.png", width: 64, height: 64)
-              else
-                Image.asset("assets/icon/icon.png", width: 64, height: 64),
-              const Gap(6),
-              LinearProgressIndicator(
-                backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
+    final cfg = context.read<ConfigProvider>();
+    return NotificationListener<SizeChangedLayoutNotification>(
+      onNotification: (notification) {
+        WidgetsBinding.instance.addPostFrameCallback((_) {
+          cfg.calcDrawerSize(context);
+        });
+        return false;
+      },
+      child: SizeChangedLayoutNotifier(
+        child: widget.child,
      ),
-              const Gap(20),
-              Text('appInitializing'.tr(), textAlign: TextAlign.center),
-              AppVersionLabel(),
-            ],
-          ),
-        ).center(),
    );
  }
-
-    return widget.child;
-  }
 }
--- a/lib/providers/config.dart
+++ b/lib/providers/config.dart
@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
+import 'package:responsive_framework/responsive_framework.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:surface/providers/widget.dart';

@ -12,6 +13,10 @@ const kNetworkServerStoreKey = 'app_server_url';
 const kAppbarTransparentStoreKey = 'app_bar_transparent';
 const kAppBackgroundStoreKey = 'app_has_background';
 const kAppColorSchemeStoreKey = 'app_color_scheme';
+const kAppDrawerPreferCollapse = 'app_drawer_prefer_collapse';
+const kAppNotifyWithHaptic = 'app_notify_with_haptic';
+const kAppExpandPostLink = 'app_expand_post_link';
+const kAppExpandChatLink = 'app_expand_chat_link';

 const Map<String, FilterQuality> kImageQualityLevel = {
  'settingsImageQualityLowest': FilterQuality.none,
@ -33,6 +38,32 @@ class ConfigProvider extends ChangeNotifier {
    prefs = await SharedPreferences.getInstance();
  }

+  bool drawerIsCollapsed = false;
+  bool drawerIsExpanded = false;
+
+  void calcDrawerSize(BuildContext context, {bool withMediaQuery = false}) {
+    bool newDrawerIsCollapsed = false;
+    bool newDrawerIsExpanded = false;
+    if (withMediaQuery) {
+      newDrawerIsCollapsed = MediaQuery.of(context).size.width < 450;
+      newDrawerIsExpanded = MediaQuery.of(context).size.width >= 451;
+    } else {
+      final rpb = ResponsiveBreakpoints.of(context);
+      newDrawerIsCollapsed = rpb.smallerOrEqualTo(MOBILE);
+      newDrawerIsExpanded = rpb.largerThan(TABLET)
+          ? (prefs.getBool(kAppDrawerPreferCollapse) ?? false)
+              ? false
+              : true
+          : false;
+    }
+
+    if (newDrawerIsExpanded != drawerIsExpanded || newDrawerIsCollapsed != drawerIsCollapsed) {
+      drawerIsExpanded = newDrawerIsExpanded;
+      drawerIsCollapsed = newDrawerIsCollapsed;
+      notifyListeners();
+    }
+  }
+
  FilterQuality get imageQuality {
    return kImageQualityLevel.values.elementAtOrNull(prefs.getInt('app_image_quality') ?? 3) ?? FilterQuality.high;
  }
--- a/lib/providers/navigation.dart
+++ b/lib/providers/navigation.dart
@ -58,6 +58,11 @@ class NavigationProvider extends ChangeNotifier {
      screen: 'realm',
      label: 'screenRealm',
    ),
+    AppNavDestination(
+      icon: Icon(Symbols.newspaper, weight: 400, opticalSize: 20),
+      screen: 'news',
+      label: 'screenNews',
+    ),
    AppNavDestination(
      icon: Icon(Symbols.photo_library, weight: 400, opticalSize: 20),
      screen: 'album',
@ -83,8 +88,7 @@ class NavigationProvider extends ChangeNotifier {

  List<AppNavDestination> destinations = [];

-  int get pinnedDestinationCount =>
-      destinations.where((ele) => ele.isPinned).length;
+  int get pinnedDestinationCount => destinations.where((ele) => ele.isPinned).length;

  NavigationProvider() {
    buildDestinations(kDefaultPinnedDestination);
@ -113,17 +117,13 @@ class NavigationProvider extends ChangeNotifier {
  }

  bool isIndexInRange(int min, int max) {
-    return _currentIndex != null &&
-        _currentIndex! >= min &&
-        _currentIndex! < max;
+    return _currentIndex != null && _currentIndex! >= min && _currentIndex! < max;
  }

  void autoDetectIndex(GoRouter? state) {
    if (state == null) return;
    final idx = destinations.indexWhere(
-      (ele) =>
-          ele.screen ==
-          state.routerDelegate.currentConfiguration.last.route.name,
+      (ele) => ele.screen == state.routerDelegate.currentConfiguration.last.route.name,
    );
    _currentIndex = idx == -1 ? null : idx;
    notifyListeners();
--- a/lib/providers/notification.dart
+++ b/lib/providers/notification.dart
@ -4,18 +4,26 @@ import 'dart:io';
 import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_udid/flutter_udid.dart';
 import 'package:provider/provider.dart';
+import 'package:surface/providers/config.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
+import 'package:surface/providers/websocket.dart';
+import 'package:surface/types/notification.dart';

 class NotificationProvider extends ChangeNotifier {
  late final SnNetworkProvider _sn;
  late final UserProvider _ua;
+  late final WebSocketProvider _ws;
+  late final ConfigProvider _cfg;

  NotificationProvider(BuildContext context) {
    _sn = context.read<SnNetworkProvider>();
    _ua = context.read<UserProvider>();
+    _ws = context.read<WebSocketProvider>();
+    _cfg = context.read<ConfigProvider>();
  }

  Future<void> registerPushNotifications() async {
@ -62,4 +70,23 @@ class NotificationProvider extends ChangeNotifier {
      },
    );
  }
+
+  List<SnNotification> notifications = List.empty(growable: true);
+
+  void listen() {
+    _ws.stream.stream.listen((event) {
+      if (event.method == 'notifications.new') {
+        final notification = SnNotification.fromJson(event.payload!);
+        notifications.add(notification);
+        notifyListeners();
+        final doHaptic = _cfg.prefs.getBool(kAppNotifyWithHaptic) ?? true;
+        if (doHaptic) HapticFeedback.lightImpact();
+      }
+    });
+  }
+
+  void clear() {
+    notifications.clear();
+    notifyListeners();
+  }
 }
--- a/lib/providers/sn_sticker.dart
+++ b/lib/providers/sn_sticker.dart
@ -0,0 +1,38 @@
+import 'dart:developer';
+
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/attachment.dart';
+
+class SnStickerProvider {
+  late final SnNetworkProvider _sn;
+  final Map<String, SnSticker?> _cache = {};
+
+  SnStickerProvider(BuildContext context) {
+    _sn = context.read<SnNetworkProvider>();
+  }
+
+  bool hasNotSticker(String alias) {
+    return _cache.containsKey(alias) && _cache[alias] == null;
+  }
+
+  Future<SnSticker?> lookupSticker(String alias) async {
+    if (_cache.containsKey(alias)) {
+      return _cache[alias];
+    }
+
+    try {
+      final resp = await _sn.client.get('/cgi/uc/stickers/lookup/$alias');
+      final sticker = SnSticker.fromJson(resp.data);
+      _cache[alias] = sticker;
+
+      return sticker;
+    } catch (err) {
+      _cache[alias] = null;
+      log('[Sticker] Failed to lookup sticker $alias: $err');
+    }
+
+    return null;
+  }
+}
--- a/lib/providers/special_day.dart
+++ b/lib/providers/special_day.dart
@ -3,9 +3,12 @@ import 'package:provider/provider.dart';
 import 'package:surface/providers/userinfo.dart';

 // Stored as key: month, day
-const Map<String, (int, int)> kSpecialDays = {
+final Map<String, (int, int)> kSpecialDays = {
  // Birthday is dynamically generated according to the user's profile
  'NewYear': (1, 1),
+  'LunarNewYear': (lunarToGregorian(null, 1, 1).month, lunarToGregorian(null, 1, 1).day),
+  'MidAutumn': (lunarToGregorian(null, 8, 15).month, lunarToGregorian(null, 8, 15).day),
+  'DragonBoat': (lunarToGregorian(null, 5, 5).month, lunarToGregorian(null, 5, 5).day),
  'ValentineDay': (2, 14),
  'LaborDay': (5, 1),
  'MotherDay': (5, 11),
@ -19,6 +22,9 @@ const Map<String, (int, int)> kSpecialDays = {
 const Map<String, String> kSpecialDaysSymbol = {
  'Birthday': '🎂',
  'NewYear': '🎉',
+  'LunarNewYear': '🎉',
+  'MidAutumn': '🥮',
+  'DragonBoat': '🐲',
  'MerryXmas': '🎄',
  'ValentineDay': '💑',
  'LaborDay': '🏋️',
@ -134,3 +140,45 @@ class SpecialDayProvider {
    return (elapsedDuration / totalDuration).clamp(0.0, 1.0);
  }
 }
+
+final Map<int, LunarYear> lunarYearData = {
+  2025: LunarYear(
+    startDate: DateTime(2025, 1, 29),
+    months: [29, 30, 30, 29, 30, 29, 29, 30, 30, 29, 30, 29],
+    leapMonth: 0,
+  ),
+};
+
+class LunarYear {
+  final DateTime startDate;
+  final List<int> months;
+  final int leapMonth;
+
+  LunarYear({required this.startDate, required this.months, required this.leapMonth});
+}
+
+DateTime lunarToGregorian(int? year, int month, int day, {bool isLeapMonth = false}) {
+  year = year ?? DateTime.now().year;
+  final lunarYear = lunarYearData[year];
+  if (lunarYear == null) {
+    throw Exception('Lunar data for year $year not found');
+  }
+
+  int leapMonth = lunarYear.leapMonth;
+  if (isLeapMonth && (leapMonth == 0 || leapMonth != month)) {
+    throw Exception('Invalid leap month for year $year');
+  }
+
+  int daysFromStart = 0;
+  for (int i = 0; i < month - 1; i++) {
+    daysFromStart += lunarYear.months[i];
+  }
+
+  if (isLeapMonth) {
+    daysFromStart += lunarYear.months[month - 1];
+  }
+
+  daysFromStart += day - 1;
+
+  return lunarYear.startDate.add(Duration(days: daysFromStart));
+}
--- a/lib/providers/sticker.dart
+++ b/lib/providers/sticker.dart
@ -1,3 +0,0 @@
-class StickerProvider {
-
-}
--- a/lib/providers/websocket.dart
+++ b/lib/providers/websocket.dart
@ -35,7 +35,7 @@ class WebSocketProvider extends ChangeNotifier {

  Future<void> connect({noRetry = false}) async {
    if (!_ua.isAuthorized) return;
-    if (isConnected) {
+    if (isConnected || conn != null) {
      disconnect();
    }

@ -97,7 +97,7 @@ class WebSocketProvider extends ChangeNotifier {
      onError: (err) {
        isConnected = false;
        notifyListeners();
-        Future.delayed(const Duration(seconds: 11), () => connect());
+        Future.delayed(const Duration(seconds: 1), () => connect());
      },
    );
  }
--- a/lib/router.dart
+++ b/lib/router.dart
@ -3,7 +3,9 @@ import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:surface/screens/abuse_report.dart';
 import 'package:surface/screens/account.dart';
-import 'package:surface/screens/account/pfp.dart';
+import 'package:surface/screens/account/account_settings.dart';
+import 'package:surface/screens/account/factor_settings.dart';
+import 'package:surface/screens/account/profile_page.dart';
 import 'package:surface/screens/account/profile_edit.dart';
 import 'package:surface/screens/account/publishers/publisher_edit.dart';
 import 'package:surface/screens/account/publishers/publisher_new.dart';
@ -19,6 +21,8 @@ import 'package:surface/screens/chat/room.dart';
 import 'package:surface/screens/explore.dart';
 import 'package:surface/screens/friend.dart';
 import 'package:surface/screens/home.dart';
+import 'package:surface/screens/news/news_detail.dart';
+import 'package:surface/screens/news/news_list.dart';
 import 'package:surface/screens/notification.dart';
 import 'package:surface/screens/post/post_detail.dart';
 import 'package:surface/screens/post/post_editor.dart';
@ -29,37 +33,36 @@ import 'package:surface/screens/realm/manage.dart';
 import 'package:surface/screens/realm/realm_detail.dart';
 import 'package:surface/screens/settings.dart';
 import 'package:surface/screens/sharing.dart';
+import 'package:surface/screens/wallet.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/widgets/about.dart';
-import 'package:surface/widgets/navigation/app_background.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 = [
-  ShellRoute(
-    builder: (context, state, child) => AppPageScaffold(
-      body: child,
-      showAppBar: false,
-    ),
-    routes: [
  GoRoute(
    path: '/',
    name: 'home',
-        pageBuilder: (context, state) => NoTransitionPage(
-          child: const HomeScreen(),
-        ),
+    builder: (context, state) => const HomeScreen(),
  ),
  GoRoute(
    path: '/posts',
    name: 'explore',
-        pageBuilder: (context, state) => NoTransitionPage(
-          child: const ExploreScreen(),
-        ),
+    builder: (context, state) => const ExploreScreen(),
    routes: [
      GoRoute(
        path: '/write/:mode',
        name: 'postEditor',
-            builder: (context, state) => AppBackground(
-              child: PostEditorScreen(
+        builder: (context, state) => PostEditorScreen(
          mode: state.pathParameters['mode']!,
          postEditId: int.tryParse(
            state.uri.queryParameters['editing'] ?? '',
@ -73,246 +76,183 @@ final _appRoutes = [
          extraProps: state.extra as PostEditorExtraProps?,
        ),
      ),
-          ),
      GoRoute(
        path: '/search',
        name: 'postSearch',
-            builder: (context, state) => AppBackground(
-              child: PostSearchScreen(
+        builder: (context, state) => PostSearchScreen(
          initialTags: state.uri.queryParameters['tags']?.split(','),
          initialCategories: state.uri.queryParameters['categories']?.split(','),
        ),
      ),
-          ),
      GoRoute(
        path: '/publishers/:name',
        name: 'postPublisher',
-            builder: (context, state) => AppBackground(
-              child: PostPublisherScreen(name: state.pathParameters['name']!),
-            ),
+        builder: (context, state) => PostPublisherScreen(name: state.pathParameters['name']!),
      ),
      GoRoute(
        path: '/:slug',
        name: 'postDetail',
-            builder: (context, state) => AppBackground(
-              child: PostDetailScreen(
+        builder: (context, state) => PostDetailScreen(
          slug: state.pathParameters['slug']!,
          preload: state.extra as SnPost?,
        ),
      ),
-          ),
    ],
  ),
+  GoRoute(path: '/account', name: 'account', builder: (context, state) => const AccountScreen(), routes: [
    GoRoute(
-        path: '/account',
-        name: 'account',
+      path: '/wallet',
+      name: 'accountWallet',
+      builder: (context, state) => const WalletScreen(),
+    ),
+    GoRoute(
+      path: '/settings',
+      name: 'accountSettings',
+      builder: (context, state) => AccountSettingsScreen(),
+    ),
+    GoRoute(
+      path: '/settings/factors',
+      name: 'factorSettings',
+      builder: (context, state) => FactorSettingsScreen(),
+    ),
+    GoRoute(
+      path: '/profile/edit',
+      name: 'accountProfileEdit',
+      builder: (context, state) => ProfileEditScreen(),
+    ),
+    GoRoute(
+      path: '/publishers',
+      name: 'accountPublishers',
+      builder: (context, state) => PublisherScreen(),
+    ),
+    GoRoute(
+      path: '/publishers/new',
+      name: 'accountPublisherNew',
+      builder: (context, state) => AccountPublisherNewScreen(),
+    ),
+    GoRoute(
+      path: '/publishers/edit/:name',
+      name: 'accountPublisherEdit',
+      builder: (context, state) => AccountPublisherEditScreen(
+        name: state.pathParameters['name']!,
+      ),
+    ),
+    GoRoute(
+      path: '/:name',
+      name: 'accountProfilePage',
      pageBuilder: (context, state) => NoTransitionPage(
-          child: const AccountScreen(),
+        child: UserScreen(name: state.pathParameters['name']!),
      ),
-        routes: [],
    ),
+  ]),
  GoRoute(
    path: '/chat',
    name: 'chat',
-        pageBuilder: (context, state) => NoTransitionPage(
-          child: const ChatScreen(),
-        ),
+    builder: (context, state) => const ChatScreen(),
    routes: [
      GoRoute(
        path: '/:scope/:alias',
        name: 'chatRoom',
-            builder: (context, state) => AppBackground(
-              child: ChatRoomScreen(
+        builder: (context, state) => ChatRoomScreen(
          scope: state.pathParameters['scope']!,
          alias: state.pathParameters['alias']!,
        ),
      ),
-          ),
      GoRoute(
        path: '/:scope/:alias/call',
        name: 'chatCallRoom',
-            builder: (context, state) => AppBackground(
-              child: CallRoomScreen(
+        builder: (context, state) => CallRoomScreen(
          scope: state.pathParameters['scope']!,
          alias: state.pathParameters['alias']!,
        ),
      ),
-          ),
      GoRoute(
        path: '/:scope/:alias/detail',
        name: 'channelDetail',
-            builder: (context, state) => AppBackground(
-              child: ChannelDetailScreen(
+        builder: (context, state) => ChannelDetailScreen(
          scope: state.pathParameters['scope']!,
          alias: state.pathParameters['alias']!,
        ),
      ),
-          ),
      GoRoute(
        path: '/manage',
        name: 'chatManage',
-            pageBuilder: (context, state) => CustomTransitionPage(
-              child: ChatManageScreen(
+        builder: (context, state) => ChatManageScreen(
          editingChannelAlias: state.uri.queryParameters['editing'],
        ),
-              transitionsBuilder: (context, animation, secondaryAnimation, child) {
-                return FadeThroughTransition(
-                  animation: animation,
-                  secondaryAnimation: secondaryAnimation,
-                  fillColor: Colors.transparent,
-                  child: AppBackground(
-                    child: child,
-                  ),
-                );
-              },
-            ),
-          ),
-          GoRoute(
-            path: '/:alias',
-            name: 'realmDetail',
-            builder: (context, state) => AppBackground(
-              child: RealmDetailScreen(alias: state.pathParameters['alias']!),
-            ),
      ),
    ],
  ),
  GoRoute(
    path: '/realm',
    name: 'realm',
-        pageBuilder: (context, state) => NoTransitionPage(
+    pageBuilder: (context, state) => CustomTransitionPage(
+      transitionsBuilder: _fadeThroughTransition,
      child: const RealmScreen(),
    ),
    routes: [
+      GoRoute(
+        path: '/:alias',
+        name: 'realmDetail',
+        builder: (context, state) => RealmDetailScreen(alias: state.pathParameters['alias']!),
+      ),
      GoRoute(
        path: '/manage',
        name: 'realmManage',
-            pageBuilder: (context, state) => CustomTransitionPage(
-              child: RealmManageScreen(
+        builder: (context, state) => RealmManageScreen(
          editingRealmAlias: state.uri.queryParameters['editing'],
        ),
-              transitionsBuilder: (context, animation, secondaryAnimation, child) {
-                return FadeThroughTransition(
-                  animation: animation,
-                  secondaryAnimation: secondaryAnimation,
-                  fillColor: Colors.transparent,
-                  child: AppBackground(
-                    child: child,
-                  ),
-                );
-              },
-            ),
      ),
    ],
  ),
+  GoRoute(path: '/news', name: 'news', builder: (context, state) => const NewsScreen(), routes: [
+    GoRoute(
+      path: '/:hash',
+      name: 'newsDetail',
+      builder: (context, state) => NewsDetailScreen(
+        hash: state.pathParameters['hash']!,
+      ),
+    ),
+  ]),
  GoRoute(
    path: '/album',
    name: 'album',
-        pageBuilder: (context, state) => NoTransitionPage(
-          child: const AlbumScreen(),
-        ),
+    builder: (context, state) => const AlbumScreen(),
  ),
  GoRoute(
    path: '/friend',
    name: 'friend',
-        pageBuilder: (context, state) => NoTransitionPage(
-          child: const FriendScreen(),
-        ),
+    builder: (context, state) => const FriendScreen(),
  ),
  GoRoute(
    path: '/notification',
    name: 'notification',
-        pageBuilder: (context, state) => NoTransitionPage(
-          child: const NotificationScreen(),
+    builder: (context, state) => const NotificationScreen(),
  ),
-      ),
-    ],
-  ),
-  ShellRoute(
-    builder: (context, state, child) => AppPageScaffold(body: child),
-    routes: [
  GoRoute(
    path: '/auth/login',
    name: 'authLogin',
-        builder: (context, state) => const AppBackground(
-          child: LoginScreen(),
-        ),
+    builder: (context, state) => LoginScreen(),
  ),
  GoRoute(
    path: '/auth/register',
    name: 'authRegister',
-        builder: (context, state) => const AppBackground(
-          child: RegisterScreen(),
-        ),
+    builder: (context, state) => RegisterScreen(),
  ),
  GoRoute(
    path: '/reports',
    name: 'abuseReport',
-        builder: (context, state) => const AppBackground(
-          child: AbuseReportScreen(),
+    builder: (context, state) => AbuseReportScreen(),
  ),
-      ),
-      GoRoute(
-        path: '/account/profile/edit',
-        name: 'accountProfileEdit',
-        builder: (context, state) => const AppBackground(
-          child: ProfileEditScreen(),
-        ),
-      ),
-      GoRoute(
-        path: '/account/publishers',
-        name: 'accountPublishers',
-        builder: (context, state) => const AppBackground(
-          child: PublisherScreen(),
-        ),
-      ),
-      GoRoute(
-        path: '/account/publishers/new',
-        name: 'accountPublisherNew',
-        builder: (context, state) => const AppBackground(
-          child: AccountPublisherNewScreen(),
-        ),
-      ),
-      GoRoute(
-        path: '/account/publishers/edit/:name',
-        name: 'accountPublisherEdit',
-        builder: (context, state) => AppBackground(
-          child: AccountPublisherEditScreen(
-            name: state.pathParameters['name']!,
-          ),
-        ),
-      ),
-    ],
-  ),
-  GoRoute(
-    path: '/account/:name',
-    name: 'accountProfilePage',
-    pageBuilder: (context, state) => NoTransitionPage(
-      child: UserScreen(name: state.pathParameters['name']!),
-    ),
-  ),
-  ShellRoute(
-    builder: (context, state, child) => AppPageScaffold(body: child),
-    routes: [
  GoRoute(
    path: '/settings',
    name: 'settings',
-        builder: (context, state) => const AppBackground(
-          child: SettingsScreen(),
+    builder: (context, state) => SettingsScreen(),
  ),
-      ),
-    ],
-  ),
-  ShellRoute(
-    builder: (context, state, child) => AppPageScaffold(body: child),
-    routes: [
  GoRoute(
    path: '/about',
    name: 'about',
-        builder: (context, state) => const AppBackground(
-          child: AboutScreen(),
-        ),
-      ),
-    ],
+    builder: (context, state) => AboutScreen(),
  ),
 ];

--- a/lib/screens/abuse_report.dart
+++ b/lib/screens/abuse_report.dart
@ -6,6 +6,7 @@ import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';

 import '../types/account.dart';

@ -56,7 +57,11 @@ class _AbuseReportScreenState extends State<AbuseReportScreen> {

  @override
  Widget build(BuildContext context) {
-    return Scaffold(
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('screenAbuseReport').tr(),
+      ),
      body: Column(
        children: [
          ListTile(
@ -73,6 +78,7 @@ class _AbuseReportScreenState extends State<AbuseReportScreen> {
          else
            Expanded(
              child: ListView.builder(
+                padding: EdgeInsets.only(top: 8),
                itemCount: _reports.length,
                itemBuilder: (context, idx) {
                  return ListTile(
--- a/lib/screens/account.dart
+++ b/lib/screens/account.dart
@ -1,3 +1,5 @@
+import 'dart:ui';
+
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
@ -12,6 +14,8 @@ import 'package:surface/providers/websocket.dart';
 import 'package:surface/widgets/account/account_image.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';

 class AccountScreen extends StatelessWidget {
  const AccountScreen({super.key});
@ -19,11 +23,39 @@ class AccountScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final ua = context.watch<UserProvider>();
+    final sn = context.read<SnNetworkProvider>();

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        leading: AutoAppBarLeading(),
        title: Text("screenAccount").tr(),
+        flexibleSpace: ua.user != null && ua.user!.banner.isNotEmpty
+            ? Stack(
+                fit: StackFit.expand,
+                children: [
+                  AutoResizeUniversalImage(sn.getAttachmentUrl(ua.user!.banner), fit: BoxFit.cover),
+                  Positioned(
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    height: 56 + MediaQuery.of(context).padding.top,
+                    child: ClipRect(
+                      child: BackdropFilter(
+                        filter: ImageFilter.blur(
+                          sigmaX: 10,
+                          sigmaY: 10,
+                        ),
+                        child: Container(
+                          color: Colors.black.withOpacity(
+                            clampDouble(10 * 0.1, 0, 0.5),
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ],
+              )
+            : null,
        actions: [
          IconButton(
            icon: const Icon(Symbols.settings, fill: 1),
@ -82,16 +114,6 @@ class _AuthorizedAccountScreen extends StatelessWidget {
            );
          }).padding(all: 20),
        ).padding(horizontal: 8, top: 16, bottom: 4),
-        ListTile(
-          title: Text('accountProfileEdit').tr(),
-          subtitle: Text('accountProfileEditSubtitle').tr(),
-          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
-          leading: const Icon(Symbols.contact_page),
-          trailing: const Icon(Symbols.chevron_right),
-          onTap: () {
-            GoRouter.of(context).pushNamed('accountProfileEdit');
-          },
-        ),
        ListTile(
          title: Text('accountPublishers').tr(),
          subtitle: Text('accountPublishersSubtitle').tr(),
@ -112,6 +134,36 @@ class _AuthorizedAccountScreen extends StatelessWidget {
            GoRouter.of(context).pushNamed('abuseReport');
          },
        ),
+        ListTile(
+          title: Text('factorSettings').tr(),
+          subtitle: Text('factorSettingsSubtitle').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Symbols.lock),
+          trailing: const Icon(Symbols.chevron_right),
+          onTap: () {
+            GoRouter.of(context).pushNamed('factorSettings');
+          },
+        ),
+        ListTile(
+          title: Text('accountWallet').tr(),
+          subtitle: Text('accountWalletSubtitle').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Symbols.wallet),
+          trailing: const Icon(Symbols.chevron_right),
+          onTap: () {
+            GoRouter.of(context).pushNamed('accountWallet');
+          },
+        ),
+        ListTile(
+          title: Text('accountSettings').tr(),
+          subtitle: Text('accountSettingsSubtitle').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Symbols.manage_accounts),
+          trailing: const Icon(Symbols.chevron_right),
+          onTap: () {
+            GoRouter.of(context).pushNamed('accountSettings');
+          },
+        ),
        ListTile(
          title: Text('accountLogout').tr(),
          subtitle: Text('accountLogoutSubtitle').tr(),
@ -133,33 +185,6 @@ class _AuthorizedAccountScreen extends StatelessWidget {
            await Hive.initFlutter();
          },
        ),
-        ListTile(
-          title: Text('accountDeletion'.tr()),
-          subtitle: Text('accountDeletionActionDescription'.tr()),
-          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
-          leading: const Icon(Symbols.person_cancel),
-          trailing: const Icon(Symbols.chevron_right),
-          onTap: () {
-            context
-                .showConfirmDialog(
-              'accountDeletion'.tr(),
-              'accountDeletionDescription'.tr(),
-            )
-                .then((value) {
-              if (!value || !context.mounted) return;
-              final sn = context.read<SnNetworkProvider>();
-              sn.client.post('/cgi/id/users/me/deletion').then((value) {
-                if (context.mounted) {
-                  context.showSnackbar('accountDeletionSubmitted'.tr());
-                }
-              }).catchError((err) {
-                if (context.mounted) {
-                  context.showErrorDialog(err);
-                }
-              });
-            });
-          },
-        ),
      ],
    );
  }
--- a/lib/screens/account/account_settings.dart
+++ b/lib/screens/account/account_settings.dart
@ -0,0 +1,66 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+
+class AccountSettingsScreen extends StatelessWidget {
+  const AccountSettingsScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: PageBackButton(),
+        title: Text('screenAccountSettings').tr(),
+      ),
+      body: SingleChildScrollView(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            ListTile(
+              title: Text('accountProfileEdit').tr(),
+              subtitle: Text('accountProfileEditSubtitle').tr(),
+              contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+              leading: const Icon(Symbols.contact_page),
+              trailing: const Icon(Symbols.chevron_right),
+              onTap: () {
+                GoRouter.of(context).pushNamed('accountProfileEdit');
+              },
+            ),
+            ListTile(
+              title: Text('accountDeletion'.tr()),
+              subtitle: Text('accountDeletionActionDescription'.tr()),
+              contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+              leading: const Icon(Symbols.person_cancel),
+              trailing: const Icon(Symbols.chevron_right),
+              onTap: () {
+                context
+                    .showConfirmDialog(
+                  'accountDeletion'.tr(),
+                  'accountDeletionDescription'.tr(),
+                )
+                    .then((value) {
+                  if (!value || !context.mounted) return;
+                  final sn = context.read<SnNetworkProvider>();
+                  sn.client.post('/cgi/id/users/me/deletion').then((value) {
+                    if (context.mounted) {
+                      context.showSnackbar('accountDeletionSubmitted'.tr());
+                    }
+                  }).catchError((err) {
+                    if (context.mounted) {
+                      context.showErrorDialog(err);
+                    }
+                  });
+                });
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
--- a/lib/screens/account/factor_settings.dart
+++ b/lib/screens/account/factor_settings.dart
@ -0,0 +1,294 @@
+import 'package:dropdown_button2/dropdown_button2.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:provider/provider.dart';
+import 'package:qr_flutter/qr_flutter.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/auth.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+
+final Map<int, (String, String, IconData)> kFactorTypes = {
+  0: ('authFactorPassword', 'authFactorPasswordDescription', Symbols.password),
+  1: ('authFactorEmail', 'authFactorEmailDescription', Symbols.email),
+  2: ('authFactorTOTP', 'authFactorTOTPDescription', Symbols.timer),
+  3: ('authFactorInAppNotify', 'authFactorInAppNotifyDescription', Symbols.notifications_active),
+};
+
+class FactorSettingsScreen extends StatefulWidget {
+  const FactorSettingsScreen({super.key});
+
+  @override
+  State<FactorSettingsScreen> createState() => _FactorSettingsScreenState();
+}
+
+class _FactorSettingsScreenState extends State<FactorSettingsScreen> {
+  bool _isBusy = false;
+  List<SnAuthFactor>? _factors;
+
+  Future<void> _fetchFactors() async {
+    try {
+      setState(() => _isBusy = true);
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/id/users/me/factors');
+      _factors = List<SnAuthFactor>.from(
+        resp.data?.map((e) => SnAuthFactor.fromJson(e as Map<String, dynamic>)).toList() ?? [],
+      );
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchFactors();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: PageBackButton(),
+        title: Text('screenFactorSettings').tr(),
+      ),
+      body: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          LoadingIndicator(
+            isActive: _isBusy,
+          ),
+          ListTile(
+            title: Text('authFactorAdd').tr(),
+            subtitle: Text('authFactorAddSubtitle').tr(),
+            contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+            leading: const Icon(Symbols.add),
+            trailing: const Icon(Symbols.chevron_right),
+            onTap: () {
+              showDialog(
+                context: context,
+                builder: (context) => _FactorNewDialog(
+                  currentlyHave: _factors!,
+                ),
+              ).then((val) {
+                if (val == true) _fetchFactors();
+              });
+            },
+          ),
+          const Divider(height: 1),
+          Expanded(
+            child: MediaQuery.removePadding(
+              context: context,
+              removeTop: true,
+              child: RefreshIndicator(
+                onRefresh: _fetchFactors,
+                child: ListView.builder(
+                  itemCount: _factors?.length ?? 0,
+                  itemBuilder: (context, idx) {
+                    final ele = _factors![idx];
+                    return ListTile(
+                      title: Text(kFactorTypes[ele.type]!.$1).tr(),
+                      subtitle: Text(kFactorTypes[ele.type]!.$2).tr(),
+                      contentPadding: const EdgeInsets.only(left: 24, right: 12),
+                      leading: Icon(kFactorTypes[ele.type]!.$3),
+                      trailing: IconButton(
+                        icon: const Icon(Symbols.close),
+                        onPressed: ele.type > 0
+                            ? () {
+                                context
+                                    .showConfirmDialog(
+                                  'authFactorDelete'.tr(),
+                                  'authFactorDeleteDescription'.tr(args: [kFactorTypes[ele.type]!.$1.tr()]),
+                                )
+                                    .then((val) async {
+                                  if (!val) return;
+                                  try {
+                                    if (!context.mounted) return;
+                                    final sn = context.read<SnNetworkProvider>();
+                                    await sn.client.delete('/cgi/id/users/me/factors/${ele.id}');
+                                    _fetchFactors();
+                                  } catch (err) {
+                                    if (!context.mounted) return;
+                                    context.showErrorDialog(err);
+                                  }
+                                });
+                              }
+                            : null,
+                      ),
+                    );
+                  },
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _FactorNewDialog extends StatefulWidget {
+  final List<SnAuthFactor> currentlyHave;
+
+  const _FactorNewDialog({required this.currentlyHave});
+
+  @override
+  State<_FactorNewDialog> createState() => _FactorNewDialogState();
+}
+
+class _FactorNewDialogState extends State<_FactorNewDialog> {
+  int? _factorType;
+  bool _isBusy = false;
+
+  Future<void> _submit() async {
+    try {
+      setState(() => _isBusy = true);
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.post('/cgi/id/users/me/factors', data: {
+        'type': _factorType,
+      });
+      final factor = SnAuthFactor.fromJson(resp.data);
+      if (!mounted) return;
+      if (factor.type == 2) {
+        await showModalBottomSheet(
+          context: context,
+          builder: (context) => _FactorTotpFactorDialog(factor: factor),
+        );
+      }
+      if (!mounted) return;
+      Navigator.of(context).pop(true);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Text('authFactorAdd').tr(),
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          DropdownButtonHideUnderline(
+            child: DropdownButton2<int>(
+              hint: Text(
+                'Select Item',
+                style: TextStyle(
+                  fontSize: 14,
+                ),
+                overflow: TextOverflow.ellipsis,
+              ),
+              value: _factorType,
+              items: kFactorTypes.entries.map(
+                (ele) {
+                  final contains = widget.currentlyHave.map((ele) => ele.type).contains(ele.key);
+                  return DropdownMenuItem<int>(
+                    enabled: !contains,
+                    value: ele.key,
+                    child: Text(
+                      ele.value.$1.tr(),
+                      style: const TextStyle(
+                        fontSize: 14,
+                      ),
+                    ).opacity(contains ? 0.75 : 1),
+                  );
+                },
+              ).toList(),
+              onChanged: (val) => setState(() {
+                _factorType = val;
+              }),
+              buttonStyleData: ButtonStyleData(
+                height: 50,
+                padding: const EdgeInsets.only(left: 14, right: 14),
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(14),
+                  border: Border.all(
+                    color: Theme.of(context).dividerColor,
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+      actions: [
+        TextButton(
+          onPressed: _isBusy ? null : () => Navigator.of(context).pop(),
+          child: Text('dialogCancel').tr(),
+        ),
+        TextButton(
+          onPressed: _isBusy ? null : () => _submit(),
+          child: Text('dialogConfirm').tr(),
+        ),
+      ],
+    );
+  }
+}
+
+class _FactorTotpFactorDialog extends StatelessWidget {
+  final SnAuthFactor factor;
+
+  const _FactorTotpFactorDialog({required this.factor});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          Center(
+            child: Text(
+              'totpPostSetup',
+              textAlign: TextAlign.center,
+              style: Theme.of(context).textTheme.titleLarge,
+            ).tr().width(280),
+          ),
+          const Gap(4),
+          Center(
+            child: Text(
+              'totpPostSetupDescription',
+              textAlign: TextAlign.center,
+              style: Theme.of(context).textTheme.bodySmall,
+            ).tr().width(280),
+          ),
+          const Gap(16),
+          QrImageView(
+            padding: EdgeInsets.zero,
+            data: factor.config!['url'],
+            errorCorrectionLevel: QrErrorCorrectLevel.H,
+            version: QrVersions.auto,
+            size: 160,
+            gapless: true,
+            eyeStyle: QrEyeStyle(
+              eyeShape: QrEyeShape.circle,
+              color: Theme.of(context).colorScheme.onSurface,
+            ),
+            dataModuleStyle: QrDataModuleStyle(
+              dataModuleShape: QrDataModuleShape.square,
+              color: Theme.of(context).colorScheme.onSurface,
+            ),
+          ),
+          const Gap(16),
+          Center(
+            child: Text(
+              'totpNeverShare',
+              textAlign: TextAlign.center,
+              style: Theme.of(context).textTheme.bodyMedium,
+            ).tr().bold().width(280),
+          ),
+        ],
+      ),
+    );
+  }
+}
--- a/lib/screens/account/profile_edit.dart
+++ b/lib/screens/account/profile_edit.dart
@ -18,6 +18,7 @@ import 'package:surface/providers/userinfo.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/universal_image.dart';

 class ProfileEditScreen extends StatefulWidget {
@ -81,8 +82,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
            onDateTimeChanged: (DateTime newDate) {
              setState(() {
                _birthday = newDate;
-                _birthdayController.text =
-                    DateFormat(_kDateFormat).format(_birthday!);
+                _birthdayController.text = DateFormat(_kDateFormat).format(_birthday!);
              });
            },
          ),
@ -96,11 +96,9 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
    if (image == null) return;
    if (!mounted) return;

-    final ImageProvider imageProvider =
-        kIsWeb ? NetworkImage(image.path) : FileImage(File(image.path));
-    final aspectRatios = place == 'banner'
-        ? [CropAspectRatio(width: 16, height: 7)]
-        : [CropAspectRatio(width: 1, height: 1)];
+    final ImageProvider imageProvider = kIsWeb ? NetworkImage(image.path) : FileImage(File(image.path));
+    final aspectRatios =
+        place == 'banner' ? [CropAspectRatio(width: 16, height: 7)] : [CropAspectRatio(width: 1, height: 1)];
    final result = (!kIsWeb && (Platform.isIOS || Platform.isMacOS))
        ? await showCupertinoImageCropper(
            // ignore: use_build_context_synchronously
@ -122,10 +120,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {

    setState(() => _isBusy = true);

-    final rawBytes =
-        (await result.uiImage.toByteData(format: ImageByteFormat.png))!
-            .buffer
-            .asUint8List();
+    final rawBytes = (await result.uiImage.toByteData(format: ImageByteFormat.png))!.buffer.asUint8List();

    try {
      final attachment = await attach.directUploadOne(
@ -212,7 +207,12 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {

    final sn = context.read<SnNetworkProvider>();

-    return SingleChildScrollView(
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('screenAccountProfileEdit').tr(),
+      ),
+      body: SingleChildScrollView(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
@ -229,8 +229,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
                      child: AspectRatio(
                        aspectRatio: 16 / 9,
                        child: Container(
-                        color:
-                            Theme.of(context).colorScheme.surfaceContainerHigh,
+                          color: Theme.of(context).colorScheme.surfaceContainerHigh,
                          child: _banner != null
                              ? AutoResizeUniversalImage(
                                  sn.getAttachmentUrl(_banner!),
@ -343,6 +342,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
            ).padding(horizontal: padding),
          ],
        ),
+      ),
    );
  }
 }
--- a/lib/screens/account/profile_page.dart
+++ b/lib/screens/account/profile_page.dart
@ -241,6 +241,7 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
    final sn = context.read<SnNetworkProvider>();

    return Scaffold(
+      backgroundColor: Colors.transparent,
      body: CustomScrollView(
        controller: _scrollController,
        slivers: [
@ -594,7 +595,7 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                subtitle: Text('@${ele.name}'),
                trailing: const Icon(Symbols.chevron_right),
                onTap: () {
-                  GoRouter.of(context).pushNamed(
+                  GoRouter.of(context).goNamed(
                    'postPublisher',
                    pathParameters: {'name': ele.name},
                  );
--- a/lib/screens/account/publishers/publisher_edit.dart
+++ b/lib/screens/account/publishers/publisher_edit.dart
@ -18,6 +18,7 @@ import 'package:surface/types/post.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/universal_image.dart';

 class AccountPublisherEditScreen extends StatefulWidget {
@ -176,7 +177,7 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
  Widget build(BuildContext context) {
    final sn = context.read<SnNetworkProvider>();

-    return Scaffold(
+    return AppScaffold(
      body: SingleChildScrollView(
        child: Column(
          children: [
--- a/lib/screens/account/publishers/publisher_new.dart
+++ b/lib/screens/account/publishers/publisher_new.dart
@ -10,6 +10,7 @@ import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/realm.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';

 class AccountPublisherNewScreen extends StatefulWidget {
  const AccountPublisherNewScreen({super.key});
@ -24,7 +25,11 @@ class _AccountPublisherNewScreenState extends State<AccountPublisherNewScreen> {

  @override
  Widget build(BuildContext context) {
-    return Scaffold(
+    return  AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('screenAccountPublisherNew').tr(),
+      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
--- a/lib/screens/account/publishers/publishers.dart
+++ b/lib/screens/account/publishers/publishers.dart
@ -10,6 +10,7 @@ import 'package:surface/types/post.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';

 class PublisherScreen extends StatefulWidget {
  const PublisherScreen({super.key});
@ -32,8 +33,7 @@ class _PublisherScreenState extends State<PublisherScreen> {

    try {
      final resp = await sn.client.get('/cgi/co/publishers/me');
-      final List<SnPublisher> out = List<SnPublisher>.from(
-          resp.data?.map((e) => SnPublisher.fromJson(e)) ?? []);
+      final List<SnPublisher> out = List<SnPublisher>.from(resp.data?.map((e) => SnPublisher.fromJson(e)) ?? []);

      if (!mounted) return;

@ -53,7 +53,11 @@ class _PublisherScreenState extends State<PublisherScreen> {

  @override
  Widget build(BuildContext context) {
-    return Scaffold(
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('screenAccountPublishers').tr(),
+      ),
      body: Column(
        children: [
          ListTile(
@ -62,9 +66,7 @@ class _PublisherScreenState extends State<PublisherScreen> {
            contentPadding: const EdgeInsets.symmetric(horizontal: 24),
            leading: const Icon(Symbols.add_circle),
            onTap: () {
-              GoRouter.of(context)
-                  .pushNamed('accountPublisherNew')
-                  .then((value) {
+              GoRouter.of(context).pushNamed('accountPublisherNew').then((value) {
                if (value == true) {
                  _publishers.clear();
                  _fetchPublishers();
@ -75,6 +77,9 @@ class _PublisherScreenState extends State<PublisherScreen> {
          const Divider(height: 1),
          LoadingIndicator(isActive: _isBusy),
          Expanded(
+            child: MediaQuery.removePadding(
+              context: context,
+              removeTop: true,
              child: RefreshIndicator(
                onRefresh: () {
                  _publishers.clear();
@ -120,6 +125,7 @@ class _PublisherScreenState extends State<PublisherScreen> {
                ),
              ),
            ),
+          ),
        ],
      ),
    );
--- a/lib/screens/album.dart
+++ b/lib/screens/album.dart
@ -11,6 +11,7 @@ import 'package:surface/widgets/app_bar_leading.dart';
 import 'package:surface/widgets/attachment/attachment_zoom.dart';
 import 'package:surface/widgets/attachment/attachment_item.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:uuid/uuid.dart';

 class AlbumScreen extends StatefulWidget {
@ -82,7 +83,7 @@ class _AlbumScreenState extends State<AlbumScreen> {

  @override
  Widget build(BuildContext context) {
-    return Scaffold(
+    return AppScaffold(
      body: CustomScrollView(
        controller: _scrollController,
        slivers: [
--- a/lib/screens/auth/login.dart
+++ b/lib/screens/auth/login.dart
@ -7,17 +7,14 @@ import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
+import 'package:surface/screens/account/factor_settings.dart';
 import 'package:surface/types/auth.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:url_launcher/url_launcher_string.dart';

 import '../../providers/websocket.dart';

-final Map<int, (String label, IconData icon, bool isOtp)> _factorLabelMap = {
-  0: ('authFactorPassword'.tr(), Symbols.password, false),
-  1: ('authFactorEmail'.tr(), Symbols.email, true),
-};
-
 class LoginScreen extends StatefulWidget {
  const LoginScreen({super.key});

@ -35,7 +32,12 @@ class _LoginScreenState extends State<LoginScreen> {

  @override
  Widget build(BuildContext context) {
-    return Theme(
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('screenAuthLogin').tr(),
+      ),
+      body: Theme(
        data: Theme.of(context).copyWith(canvasColor: Colors.transparent),
        child: SingleChildScrollView(
          child: PageTransitionSwitcher(
@ -96,6 +98,7 @@ class _LoginScreenState extends State<LoginScreen> {
            },
          ).padding(all: 24),
        ).center(),
+      ),
    );
  }
 }
@ -205,7 +208,9 @@ class _LoginCheckScreenState extends State<_LoginCheckScreen> {
          controller: _passwordController,
          obscureText: true,
          autofillHints: [
-            (_factorLabelMap[widget.factor!.type]?.$3 ?? true) ? AutofillHints.password : AutofillHints.oneTimeCode
+            widget.factor!.type == 0
+                ? AutofillHints.password
+                : AutofillHints.oneTimeCode
          ],
          decoration: InputDecoration(
            isDense: true,
@ -260,7 +265,8 @@ class _LoginPickerScreenState extends State<_LoginPickerScreen> {
  bool _isBusy = false;
  int? _factorPicked;

-  Color get _unFocusColor => Theme.of(context).colorScheme.onSurface.withAlpha((255 * 0.75).round());
+  Color get _unFocusColor =>
+      Theme.of(context).colorScheme.onSurface.withAlpha((255 * 0.75).round());

  void _performGetFactorCode() async {
    if (_factorPicked == null) return;
@ -321,11 +327,11 @@ class _LoginPickerScreenState extends State<_LoginPickerScreen> {
                          ),
                        ),
                        secondary: Icon(
-                          _factorLabelMap[x.type]?.$2 ?? Symbols.question_mark,
+                          kFactorTypes[x.type]?.$3 ?? Symbols.question_mark,
                        ),
                        title: Text(
-                          _factorLabelMap[x.type]?.$1 ?? 'unknown'.tr(),
-                        ),
+                          kFactorTypes[x.type]?.$1 ?? 'unknown',
+                        ).tr(),
                        enabled: !widget.ticket!.factorTrail.contains(x.id),
                        value: _factorPicked == x.id,
                        onChanged: (value) {
@ -401,11 +407,14 @@ class _LoginLookupScreenState extends State<_LoginLookupScreen> {

    try {
      final sn = context.read<SnNetworkProvider>();
-      final lookupResp = await sn.client.get('/cgi/id/users/lookup?probe=$username');
+      final lookupResp =
+          await sn.client.get('/cgi/id/users/lookup?probe=$username');
      await sn.client.post('/cgi/id/users/me/password-reset', data: {
        'user_id': lookupResp.data['id'],
      });
-      if (mounted) context.showModalDialog('done'.tr(), 'signinResetPasswordSent'.tr());
+      if (mounted) {
+        context.showModalDialog('done'.tr(), 'signinResetPasswordSent'.tr());
+      }
    } catch (err) {
      if (mounted) context.showErrorDialog(err);
    } finally {
@ -430,7 +439,8 @@ class _LoginLookupScreenState extends State<_LoginLookupScreen> {
      widget.onTicket(result.ticket);

      // Pull factors
-      final factorResp = await sn.client.get('/cgi/id/auth/factors', queryParameters: {
+      final factorResp =
+          await sn.client.get('/cgi/id/auth/factors', queryParameters: {
        'ticketId': result.ticket!.id.toString(),
      });
      widget.onFactor(
@ -524,7 +534,10 @@ class _LoginLookupScreenState extends State<_LoginLookupScreen> {
                    'termAcceptNextWithAgree'.tr(),
                    textAlign: TextAlign.end,
                    style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                          color: Theme.of(context).colorScheme.onSurface.withAlpha((255 * 0.75).round()),
+                          color: Theme.of(context)
+                              .colorScheme
+                              .onSurface
+                              .withAlpha((255 * 0.75).round()),
                        ),
                  ),
                  Material(
--- a/lib/screens/auth/register.dart
+++ b/lib/screens/auth/register.dart
@ -8,6 +8,7 @@ import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:url_launcher/url_launcher_string.dart';

 class RegisterScreen extends StatefulWidget {
@ -54,7 +55,12 @@ class _RegisterScreenState extends State<RegisterScreen> {

  @override
  Widget build(BuildContext context) {
-    return StyledWidget(Container(
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('screenAuthRegister').tr(),
+      ),
+      body: StyledWidget(Container(
        constraints: const BoxConstraints(maxWidth: 380),
        child: SingleChildScrollView(
          child: Column(
@ -180,10 +186,7 @@ class _RegisterScreenState extends State<RegisterScreen> {
                          'termAcceptNextWithAgree'.tr(),
                          textAlign: TextAlign.end,
                          style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                          color: Theme.of(context)
-                              .colorScheme
-                              .onSurface
-                              .withAlpha((255 * 0.75).round()),
+                                color: Theme.of(context).colorScheme.onSurface.withAlpha((255 * 0.75).round()),
                              ),
                        ),
                        Material(
@ -223,6 +226,7 @@ class _RegisterScreenState extends State<RegisterScreen> {
            ],
          ),
        ),
-    )).padding(all: 24).center();
+      )).padding(all: 24).center(),
+    );
  }
 }
--- a/lib/screens/chat.dart
+++ b/lib/screens/chat.dart
@ -13,6 +13,7 @@ import 'package:surface/widgets/account/account_select.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/navigation/app_scaffold.dart';
 import 'package:surface/widgets/unauthorized_hint.dart';
 import 'package:uuid/uuid.dart';

@ -120,7 +121,7 @@ class _ChatScreenState extends State<ChatScreen> {
    final ua = context.read<UserProvider>();

    if (!ua.isAuthorized) {
-      return Scaffold(
+      return AppScaffold(
        appBar: AppBar(
          leading: AutoAppBarLeading(),
          title: Text('screenChat').tr(),
@ -131,7 +132,7 @@ class _ChatScreenState extends State<ChatScreen> {
      );
    }

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        leading: AutoAppBarLeading(),
        title: Text('screenChat').tr(),
@ -195,6 +196,9 @@ class _ChatScreenState extends State<ChatScreen> {
        children: [
          LoadingIndicator(isActive: _isBusy),
          Expanded(
+            child: MediaQuery.removePadding(
+              context: context,
+              removeTop: true,
              child: RefreshIndicator(
                onRefresh: () => Future.sync(() => _refreshChannels()),
                child: ListView.builder(
@ -236,7 +240,7 @@ class _ChatScreenState extends State<ChatScreen> {
                              'alias': channel.alias,
                            },
                          ).then((value) {
-                          if (value == true) _refreshChannels();
+                            if (mounted) _refreshChannels();
                          });
                        },
                      );
@ -276,6 +280,7 @@ class _ChatScreenState extends State<ChatScreen> {
                ),
              ),
            ),
+          ),
        ],
      ),
    );
--- a/lib/screens/chat/call_room.dart
+++ b/lib/screens/chat/call_room.dart
@ -9,10 +9,12 @@ import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/chat_call.dart';
 import 'package:surface/widgets/chat/call/call_controls.dart';
 import 'package:surface/widgets/chat/call/call_participant.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';

 class CallRoomScreen extends StatefulWidget {
  final String scope;
  final String alias;
+
  const CallRoomScreen({super.key, required this.scope, required this.alias});

  @override
@ -35,8 +37,7 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
    return Stack(
      children: [
        Container(
-          color:
-              Theme.of(context).colorScheme.surfaceContainer.withOpacity(0.75),
+          color: Theme.of(context).colorScheme.surfaceContainer.withOpacity(0.75),
          child: call.focusTrack != null
              ? InteractiveParticipantWidget(
                  isFixedAvatar: false,
@ -71,8 +72,7 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
                      color: Theme.of(context).cardColor,
                      participant: track,
                      onTap: () {
-                        if (track.participant.sid !=
-                            call.focusTrack?.participant.sid) {
+                        if (track.participant.sid != call.focusTrack?.participant.sid) {
                          call.setFocusTrack(track);
                        }
                      },
@ -114,14 +114,10 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
            child: ClipRRect(
              borderRadius: const BorderRadius.all(Radius.circular(8)),
              child: InteractiveParticipantWidget(
-                color: Theme.of(context)
-                    .colorScheme
-                    .surfaceContainerHigh
-                    .withOpacity(0.75),
+                color: Theme.of(context).colorScheme.surfaceContainerHigh.withOpacity(0.75),
                participant: track,
                onTap: () {
-                  if (track.participant.sid !=
-                      call.focusTrack?.participant.sid) {
+                  if (track.participant.sid != call.focusTrack?.participant.sid) {
                    call.setFocusTrack(track);
                  }
                },
@ -152,31 +148,24 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
    return ListenableBuilder(
        listenable: call,
        builder: (context, _) {
-          return Scaffold(
+          return AppScaffold(
            appBar: AppBar(
              title: RichText(
                textAlign: TextAlign.center,
                text: TextSpan(children: [
                  TextSpan(
                    text: 'call'.tr(),
-                    style: Theme.of(context)
-                        .textTheme
-                        .titleLarge!
-                        .copyWith(color: Colors.white),
+                    style: Theme.of(context).textTheme.titleLarge!.copyWith(color: Colors.white),
                  ),
                  const TextSpan(text: '\n'),
                  TextSpan(
                    text: call.lastDuration.toString(),
-                    style: Theme.of(context)
-                        .textTheme
-                        .bodySmall!
-                        .copyWith(color: Colors.white),
+                    style: Theme.of(context).textTheme.bodySmall!.copyWith(color: Colors.white),
                  ),
                ]),
              ),
            ),
-            body: SafeArea(
-              child: GestureDetector(
+            body: GestureDetector(
              behavior: HitTestBehavior.translucent,
              child: Column(
                children: [
@ -190,8 +179,7 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
                        Builder(builder: (context) {
                          final call = context.read<ChatCallProvider>();
                          final connectionQuality =
-                                call.room.localParticipant?.connectionQuality ??
-                                    livekit.ConnectionQuality.unknown;
+                              call.room.localParticipant?.connectionQuality ?? livekit.ConnectionQuality.unknown;
                          return Expanded(
                            child: Column(
                              mainAxisSize: MainAxisSize.min,
@ -213,35 +201,24 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
                                  children: [
                                    Text(
                                      {
-                                          livekit.ConnectionState.disconnected:
-                                              'callStatusDisconnected'.tr(),
-                                          livekit.ConnectionState.connected:
-                                              'callStatusConnected'.tr(),
-                                          livekit.ConnectionState.connecting:
-                                              'callStatusConnecting'.tr(),
-                                          livekit.ConnectionState.reconnecting:
-                                              'callStatusReconnecting'.tr(),
+                                        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)
+                                    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,
+                                          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,
+                                          livekit.ConnectionQuality.excellent: Colors.green,
+                                          livekit.ConnectionQuality.good: Colors.orange,
+                                          livekit.ConnectionQuality.poor: Colors.red,
                                        }[connectionQuality],
                                        size: 16,
                                      )
@ -263,9 +240,7 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
                        Row(
                          children: [
                            IconButton(
-                                icon: _layoutMode == 0
-                                    ? const Icon(Icons.view_list)
-                                    : const Icon(Icons.grid_view),
+                              icon: _layoutMode == 0 ? const Icon(Icons.view_list) : const Icon(Icons.grid_view),
                              onPressed: () {
                                _switchLayout();
                              },
@ -277,8 +252,7 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
                  ),
                  Expanded(
                    child: Material(
-                        color:
-                            Theme.of(context).colorScheme.surfaceContainerLow,
+                      color: Theme.of(context).colorScheme.surfaceContainerLow,
                      child: Builder(
                        builder: (context) {
                          switch (_layoutMode) {
@ -303,7 +277,6 @@ class _CallRoomScreenState extends State<CallRoomScreen> {
              ),
              onTap: () {},
            ),
-            ),
          );
        });
  }
--- a/lib/screens/chat/channel_detail.dart
+++ b/lib/screens/chat/channel_detail.dart
@ -14,6 +14,7 @@ import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';

 class ChannelDetailScreen extends StatefulWidget {
@ -189,7 +190,7 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {

    final isOwned = ua.isAuthorized && _channel?.accountId == ua.user?.id;

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        title: _channel != null ? Text(_channel!.name) : Text('loading').tr(),
      ),
--- a/lib/screens/chat/manage.dart
+++ b/lib/screens/chat/manage.dart
@ -12,6 +12,7 @@ import 'package:surface/types/realm.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:uuid/uuid.dart';

 class ChatManageScreen extends StatefulWidget {
@ -121,7 +122,7 @@ class _ChatManageScreenState extends State<ChatManageScreen> {

  @override
  Widget build(BuildContext context) {
-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        title: widget.editingChannelAlias != null
            ? Text('screenChatManage').tr()
--- a/lib/screens/chat/room.dart
+++ b/lib/screens/chat/room.dart
@ -20,6 +20,7 @@ import 'package:surface/widgets/chat/chat_message_input.dart';
 import 'package:surface/widgets/chat/chat_typing_indicator.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';

 import '../../providers/user_directory.dart';
@ -211,7 +212,7 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
    final call = context.watch<ChatCallProvider>();
    final ud = context.read<UserDirectoryProvider>();

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        title: Text(
          _channel?.type == 1
--- a/lib/screens/explore.dart
+++ b/lib/screens/explore.dart
@ -1,3 +1,4 @@
+import 'package:animations/animations.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_expandable_fab/flutter_expandable_fab.dart';
@ -6,11 +7,14 @@ import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/config.dart';
 import 'package:surface/providers/post.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/screens/post/post_detail.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/navigation/app_scaffold.dart';
 import 'package:surface/widgets/post/post_item.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';

@ -93,7 +97,9 @@ class _ExploreScreenState extends State<ExploreScreen> {

  @override
  Widget build(BuildContext context) {
-    return Scaffold(
+    final cfg = context.read<ConfigProvider>();
+
+    return AppScaffold(
      floatingActionButtonLocation: ExpandableFab.location,
      floatingActionButton: ExpandableFab(
        key: _fabKey,
@ -210,6 +216,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
                ),
              ),
            ),
+            const SliverGap(12),
            SliverInfiniteList(
              itemCount: _posts.length,
              isLoading: _isBusy,
@ -217,7 +224,10 @@ class _ExploreScreenState extends State<ExploreScreen> {
              hasReachedMax: _postCount != null && _posts.length >= _postCount!,
              onFetchData: _fetchPosts,
              itemBuilder: (context, idx) {
-                return GestureDetector(
+                return Center(
+                  child: OpenContainer(
+                    closedBuilder: (_, __) => Container(
+                      constraints: const BoxConstraints(maxWidth: 640),
                      child: PostItem(
                        data: _posts[idx],
                        maxWidth: 640,
@ -228,16 +238,25 @@ class _ExploreScreenState extends State<ExploreScreen> {
                          _refreshPosts();
                        },
                      ),
-                  onTap: () {
-                    GoRouter.of(context).pushNamed(
-                      'postDetail',
-                      pathParameters: {'slug': _posts[idx].id.toString()},
-                      extra: _posts[idx],
+                    ),
+                    openBuilder: (_, close) => PostDetailScreen(
+                      slug: _posts[idx].id.toString(),
+                      preload: _posts[idx],
+                      onBack: close,
+                    ),
+                    openColor: Colors.transparent,
+                    openElevation: 0,
+                    transitionType: ContainerTransitionType.fade,
+                    closedColor: Theme.of(context).colorScheme.surfaceContainerLow.withOpacity(
+                          cfg.prefs.getBool(kAppBackgroundStoreKey) == true ? 0.75 : 1,
+                        ),
+                    closedShape: const RoundedRectangleBorder(
+                      borderRadius: BorderRadius.all(Radius.circular(16)),
+                    ),
+                  ),
                );
              },
-                );
-              },
-              separatorBuilder: (context, index) => const Divider(height: 1),
+              separatorBuilder: (_, __) => const Gap(8),
            ),
          ],
        ),
--- a/lib/screens/friend.dart
+++ b/lib/screens/friend.dart
@ -11,6 +11,7 @@ import 'package:surface/widgets/account/account_image.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/navigation/app_scaffold.dart';

 import '../providers/userinfo.dart';
 import '../widgets/unauthorized_hint.dart';
@ -180,7 +181,7 @@ class _FriendScreenState extends State<FriendScreen> {
    final ua = context.read<UserProvider>();

    if (!ua.isAuthorized) {
-      return Scaffold(
+      return AppScaffold(
        appBar: AppBar(
          leading: AutoAppBarLeading(),
          title: Text('screenFriend').tr(),
@ -191,7 +192,7 @@ class _FriendScreenState extends State<FriendScreen> {
      );
    }

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        leading: AutoAppBarLeading(),
        title: Text('screenFriend').tr(),
@ -233,6 +234,9 @@ class _FriendScreenState extends State<FriendScreen> {
          if (_requests.isNotEmpty || _blocks.isNotEmpty)
            const Divider(height: 1),
          Expanded(
+            child: MediaQuery.removePadding(
+              context: context,
+              removeTop: true,
              child: RefreshIndicator(
                onRefresh: () => Future.wait([
                  _fetchRelations(),
@ -282,6 +286,7 @@ class _FriendScreenState extends State<FriendScreen> {
                ),
              ),
            ),
+          ),
        ],
      ),
    );
--- a/lib/screens/home.dart
+++ b/lib/screens/home.dart
@ -9,6 +9,7 @@ import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
 import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
 import 'package:google_fonts/google_fonts.dart';
+import 'package:html/parser.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:relative_time/relative_time.dart';
@ -22,9 +23,11 @@ import 'package:surface/providers/special_day.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/providers/widget.dart';
 import 'package:surface/types/check_in.dart';
+import 'package:surface/types/news.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/navigation/app_scaffold.dart';
 import 'package:surface/widgets/post/post_item.dart';

 class HomeScreenDashEntry {
@ -48,12 +51,12 @@ class HomeScreen extends StatefulWidget {
 }

 class _HomeScreenState extends State<HomeScreen> {
-  static const List<HomeScreenDashEntry> kCards = [
+  late final List<HomeScreenDashEntry> kCards = [
    HomeScreenDashEntry(
      name: 'dashEntryRecommendation',
-      cols: 2,
-      rows: 2,
      child: _HomeDashRecommendationPostWidget(),
+      rows: 2,
+      cols: 2,
    ),
    HomeScreenDashEntry(
      name: 'dashEntryCheckIn',
@ -63,11 +66,16 @@ class _HomeScreenState extends State<HomeScreen> {
      name: 'dashEntryNotification',
      child: _HomeDashNotificationWidget(),
    ),
+    HomeScreenDashEntry(
+      name: 'dashEntryTodayNews',
+      child: _HomeDashTodayNews(),
+      cols: MediaQuery.of(context).size.width >= 640 ? 3 : 2,
+    ),
  ];

  @override
  Widget build(BuildContext context) {
-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        leading: AutoAppBarLeading(),
        title: Text("screenHome").tr(),
@ -197,7 +205,7 @@ class _HomeDashSpecialDayWidgetState extends State<_HomeDashSpecialDayWidget> {
      return Card(
        child: ListTile(
          leading: Text(kSpecialDaysSymbol[name] ?? '🎉').fontSize(24),
-          title: Text('pending$name').tr(args: [RelativeTime(context).format(date)]),
+          title: Text('pending$name').tr(args: [RelativeTime(context).format(date).replaceFirst('in', '').trim()]),
          subtitle: Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
@ -229,6 +237,105 @@ class _HomeDashSpecialDayWidgetState extends State<_HomeDashSpecialDayWidget> {
  }
 }

+class _HomeDashTodayNews extends StatefulWidget {
+  const _HomeDashTodayNews();
+
+  @override
+  State<_HomeDashTodayNews> createState() => _HomeDashTodayNewsState();
+}
+
+class _HomeDashTodayNewsState extends State<_HomeDashTodayNews> {
+  SnNewsArticle? _article;
+
+  Future<void> _fetchArticle() async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/re/news/today');
+      _article = SnNewsArticle.fromJson(resp.data['data']);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+      rethrow;
+    } finally {
+      setState(() {});
+    }
+  }
+
+  @override
+  initState() {
+    super.initState();
+    _fetchArticle();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              const Icon(Symbols.newspaper),
+              const Gap(8),
+              Text(
+                'newsToday',
+                style: Theme.of(context).textTheme.titleLarge,
+              ).tr()
+            ],
+          ).padding(horizontal: 18, top: 12, bottom: 8),
+          if (_article != null)
+            Expanded(
+              child: InkWell(
+                borderRadius: BorderRadius.all(Radius.circular(8)),
+                child: Column(
+                  spacing: 4,
+                  children: [
+                    Text(
+                      _article!.title,
+                      style: Theme.of(context).textTheme.titleMedium!.copyWith(fontSize: 18),
+                      maxLines: MediaQuery.of(context).size.width >= 640 ? 2 : 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                    Text(
+                      parse(_article!.description).children.map((e) => e.text.trim()).join(),
+                      maxLines: 3,
+                      overflow: TextOverflow.ellipsis,
+                      style: Theme.of(context).textTheme.bodyMedium,
+                    ),
+                    Builder(builder: (context) {
+                      final date = _article!.publishedAt ?? _article!.createdAt;
+                      return Row(
+                        crossAxisAlignment: CrossAxisAlignment.center,
+                        spacing: 2,
+                        children: [
+                          Text(DateFormat().format(date)).textStyle(Theme.of(context).textTheme.bodySmall!),
+                          Text(' · ').textStyle(Theme.of(context).textTheme.bodySmall!).bold(),
+                          Text(RelativeTime(context).format(date)).textStyle(Theme.of(context).textTheme.bodySmall!),
+                        ],
+                      ).opacity(0.75);
+                    }),
+                  ],
+                ).padding(horizontal: 16),
+                onTap: () {
+                  GoRouter.of(context).pushNamed(
+                    'newsDetail',
+                    pathParameters: {'hash': _article!.hash},
+                  );
+                },
+              ),
+            )
+          else
+            Expanded(
+              child: Center(
+                child: CircularProgressIndicator(),
+              ),
+            )
+        ],
+      ),
+    );
+  }
+}
+
 class _HomeDashCheckInWidget extends StatefulWidget {
  const _HomeDashCheckInWidget();

@ -387,6 +494,8 @@ class _HomeDashCheckInWidgetState extends State<_HomeDashCheckInWidget> {
                        Text(
                          'dailyCheckInNone',
                          style: Theme.of(context).textTheme.bodyLarge,
+                          maxLines: 2,
+                          overflow: TextOverflow.ellipsis,
                        ).tr(),
                      ],
                    )
@ -404,6 +513,11 @@ class _HomeDashCheckInWidgetState extends State<_HomeDashCheckInWidget> {
                          '+${_todayRecord!.resultExperience} EXP',
                          style: Theme.of(context).textTheme.bodyLarge,
                        ),
+                        if (_todayRecord!.resultCoin >= 0)
+                          Text(
+                            '+${_todayRecord!.resultCoin} ${'walletCurrencyShort'.tr()}',
+                            style: Theme.of(context).textTheme.bodyLarge,
+                          )
                      ],
                    ),
            ),
--- a/lib/screens/news/news_detail.dart
+++ b/lib/screens/news/news_detail.dart
@ -0,0 +1,241 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:html/dom.dart' as dom;
+import 'package:html/parser.dart';
+import 'package:provider/provider.dart';
+import 'package:relative_time/relative_time.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/news.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+import 'package:flutter_inappwebview/flutter_inappwebview.dart';
+import 'package:surface/widgets/universal_image.dart';
+import 'package:url_launcher/url_launcher_string.dart';
+
+class NewsDetailScreen extends StatefulWidget {
+  final String hash;
+
+  const NewsDetailScreen({super.key, required this.hash});
+
+  @override
+  State<NewsDetailScreen> createState() => _NewsDetailScreenState();
+}
+
+class _NewsDetailScreenState extends State<NewsDetailScreen> {
+  SnNewsArticle? _article;
+  dom.Document? _articleFragment;
+
+  Future<void> _fetchArticle() async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/re/news/${widget.hash}');
+      _article = SnNewsArticle.fromJson(resp.data);
+      _articleFragment = parse(_article!.content);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err).then((_) {
+        if (!mounted) return;
+        Navigator.pop(context);
+      });
+    } finally {
+      setState(() {});
+    }
+  }
+
+  List<Widget> _parseHtmlToWidgets(Iterable<dom.Element>? elements) {
+    if (elements == null) return [];
+
+    final List<Widget> widgets = [];
+
+    for (final node in elements) {
+      switch (node.localName) {
+        case 'h1':
+        case 'h2':
+        case 'h3':
+        case 'h4':
+        case 'h5':
+        case 'h6':
+          widgets.add(Text(node.text.trim(), style: Theme.of(context).textTheme.titleMedium));
+          break;
+        case 'p':
+          if (node.text.trim().isEmpty) continue;
+          widgets.add(
+            Text.rich(
+              TextSpan(
+                text: node.text.trim(),
+                children: [
+                  for (final child in node.children)
+                    switch (child.localName) {
+                      'a' => TextSpan(
+                          text: child.text.trim(),
+                          style: const TextStyle(decoration: TextDecoration.underline),
+                          recognizer: TapGestureRecognizer()
+                            ..onTap = () {
+                              launchUrlString(child.attributes['href']!);
+                            },
+                        ),
+                      _ => TextSpan(text: child.text.trim()),
+                    },
+                ],
+              ),
+              style: Theme.of(context).textTheme.bodyLarge,
+            ),
+          );
+          break;
+        case 'a':
+          // drop single link
+          break;
+        case 'div':
+          // ignore div text, normally it is not meaningful
+          widgets.addAll(_parseHtmlToWidgets(node.children));
+          break;
+        case 'hr':
+          widgets.add(const Divider());
+          break;
+        case 'img':
+          var src = node.attributes['src'];
+          if (src == null) break;
+          final width = double.tryParse(node.attributes['width'] ?? 'null');
+          final height = double.tryParse(node.attributes['height'] ?? 'null');
+          final ratio = width != null && height != null ? width / height : 1.0;
+          if (src.startsWith('//')) {
+            src = 'https:$src';
+          } else if (!src.startsWith('http')) {
+            final baseUri = Uri.parse(_article!.url);
+            final baseUrl = '${baseUri.scheme}://${baseUri.host}';
+            src = '$baseUrl/$src';
+          }
+          widgets.add(
+            AspectRatio(
+              aspectRatio: ratio,
+              child: Container(
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.all(Radius.circular(8)),
+                  border: Border.all(
+                    color: Theme.of(context).dividerColor,
+                    width: 1,
+                  ),
+                ),
+                height: height ?? double.infinity,
+                child: ClipRRect(
+                  borderRadius: BorderRadius.all(Radius.circular(8)),
+                  child: Container(
+                    color: Theme.of(context).colorScheme.surfaceContainer,
+                    child: AutoResizeUniversalImage(
+                      src,
+                      fit: width != null && height != null ? BoxFit.cover : BoxFit.contain,
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          );
+          break;
+        default:
+          widgets.addAll(_parseHtmlToWidgets(node.children));
+          break;
+      }
+    }
+
+    return widgets;
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchArticle();
+  }
+
+  bool _isReadingFromReader = true;
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text(_article?.title ?? 'loading'.tr()),
+      ),
+      body: Column(
+        children: [
+          MaterialBanner(
+            dividerColor: Colors.transparent,
+            leading: const Icon(Icons.info),
+            content: Text(_isReadingFromReader ? 'newsReadingFromReader'.tr() : 'newsReadingFromOriginal'.tr()),
+            actions: [
+              TextButton(
+                child: Text('newsReadingProviderSwap').tr(),
+                onPressed: () {
+                  setState(() => _isReadingFromReader = !_isReadingFromReader);
+                },
+              ),
+            ],
+          ),
+          if (_articleFragment != null && _isReadingFromReader)
+            Expanded(
+              child: Container(
+                constraints: BoxConstraints(maxWidth: 640),
+                child: SingleChildScrollView(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    spacing: 8,
+                    children: [
+                      Text(_article!.title, style: Theme.of(context).textTheme.titleLarge),
+                      Builder(builder: (context) {
+                        final htmlDescription = parse(_article!.description);
+                        return Text(
+                          htmlDescription.children.map((ele) => ele.text.trim()).join(),
+                          style: Theme.of(context).textTheme.bodyMedium,
+                        );
+                      }),
+                      Builder(builder: (context) {
+                        final date = _article!.publishedAt ?? _article!.createdAt;
+                        return Row(
+                          spacing: 2,
+                          children: [
+                            Text(DateFormat().format(date)).textStyle(Theme.of(context).textTheme.bodySmall!),
+                            Text(' · ').textStyle(Theme.of(context).textTheme.bodySmall!).bold(),
+                            Text(RelativeTime(context).format(date)).textStyle(Theme.of(context).textTheme.bodySmall!),
+                          ],
+                        ).opacity(0.75);
+                      }),
+                      Text('newsDisclaimer').tr().textStyle(Theme.of(context).textTheme.bodySmall!).opacity(0.75),
+                      const Divider(),
+                      ..._parseHtmlToWidgets(_articleFragment!.children),
+                      const Divider(),
+                      InkWell(
+                        child: Row(
+                          mainAxisSize: MainAxisSize.min,
+                          children: [
+                            Text(
+                              'Reference from original website',
+                              style: TextStyle(decoration: TextDecoration.underline),
+                            ),
+                            const Gap(4),
+                            Icon(Icons.launch, size: 16),
+                          ],
+                        ).opacity(0.85),
+                        onTap: () {
+                          launchUrlString(_article!.url);
+                        },
+                      ),
+                      Gap(MediaQuery.of(context).padding.bottom),
+                    ],
+                  ).padding(horizontal: 12, vertical: 16),
+                ),
+              ).center(),
+            )
+          else if (_article != null)
+            Expanded(
+              child: InAppWebView(
+                key: GlobalKey(),
+                initialUrlRequest: URLRequest(url: WebUri(_article!.url)),
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+}
--- a/lib/screens/news/news_list.dart
+++ b/lib/screens/news/news_list.dart
@ -0,0 +1,239 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:go_router/go_router.dart';
+import 'package:html/parser.dart';
+import 'package:provider/provider.dart';
+import 'package:relative_time/relative_time.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/news.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';
+import 'package:very_good_infinite_list/very_good_infinite_list.dart';
+
+class NewsScreen extends StatefulWidget {
+  const NewsScreen({super.key});
+
+  @override
+  State<NewsScreen> createState() => _NewsScreenState();
+}
+
+class _NewsScreenState extends State<NewsScreen> {
+  List<SnNewsSource>? _sources;
+
+  @override
+  initState() {
+    super.initState();
+    _fetchSources();
+  }
+
+  Future<void> _fetchSources() async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/re/well-known/sources');
+      _sources = List<SnNewsSource>.from(
+        resp.data?.map((e) => SnNewsSource.fromJson(e)) ?? [],
+      );
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() {});
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (_sources == null) {
+      return AppScaffold(
+        appBar: AppBar(
+          leading: AutoAppBarLeading(),
+          title: Text('screenNews').tr(),
+        ),
+        body: Center(
+          child: CircularProgressIndicator(),
+        ),
+      );
+    }
+
+    return DefaultTabController(
+      length: _sources!.length + 1,
+      child: AppScaffold(
+        body: NestedScrollView(
+          headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
+            return <Widget>[
+              SliverOverlapAbsorber(
+                handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
+                sliver: SliverAppBar(
+                  leading: AutoAppBarLeading(),
+                  title: Text('screenNews').tr(),
+                  floating: true,
+                  snap: true,
+                  bottom: TabBar(
+                    isScrollable: true,
+                    tabs: [
+                      Tab(child: Text('newsAllSources'.tr()).textColor(Theme.of(context).appBarTheme.foregroundColor)),
+                      for (final source in _sources!)
+                        Tab(
+                          child: Text(source.label).textColor(Theme.of(context).appBarTheme.foregroundColor),
+                        ),
+                    ],
+                  ),
+                ),
+              ),
+            ];
+          },
+          body: TabBarView(
+            children: [
+              _NewsArticleListWidget(allSources: _sources!),
+              for (final source in _sources!)
+                _NewsArticleListWidget(
+                  source: source.id,
+                  allSources: _sources!,
+                ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _NewsArticleListWidget extends StatefulWidget {
+  final String? source;
+  final List<SnNewsSource> allSources;
+
+  const _NewsArticleListWidget({this.source, required this.allSources});
+
+  @override
+  State<_NewsArticleListWidget> createState() => _NewsArticleListWidgetState();
+}
+
+class _NewsArticleListWidgetState extends State<_NewsArticleListWidget> {
+  bool _isBusy = false;
+
+  int? _totalCount;
+  final List<SnNewsArticle> _articles = List.empty(growable: true);
+
+  Future<void> _fetchArticles() async {
+    setState(() => _isBusy = true);
+
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/re/news', queryParameters: {
+        'take': 10,
+        'offset': _articles.length,
+        if (widget.source != null) 'source': widget.source,
+      });
+      _totalCount = resp.data['count'];
+      _articles.addAll(List<SnNewsArticle>.from(
+        resp.data['data']?.map((e) => SnNewsArticle.fromJson(e)) ?? [],
+      ));
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchArticles();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MediaQuery.removePadding(
+      context: context,
+      removeTop: true,
+      child: Center(
+        child: Container(
+          constraints: BoxConstraints(maxWidth: 640),
+          child: RefreshIndicator(
+            onRefresh: _fetchArticles,
+            child: InfiniteList(
+              isLoading: _isBusy,
+              itemCount: _articles.length,
+              hasReachedMax: _totalCount != null && _articles.length >= _totalCount!,
+              onFetchData: () {
+                _fetchArticles();
+              },
+              itemBuilder: (context, index) {
+                final article = _articles[index];
+
+                final baseUri = Uri.parse(article.url);
+                final baseUrl = '${baseUri.scheme}://${baseUri.host}';
+
+                final htmlDescription = parse(article.description);
+                final date = article.publishedAt ?? article.createdAt;
+
+                return Card(
+                  child: InkWell(
+                    radius: 8,
+                    onTap: () {
+                      GoRouter.of(context).pushNamed(
+                        'newsDetail',
+                        pathParameters: {'hash': article.hash},
+                      );
+                    },
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        if (article.thumbnail.isNotEmpty && !article.thumbnail.endsWith('.svg'))
+                          ClipRRect(
+                            borderRadius: BorderRadius.only(
+                              topRight: Radius.circular(8),
+                              topLeft: Radius.circular(8),
+                            ),
+                            child: AspectRatio(
+                              aspectRatio: 16 / 9,
+                              child: Container(
+                                color: Theme.of(context).colorScheme.surfaceContainer,
+                                child: AutoResizeUniversalImage(
+                                  article.thumbnail.startsWith('http')
+                                      ? article.thumbnail
+                                      : '$baseUrl/${article.thumbnail}',
+                                ),
+                              ),
+                            ),
+                          ),
+                        const Gap(16),
+                        Text(article.title).textStyle(Theme.of(context).textTheme.titleLarge!).padding(horizontal: 16),
+                        const Gap(8),
+                        Text(htmlDescription.children.map((ele) => ele.text.trim()).join())
+                            .textStyle(Theme.of(context).textTheme.bodyMedium!)
+                            .padding(horizontal: 16),
+                        const Gap(8),
+                        Row(
+                          spacing: 2,
+                          children: [
+                            Text(widget.allSources.where((x) => x.id == article.source).first.label)
+                                .textStyle(Theme.of(context).textTheme.bodySmall!),
+                          ],
+                        ).opacity(0.75).padding(horizontal: 16),
+                        Row(
+                          spacing: 2,
+                          children: [
+                            Text(DateFormat().format(date)).textStyle(Theme.of(context).textTheme.bodySmall!),
+                            Text(' · ').textStyle(Theme.of(context).textTheme.bodySmall!).bold(),
+                            Text(RelativeTime(context).format(date)).textStyle(Theme.of(context).textTheme.bodySmall!),
+                          ],
+                        ).opacity(0.75).padding(horizontal: 16),
+                        const Gap(16),
+                      ],
+                    ),
+                  ),
+                );
+              },
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
--- a/lib/screens/notification.dart
+++ b/lib/screens/notification.dart
@ -14,6 +14,7 @@ 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';

@ -37,9 +38,11 @@ class _NotificationScreenState extends State<NotificationScreen> {

  static const Map<String, IconData> kNotificationTopicIcons = {
    'passport.security.alert': Symbols.gpp_maybe,
+    'passport.security.otp': Symbols.password,
    'interactive.subscription': Symbols.subscriptions,
    'interactive.feedback': Symbols.add_reaction,
    'messaging.callStart': Symbols.call_received,
+    'wallet.transaction.new': Symbols.receipt,
  };

  Future<void> _fetchNotifications() async {
@ -137,7 +140,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
    final ua = context.read<UserProvider>();

    if (!ua.isAuthorized) {
-      return Scaffold(
+      return AppScaffold(
        appBar: AppBar(
          leading: AutoAppBarLeading(),
          title: Text('screenNotification').tr(),
@ -148,7 +151,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
      );
    }

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        leading: AutoAppBarLeading(),
        title: Text('screenNotification').tr(),
@ -206,10 +209,11 @@ class _NotificationScreenState extends State<NotificationScreen> {
                                style: Theme.of(context).textTheme.titleSmall,
                              ),
                            if (nty.subtitle != null) const Gap(4),
-                            MarkdownTextContent(
+                            SelectionArea(
+                              child: MarkdownTextContent(
                                content: nty.body,
                                isAutoWarp: true,
-                              isSelectable: true,
+                              ),
                            ),
                            if ([
                                  'interactive.feedback',
--- a/lib/screens/post/post_detail.dart
+++ b/lib/screens/post/post_detail.dart
@ -13,6 +13,8 @@ import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_background.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/post/post_comment_list.dart';
 import 'package:surface/widgets/post/post_item.dart';
 import 'package:surface/widgets/post/post_mini_editor.dart';
@ -20,12 +22,9 @@ import 'package:surface/widgets/post/post_mini_editor.dart';
 class PostDetailScreen extends StatefulWidget {
  final String slug;
  final SnPost? preload;
+  final Function? onBack;

-  const PostDetailScreen({
-    super.key,
-    required this.slug,
-    this.preload,
-  });
+  const PostDetailScreen({super.key, required this.slug, this.preload, this.onBack});

  @override
  State<PostDetailScreen> createState() => _PostDetailScreenState();
@ -67,10 +66,15 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
    final ua = context.watch<UserProvider>();
    final devicePixelRatio = MediaQuery.of(context).devicePixelRatio;

-    return Scaffold(
+    return AppBackground(
+      isRoot: widget.onBack != null,
+      child: AppScaffold(
        appBar: AppBar(
          leading: BackButton(
            onPressed: () {
+              if (widget.onBack != null) {
+                widget.onBack!.call();
+              }
              if (GoRouter.of(context).canPop()) {
                GoRouter.of(context).pop(context);
                return;
@ -96,6 +100,8 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
                          ),
                    ),
                  ]),
+                  maxLines: 2,
+                  overflow: TextOverflow.ellipsis,
                )
              : Text('postDetail').tr(),
        ),
@ -183,6 +189,7 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
            SliverGap(math.max(MediaQuery.of(context).padding.bottom, 16)),
          ],
        ),
+      ),
    );
  }
 }
--- a/lib/screens/post/post_editor.dart
+++ b/lib/screens/post/post_editor.dart
@ -13,6 +13,7 @@ import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/post/post_item.dart';
 import 'package:surface/widgets/post/post_media_pending_list.dart';
 import 'package:surface/widgets/post/post_meta_editor.dart';
@ -54,7 +55,9 @@ class PostEditorScreen extends StatefulWidget {
 }

 class _PostEditorScreenState extends State<PostEditorScreen> {
-  final PostWriteController _writeController = PostWriteController();
+  late final PostWriteController _writeController = PostWriteController(
+    doLoadFromTemporary: widget.postEditId == null,
+  );

  bool _isFetching = false;

@ -126,7 +129,7 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
    return ListenableBuilder(
      listenable: _writeController,
      builder: (context, _) {
-        return Scaffold(
+        return AppScaffold(
          appBar: AppBar(
            leading: BackButton(
              onPressed: () {
@ -301,7 +304,9 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                          ],
                        ),
                      // Content Input Area
-                      TextField(
+                      Container(
+                        constraints: const BoxConstraints(maxWidth: 640),
+                        child: TextField(
                          controller: _writeController.contentController,
                          maxLines: null,
                          decoration: InputDecoration(
@ -315,6 +320,7 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                          ),
                          onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
                        ),
+                      ),
                    ]
                        .expandIndexed(
                          (idx, ele) => [
@ -364,6 +370,15 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
+                    LoadingIndicator(isActive: _isLoading),
+                    if (_writeController.isBusy && _writeController.progress != null)
+                      TweenAnimationBuilder<double>(
+                        tween: Tween(begin: 0, end: _writeController.progress),
+                        duration: Duration(milliseconds: 300),
+                        builder: (context, value, _) => LinearProgressIndicator(value: value, minHeight: 2),
+                      )
+                    else if (_writeController.isBusy)
+                      const LinearProgressIndicator(value: null, minHeight: 2),
                    Container(
                      child: _writeController.temporaryRestored
                          ? Container(
@ -394,15 +409,6 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                    )
                        .height(_writeController.temporaryRestored ? 32 : 0, animate: true)
                        .animate(const Duration(milliseconds: 300), Curves.fastLinearToSlowEaseIn),
-                    LoadingIndicator(isActive: _isLoading),
-                    if (_writeController.isBusy && _writeController.progress != null)
-                      TweenAnimationBuilder<double>(
-                        tween: Tween(begin: 0, end: _writeController.progress),
-                        duration: Duration(milliseconds: 300),
-                        builder: (context, value, _) => LinearProgressIndicator(value: value, minHeight: 2),
-                      )
-                    else if (_writeController.isBusy)
-                      const LinearProgressIndicator(value: null, minHeight: 2),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
--- a/lib/screens/post/post_search.dart
+++ b/lib/screens/post/post_search.dart
@ -8,6 +8,7 @@ import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/post.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/post/post_item.dart';
 import 'package:surface/widgets/post/post_tags_field.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';
@ -119,7 +120,7 @@ class _PostSearchScreenState extends State<PostSearchScreen> {
      ),
    ];

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        title: Text('screenPostSearch').tr(),
        actions: [
--- a/lib/screens/post/publisher_page.dart
+++ b/lib/screens/post/publisher_page.dart
@ -17,6 +17,7 @@ import 'package:surface/types/post.dart';
 import 'package:surface/types/realm.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/post/post_item.dart';
 import 'package:surface/widgets/universal_image.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';
@ -274,7 +275,7 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi

    final sn = context.read<SnNetworkProvider>();

-    return Scaffold(
+    return AppScaffold(
      body: NestedScrollView(
        controller: _scrollController,
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
--- a/lib/screens/realm.dart
+++ b/lib/screens/realm.dart
@ -12,6 +12,7 @@ import 'package:surface/widgets/account/account_image.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/navigation/app_scaffold.dart';
 import 'package:surface/widgets/unauthorized_hint.dart';
 import 'package:surface/widgets/universal_image.dart';

@ -83,7 +84,7 @@ class _RealmScreenState extends State<RealmScreen> {
    final ua = context.read<UserProvider>();

    if (!ua.isAuthorized) {
-      return Scaffold(
+      return AppScaffold(
        appBar: AppBar(
          leading: AutoAppBarLeading(),
          title: Text('screenRealm').tr(),
@ -94,7 +95,7 @@ class _RealmScreenState extends State<RealmScreen> {
      );
    }

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        leading: AutoAppBarLeading(),
        title: Text('screenRealm').tr(),
@ -118,6 +119,9 @@ class _RealmScreenState extends State<RealmScreen> {
        children: [
          LoadingIndicator(isActive: _isBusy),
          Expanded(
+            child: MediaQuery.removePadding(
+              context: context,
+              removeTop: true,
              child: RefreshIndicator(
                onRefresh: _fetchRealms,
                child: ListView.builder(
@ -196,7 +200,9 @@ class _RealmScreenState extends State<RealmScreen> {
                                  clipBehavior: Clip.none,
                                  fit: StackFit.expand,
                                  children: [
-                                  Container(
+                                    ClipRRect(
+                                      borderRadius: const BorderRadius.all(Radius.circular(8)),
+                                      child: Container(
                                        color: Theme.of(context).colorScheme.surfaceContainer,
                                        child: (realm.banner?.isEmpty ?? true)
                                            ? const SizedBox.shrink()
@ -205,6 +211,7 @@ class _RealmScreenState extends State<RealmScreen> {
                                                fit: BoxFit.cover,
                                              ),
                                      ),
+                                    ),
                                    Positioned(
                                      bottom: -30,
                                      left: 18,
@ -240,6 +247,7 @@ class _RealmScreenState extends State<RealmScreen> {
                ),
              ),
            ),
+          ),
        ],
      ),
    );
--- a/lib/screens/realm/manage.dart
+++ b/lib/screens/realm/manage.dart
@ -18,6 +18,7 @@ import 'package:surface/types/realm.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/universal_image.dart';
 import 'package:uuid/uuid.dart';

@ -179,7 +180,7 @@ class _RealmManageScreenState extends State<RealmManageScreen> {
  Widget build(BuildContext context) {
    final sn = context.read<SnNetworkProvider>();

-    return Scaffold(
+    return AppScaffold(
      appBar: AppBar(
        title: widget.editingRealmAlias != null
            ? Text('screenRealmManage').tr()
--- a/lib/screens/realm/realm_detail.dart
+++ b/lib/screens/realm/realm_detail.dart
@ -8,13 +8,13 @@ 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/post.dart';
 import 'package:surface/types/realm.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';

-import '../../types/post.dart';
-
 class RealmDetailScreen extends StatefulWidget {
  final String alias;

@ -70,19 +70,11 @@ class _RealmDetailScreenState extends State<RealmDetailScreen> {
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 3,
-      child: Scaffold(
+      child: AppScaffold(
        body: NestedScrollView(
          headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
-            // These are the slivers that show up in the "outer" scroll view.
            return <Widget>[
              SliverOverlapAbsorber(
-                // This widget takes the overlapping behavior of the SliverAppBar,
-                // and redirects it to the SliverOverlapInjector below. If it is
-                // missing, then it is possible for the nested "inner" scroll view
-                // below to end up under the SliverAppBar even when the inner
-                // scroll view thinks it has not been scrolled.
-                // This is not necessary if the "headerSliverBuilder" only builds
-                // widgets that do not overlap the next sliver.
                handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
                sliver: SliverAppBar(
                  title: Text(_realm?.name ?? 'loading'.tr()),
@ -428,7 +420,7 @@ class _RealmSettingsWidgetState extends State<_RealmSettingsWidget> {

    return Column(
      children: [
-        const Gap(16),
+        const Gap(8),
        ListTile(
          leading: const Icon(Symbols.edit),
          trailing: const Icon(Symbols.chevron_right),
--- a/lib/screens/settings.dart
+++ b/lib/screens/settings.dart
@ -18,6 +18,7 @@ import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/theme.dart';
 import 'package:surface/theme.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';

 const Map<String, Color> kColorSchemes = {
  'colorSchemeIndigo': Colors.indigo,
@ -67,7 +68,11 @@ class _SettingsScreenState extends State<SettingsScreen> {
  Widget build(BuildContext context) {
    final sn = context.read<SnNetworkProvider>();

-    return Scaffold(
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('screenSettings').tr(),
+      ),
      body: SingleChildScrollView(
        child: Column(
          spacing: 16,
@ -77,6 +82,48 @@ class _SettingsScreenState extends State<SettingsScreen> {
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text('settingsAppearance').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                ListTile(
+                  title: Text('settingsDisplayLanguage').tr(),
+                  subtitle: Text('settingsDisplayLanguageDescription').tr(),
+                  contentPadding: const EdgeInsets.only(left: 24, right: 17),
+                  leading: const Icon(Symbols.translate),
+                  trailing: DropdownButtonHideUnderline(
+                    child: DropdownButton2<Locale?>(
+                      isExpanded: true,
+                      items: [
+                        ...EasyLocalization.of(context)!.supportedLocales.mapIndexed((idx, ele) {
+                          return DropdownMenuItem<Locale?>(
+                            value: ele,
+                            child: Text('${ele.languageCode}-${ele.countryCode}').fontSize(14),
+                          );
+                        }),
+                        DropdownMenuItem<Locale?>(
+                          value: null,
+                          child: Text('settingsDisplayLanguageSystem').tr().fontSize(14),
+                        ),
+                      ],
+                      value: EasyLocalization.of(context)!.currentLocale,
+                      onChanged: (Locale? value) {
+                        if (value != null) {
+                          EasyLocalization.of(context)!.setLocale(value);
+                        } else {
+                          EasyLocalization.of(context)!.resetLocale();
+                        }
+                      },
+                      buttonStyleData: const ButtonStyleData(
+                        padding: EdgeInsets.symmetric(
+                          horizontal: 16,
+                          vertical: 5,
+                        ),
+                        height: 40,
+                        width: 160,
+                      ),
+                      menuItemStyleData: const MenuItemStyleData(
+                        height: 40,
+                      ),
+                    ),
+                  ),
+                ),
                if (!kIsWeb)
                  ListTile(
                    title: Text('settingsBackgroundImage').tr(),
@ -120,7 +167,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                  subtitle: Text('settingsThemeMaterial3Description').tr(),
                  contentPadding: const EdgeInsets.only(left: 24, right: 17),
                  secondary: const Icon(Symbols.new_releases),
-                  value: _prefs.getBool(kMaterialYouToggleStoreKey) ?? false,
+                  value: _prefs.getBool(kMaterialYouToggleStoreKey) ?? true,
                  onChanged: (value) {
                    setState(() {
                      _prefs.setBool(
@ -142,7 +189,8 @@ class _SettingsScreenState extends State<SettingsScreen> {
                    Color pickerColor = Color(_prefs.getInt(kAppColorSchemeStoreKey) ?? Colors.indigo.value);
                    final color = await showDialog<Color?>(
                      context: context,
-                      builder: (context) => AlertDialog(
+                      builder: (context) =>
+                          AlertDialog(
                            content: SingleChildScrollView(
                              child: ColorPicker(
                                pickerColor: pickerColor,
@ -205,7 +253,9 @@ class _SettingsScreenState extends State<SettingsScreen> {
                          .indexWhere((ele) => ele.value == _prefs.getInt(kAppColorSchemeStoreKey)),
                      onChanged: (int? value) {
                        if (value != null && value != -1) {
-                          _prefs.setInt(kAppColorSchemeStoreKey, kColorSchemes.values.elementAt(value).value);
+                          _prefs.setInt(kAppColorSchemeStoreKey, kColorSchemes.values
+                              .elementAt(value)
+                              .value);
                          final th = context.read<ThemeProvider>();
                          th.reloadTheme(seedColorOverride: kColorSchemes.values.elementAt(value));
                          setState(() {});
@ -240,6 +290,61 @@ class _SettingsScreenState extends State<SettingsScreen> {
                    setState(() {});
                  },
                ),
+                CheckboxListTile(
+                  s
Author	SHA1	Message	Date
LittleSheep	03275b46ca	🚀 Launch 2.2.2+59	2025-01-29 21:54:00 +08:00
LittleSheep	cf3b482fef	🐛 Bug fixes	2025-01-29 20:42:41 +08:00
LittleSheep	aa4c04d4ef	🌐 Complete translations	2025-01-29 20:32:56 +08:00
LittleSheep	73b82f65e4	✨ Basic wallet page	2025-01-29 15:18:35 +08:00
LittleSheep	9471fe40fe	✨ In-app language switcher	2025-01-28 23:09:07 +08:00
LittleSheep	0d1e18735e	💄 Give a link to open wiki when error occurred.	2025-01-28 22:57:44 +08:00
LittleSheep	8bb62b5992	🚀 Launch 2.2.2+58	2025-01-28 21:15:11 +08:00
LittleSheep	1e8a6dea5b	💄 Optimize attachment list	2025-01-28 20:39:34 +08:00
LittleSheep	5c2804cc4d	💄 Optimize news design	2025-01-28 20:21:51 +08:00
LittleSheep	0dbb8f132a	✨ Factor settings with TOTP, In app notify authenticate method	2025-01-28 19:55:35 +08:00
LittleSheep	3395f3dbd0	✨ Create auth factor	2025-01-28 00:52:44 +08:00
LittleSheep	d258ba776e	♻️ Splitting up account page and settings	2025-01-27 20:14:02 +08:00
LittleSheep	0dcfcaad56	🚀 Launch 2.2.2+57	2025-01-26 15:04:22 +08:00
LittleSheep	687e720956	💄 Optimize news	2025-01-26 14:50:52 +08:00
LittleSheep	180876949e	✨ Home screen today news	2025-01-26 14:38:01 +08:00
LittleSheep	9718965809	🐛 Bug fixes	2025-01-26 14:17:08 +08:00
LittleSheep	5377161fb0	✨ News reader	2025-01-26 12:38:43 +08:00
LittleSheep	963e538ae5	✨ News Reader Basis	2025-01-26 02:12:03 +08:00
LittleSheep	a355e3bf90	🚀 Launch 2.2.2+56	2025-01-25 14:52:40 +08:00
LittleSheep	cb4a2598c8	♻️ Refactored router	2025-01-25 14:35:04 +08:00
LittleSheep	950612dc07	🐛 Fix error when went to publisher page from account page	2025-01-25 14:27:09 +08:00
LittleSheep	cbd1eaf1af	🐛 Fix some link preview compatibility issue	2025-01-25 01:40:54 +08:00
LittleSheep	ac41cbd99f	✨ Toggleable preview link	2025-01-25 01:36:11 +08:00
LittleSheep	9f9c90abc4	🐛 Fix call room meaningless safe area	2025-01-23 19:22:55 +08:00
LittleSheep	87029e3538	🚀 Launch 2.2.2+55	2025-01-21 21:04:33 +08:00
LittleSheep	127d9adc09	💄 Finishing up refactor background image related changes	2025-01-21 20:50:07 +08:00
LittleSheep	c82dc7ad85	♻️ Refactored background image (skip ci)	2025-01-21 20:35:04 +08:00
LittleSheep	36bcff7a7c	✨ Add haptic feedback on post reaction	2025-01-21 15:07:44 +08:00
LittleSheep	38201b547a	💄 Snackbar use floating mode while using m3	2025-01-21 15:06:27 +08:00
LittleSheep	ed0334fcda	🐛 Bug fixes	2025-01-21 15:04:55 +08:00
LittleSheep	fbb486b90b	💄 Optimized attachment list	2025-01-21 14:57:04 +08:00
LittleSheep	9b34f385d5	🐛 Fix app bar buttons clicking event got absorb by indicators	2025-01-21 14:47:13 +08:00
LittleSheep	bb7b731602	⏪ Rollback to old style attachment list	2025-01-21 12:12:21 +08:00
LittleSheep	19076f8136	🚀 Launch 2.2.2+54	2025-01-20 17:35:13 +08:00
LittleSheep	dc77a936ce	⬆️ Upgrade deps	2025-01-20 16:53:38 +08:00
LittleSheep	7f58710c6f	✨ Notification indicator	2025-01-20 16:52:53 +08:00
LittleSheep	068ddcdcdc	💄 Optimized connection indicator	2025-01-20 14:40:26 +08:00
LittleSheep	f4e9252ca0	💄 Optimized post list	2025-01-20 14:21:41 +08:00
LittleSheep	3b1e918117	🐛 Fix side nav cause render error	2025-01-20 01:43:11 +08:00
LittleSheep	ed7981fdaf	🧪 Post max width	2025-01-19 17:20:24 +08:00
LittleSheep	9698ca53e4	✨ Swipe up to view attachment details	2025-01-19 11:44:14 +08:00
LittleSheep	ddc1dc7daf	💄 Optimize attachment zoom page	2025-01-19 01:00:00 +08:00
LittleSheep	1625a957f8	👔 Use material design 3 by default	2025-01-19 00:39:47 +08:00
LittleSheep	2dc50d627e	🧱 Fix roadsign config	2025-01-16 21:51:28 +08:00
LittleSheep	2ffde9a3dd	🚀 Launch 2.2.2+53	2025-01-15 16:00:59 +08:00
LittleSheep	5967a91ae1	✨ Chat user popover	2025-01-15 15:52:52 +08:00
LittleSheep	32c1effcb5	💄 Post editor content max width	2025-01-15 15:19:46 +08:00
LittleSheep	9d0e19c56f	🐛 Fix chat messages	2025-01-15 15:14:13 +08:00
LittleSheep	acf4e634fe	🐛 Fix websocket will put message in wrong channel	2025-01-14 23:32:02 +08:00
LittleSheep	25942c2338	💄 Optimize chat max width	2025-01-14 23:30:35 +08:00
LittleSheep	a4f81f6ba1	🐛 Post auto warp	2025-01-14 23:24:11 +08:00
LittleSheep	c1b9090e51	💄 Optimized attachment list	2025-01-14 23:17:34 +08:00
LittleSheep	f494f70003	🚀 Launch 2.2.2+52	2025-01-08 18:07:51 +08:00
LittleSheep	fb2a55a909	🐛 Fix editing message did not load the attachment	2025-01-08 17:48:46 +08:00
LittleSheep	4edfa7fd50	🐛 Optimizing styling of chat	2025-01-08 17:37:16 +08:00
LittleSheep	d699cac9b1	🚀 Launch 2.2.2+51	2025-01-07 18:10:20 +08:00
LittleSheep	c0428e12c1	🐛 Fixed the drawer styling issue	2025-01-07 13:11:45 +08:00
LittleSheep	55f434ff05	🚀 Launch 2.2.2+40	2025-01-06 23:39:49 +08:00
LittleSheep	f2b3bdda2d	🐛 Add ability check to text selection chat message action	2025-01-06 23:17:24 +08:00
LittleSheep	1f6bf33b0e	♿ Chat message action on system text selection area	2025-01-06 23:15:18 +08:00
LittleSheep	e2027b1a32	✨ Able to prefer sidebar to collapse	2025-01-06 22:57:44 +08:00
LittleSheep	2b3a58b55e	♿ Optimize temporary save post scenario	2025-01-06 22:12:10 +08:00
LittleSheep	6ac536412a	🚀 Launch 2.2.2+49	2025-01-06 22:05:20 +08:00
LittleSheep	52f8ffe4e4	💄 Update the app bar color when in transparent mode	2025-01-06 21:57:50 +08:00
LittleSheep	aca81431aa	🐛 Fix desktop share post as image do not include file extension name	2025-01-06 21:53:35 +08:00
LittleSheep	1fadd850b7	💄 Optimize some styling	2025-01-06 21:46:21 +08:00
LittleSheep	ed2a9a21b6	🐛 Fix chat username height difference	2025-01-06 19:18:23 +08:00
LittleSheep	57279eb3e4	🚀 Launch 2.2.1+48	2025-01-05 13:41:38 +08:00
LittleSheep	c403a2914a	💄 Optimized article attachments displaying strategy	2025-01-05 13:34:37 +08:00
LittleSheep	bcb176344c	💄 Optimize some styling	2025-01-05 13:29:39 +08:00
LittleSheep	ecf362cffc	🚀 Launch 2.2.1+47	2025-01-05 12:13:43 +08:00
LittleSheep	f4ab7671d8	🐛 Bug fixes on resetting post write controller	2025-01-05 12:06:49 +08:00
LittleSheep	a2a3018917	🚀 Launch 2.2.1+46	2025-01-04 22:05:39 +08:00
LittleSheep	0bdb664000	⚗️ Remove initialization screen	2025-01-04 21:51:22 +08:00
LittleSheep	9c3b61ce57	✨ Lunar calendar festivals	2025-01-04 21:49:48 +08:00
LittleSheep	d06df3d278	✨ Stickers	2025-01-04 21:26:28 +08:00
LittleSheep	547ba19e61	🐛 Fix attachment zoom meta throw error	2025-01-04 19:14:40 +08:00