🚀 Launch 2.4.2+84

🗃️ Realm local db

.github/ISSUE_TEMPLATE/bug_report.yaml

@@ -0,0 +1,87 @@
+name: Bug report
+description: Create a report to help us address issues you are facing
+title: "[Bug] "
+labels: [Bug]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to make us better!
+
+  - type: checkboxes
+    id: duplication
+    attributes:
+      label: ⠀
+      options:
+        - label: This issue is not duplicated with any other open or closed issues
+          required: true
+
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the bug
+      description: A clear and concise description of what the bug is
+      placeholder: |
+        Example:
+          App crashes on startup every time after changing settings.
+    validations:
+      required: true
+
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected behavior
+      description: A clear and concise description of what you expected to happen
+      placeholder: |
+        Example:
+          App started normally, everything worked fine.
+    validations:
+      required: true
+
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: Steps to reproduce
+      description: Steps to reproduce the bug
+      placeholder: |
+        Example:
+          1. Change "HyperNet Server" to "127.0.1" in "Network" settings
+          2. Restart the app
+          3. Crash
+    validations:
+      required: true
+
+  - type: textarea
+    id: environment
+    attributes:
+      label: Device information
+      description: Provide details about your system environment
+      placeholder: |
+        Example:
+          Device: Google Pixel 8 Pro
+          System: Baklava (BP22.250124.009)
+          Version*: 2.3.2
+    validations:
+      required: true
+
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: Screenshots
+      description: If applicable, add screenshots to help explain your problem
+      placeholder: |
+        Example:
+          setting_items.jpg
+          crash_screen.jpg
+    validations:
+      required: false
+
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here
+      placeholder: |
+        Crash report or other useful informations
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/bug_report_zh.yaml

@@ -0,0 +1,83 @@
+name: 问题反馈
+description: 提交 Bug 或其它问题的反馈
+title: "[Bug] 标题"
+labels: [Bug]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        非常感谢，你将要提交的反馈会让我们变得更好！
+
+  - type: checkboxes
+    id: duplication
+    attributes:
+      label: ⠀
+      options:
+        - label: 我已经搜索并确认此 issue 不与其它任何 issue 重复
+          required: true
+
+  - type: textarea
+    id: description
+    attributes:
+      label: 问题描述
+      description: 清楚且详细地描述你遇到的 Bug 或问题
+      placeholder: |
+        发生了什么？生动地描述你所看到的一切
+    validations:
+      required: true
+
+  - type: textarea
+    id: expected
+    attributes:
+      label: 期望表现
+      description: 清楚且详细地描述你期望发生的事
+      placeholder: |
+        什么功能应该正常运行，运行后会有什么结果
+        什么界面应该正常显示，应该会显示什么内容
+    validations:
+      required: true
+
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: 复现步骤
+      description: 能够复现问题的每一步
+      placeholder: |
+        1. 尽可能详细地描述每一步
+        2. 更改的设置、添加的好友...
+        3. 这里也可以描述你看到的界面
+    validations:
+      required: true
+
+  - type: textarea
+    id: environment
+    attributes:
+      label: 环境/版本
+      description: 提供运行时的环境信息
+      placeholder: |
+        示例:
+          设备型号: Google Pixel 8 Pro
+          系统板本: Baklava (BP22.250124.009)
+          程序版本: 2.3.2
+    validations:
+      required: true
+
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: 屏幕截图/录制
+      description: 提供截屏或录屏来更好地描述问题
+      placeholder: |
+        错误显示的界面/崩溃时的界面、先前改动的设置
+    validations:
+      required: false
+
+  - type: textarea
+    id: additional
+    attributes:
+      label: 更多信息
+      description: 任何与问题有关且有用的信息
+      placeholder: |
+        崩溃报告、日志，或是你的用户名
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: true
+contact_links:
+  - name: Solsynth Releases
+    url: https://files.solsynth.dev/production01/solian
+    about: Another place to download released apps

.github/ISSUE_TEMPLATE/feature_request.yaml

@@ -0,0 +1,59 @@
+name: Feature request
+description: Suggest features you want to add or suggest to modify existing features
+title: "[Feature] "
+labels: [Feature]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to make us better!
+
+  - type: checkboxes
+    id: duplication
+    attributes:
+      label: ⠀
+      options:
+        - label: This issue is not duplicated with any other open or closed issues
+          required: true
+
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the feature
+      description: A clear and concise description of what the feature is
+      placeholder: |
+        Example:
+          A Quick Settings tile to start the service, long press to launch the app.
+    validations:
+      required: true
+
+  - type: textarea
+    id: reasons
+    attributes:
+      label: Reason for adding
+      description: Explain why this feature would be useful to you
+      placeholder: |
+        Example:
+          Start the service quickly from the Quick Settings tile and save lots of time.
+    validations:
+      required: true
+
+  - type: textarea
+    id: examples
+    attributes:
+      label: Example(s)
+      description: Post screenshots/drawings/links/etc of the feature request, or proof-of-concept images about the feature
+      placeholder: |
+        Example:
+          shazam_toggle.jpg
+          nekobox_switch.jpg
+    validations:
+      required: false
+
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional context
+      description: Add any other context about the feature here
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/feature_request_zh.yaml

@@ -0,0 +1,49 @@
+name: 功能建议
+description: 提出你想要添加或更改的功能
+title: "[Feature] 标题"
+labels: [Feature]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        非常感谢，你将要提交的请求会让我们变得更好！
+
+  - type: checkboxes
+    id: duplication
+    attributes:
+      label: ⠀
+      options:
+        - label: 我已经搜索并确认此 issue 不与其它任何 issue 重复
+          required: true
+
+  - type: textarea
+    id: description
+    attributes:
+      label: 功能描述
+      description: 清楚且详细地描述要添加/更改后的功能
+    validations:
+      required: true
+
+  - type: textarea
+    id: reasons
+    attributes:
+      label: 添加/更改理由
+      description: 解释为什么要这样做，对用户有什么好处
+    validations:
+      required: true
+
+  - type: textarea
+    id: examples
+    attributes:
+      label: 功能示例
+      description: 相似/已存在功能的截图，或画出大致的界面
+    validations:
+      required: false
+
+  - type: textarea
+    id: additional
+    attributes:
+      label: 更多信息
+      description: 任何与功能有关且有用的信息，或已存在功能的代码/仓库
+    validations:
+      required: false

.github/workflows/nightly.yml

@@ -55,6 +55,7 @@ jobs:
           sudo apt-get install libmpv-dev mpv
           sudo apt-get install libayatana-appindicator3-dev
           sudo apt-get install keybinder-3.0
+          sudo apt-get install libnotify-dev
       - run: flutter pub get
       - run: flutter build linux
       - name: Archive production artifacts

api/Interactive/Trigger Fediverse Scan.bru

@@ -0,0 +1,11 @@
+meta {
+  name: Trigger Fediverse Scan
+  type: http
+  seq: 1
+}
+
+post {
+  url: {{endpoint}}/cgi/co/admin/fediverse
+  body: none
+  auth: inherit
+}

api/Nexus/Check Status.bru

@@ -0,0 +1,11 @@
+meta {
+  name: Check Status
+  type: http
+  seq: 1
+}
+
+get {
+  url: {{endpoint}}/directory/status
+  body: none
+  auth: none
+}

api/Nexus/List Services.bru

@@ -0,0 +1,11 @@
+meta {
+  name: List Services
+  type: http
+  seq: 2
+}
+
+get {
+  url: {{endpoint}}/directory/services
+  body: none
+  auth: none
+}

api/Paperclip/Stickers/Create Sticker.bru

@@ -12,9 +12,9 @@ post {
 
 body:json {
   {
-    "alias": "BaLoading",
-    "name": "BaLoading",
-    "attachment_id": "2JCI2uh21mKkfk9P",
-    "pack_id": 3
+    "alias": "Deadge",
+    "name": "Dead",
+    "attachment_id": "pcbFd0u4zgdM39HM",
+    "pack_id": 4
   }
 }

api/Passport/Deal Abuse Report.bru

@@ -0,0 +1,18 @@
+meta {
+  name: Deal Abuse Report
+  type: http
+  seq: 3
+}
+
+put {
+  url: {{endpoint}}/cgi/id/reports/abuse/6/status
+  body: json
+  auth: inherit
+}
+
+body:json {
+  {
+    "status": "rejected",
+    "message": "Not a good reason"
+  }
+}

api/Passport/Developer Notify All Users.bru

@@ -15,12 +15,10 @@ body:json {
     "client_id": "{{third_client_id}}",
     "client_secret":"{{third_client_tk}}",
     "type": "general",
-    "subject": "新年快乐！",
-    "subtitle": "一条来自 Solar Network 团队的信息",
-    "content": "今天是农历正月初一，小羊祝您新年快乐 🎉",
-    "metadata": {
-      "image": "D2EDbcrsTugs3xk5"
-    },
+    "subject": "关于迁移服务器完成的提示",
+    "subtitle": "一条来自 Solar Network 团队的运营信息",
+    "content": "我们已经将所有用户数据迁移到新版服务器，刚刚发布新的 DNS，因为部分 DNS 缓存的影响。可能更改不会生效，可以使用 nslookup / ping 检查解析地址是否未 8. 开头，您可以主动刷新 DNS。谢谢！",
+    "metadata": {},
     "priority": 10
   }
 }

api/Passport/Developer Notify One User.bru

@@ -5,7 +5,7 @@ meta {
 }
 
 post {
-  url: {{endpoint}}/cgi/id/dev/notify/122
+  url: {{endpoint}}/cgi/id/dev/notify/328
   body: json
   auth: inherit
 }
@@ -15,9 +15,9 @@ body:json {
     "client_id": "{{third_client_id}}",
     "client_secret":"{{third_client_tk}}",
     "type": "general",
-    "subject": "处理该帐号 @solian 的决定",
-    "subtitle": "违反用户协议",
-    "content": "您的帐号违反了我们用户协议中关于冒充我们官方的行为，至此做出停权的决定。还请见谅。该决定是最终决定，不接受上诉。",
+    "subject": "处理该发布者 @vedal987 的决定",
+    "subtitle": "一条来自 Solar Network 客户支持的信息",
+    "content": "您的发布者违反了我们用户协议中的「禁止冒充他人」的相关条例，经管理决定，将相关内容隐藏。冒充他人的判定无论作者是否有主观意志，只要造成了误解我们就有责任处理。希望您能理解，本次决定未作出任何帐号相关的连带处罚。",
     "priority": 10
   }
 }

api/Reader/List News Sources.bru

@@ -7,5 +7,5 @@ meta {
 get {
   url: {{endpoint}}/cgi/re/well-known/sources
   body: none
-  auth: none
+  auth: inherit
 }

api/Reader/Trigger Scan News.bru

@@ -12,7 +12,7 @@ post {
 
 body:json {
   {
-    "sources": ["taiwan-ltn"],
+    "sources": ["taiwan-pts"],
     "eager": true
   }
 }

assets/translations/en-US.json

@@ -130,7 +130,7 @@
   "accountPublishersSubtitle": "Manage your publish identities.",
   "accountSettings": "Account Settings",
   "accountSettingsSubtitle": "Manage your account and make it yours.",
-  "accountProfileEdit": "Edit your profile",
+  "accountProfileEdit": "Edit Profile",
   "accountProfileEditSubtitle": "Make your Solarpass account more looks like you.",
   "accountWallet": "Wallet",
   "accountWalletSubtitle": "View your balance and transactions.",
@@ -153,6 +153,11 @@
   "publisherRunBy": "Run by {}",
   "fieldPublisherBelongToRealm": "Belongs to",
   "fieldPublisherBelongToRealmUnset": "Unset Publisher Belongs to Realm",
+  "writePost": "Compose",
+  "postTypeStory": "Story",
+  "postTypeArticle": "Article",
+  "postTypeQuestion": "Question",
+  "postTypeVideo": "Video",
   "writePostTypeStory": "Post a story",
   "writePostTypeArticle": "Write an article",
   "writePostTypeQuestion": "Ask a question",
@@ -202,7 +207,13 @@
     "one": "{} comment",
     "other": "{} comments"
   },
+  "postCommentExpand": "Show comments",
   "settingsAppearance": "Appearance",
+  "settingsCustomFonts": "Custom Fonts",
+  "settingsCustomFontsDescription": "Set custom fonts for the application.",
+  "settingsCustomFontFamily": "Custom Font Family",
+  "settingsCustomFontFamilyHint": "Use comma to separate fonts, higher priority comes first",
+  "settingsCustomFontApplied": "Custom font has been applied.",
   "settingsDisplayLanguage": "Display Language",
   "settingsDisplayLanguageDescription": "Set the application language.",
   "settingsDisplayLanguageSystem": "Follow System",
@@ -327,6 +338,7 @@
   "fieldAttachmentRandomId": "Random ID",
   "fieldAttachmentAlt": "Alternative text",
   "addAttachmentFromAlbum": "Add from album",
+  "addAttachmentFromFiles": "Add from files",
   "addAttachmentFromClipboard": "Paste file",
   "addAttachmentFromCameraPhoto": "Take photo",
   "addAttachmentFromCameraVideo": "Take video",
@@ -512,8 +524,13 @@
   "accountBirthday": "Born on {}",
   "accountBadge": "Badge",
   "accountCheckInNoRecords": "No check-in records",
-  "badgeCompanyStaff": "Solsynth Staff",
+  "badgeCompanyStaff": "Staff",
   "badgeSiteMigration": "Solar Network Native",
+  "badgeCommunitySurvey": "Survey Participant",
+  "badgeCommunityVerified": "Verified User",
+  "badgeCommunityContributor": "Great Contributor",
+  "badgeSiteAnniversary": "Anniversary",
+  "badgeUserBirthday": "Birthday",
   "accountStatus": "Status",
   "accountStatusOnline": "Online",
   "accountStatusOffline": "Offline",
@@ -548,6 +565,7 @@
   "termAcceptNextWithAgree": "By clicking the \"Next\", it means you agree to our terms and its updates.",
   "unauthorized": "Unauthorized",
   "unauthorizedDescription": "Login to explore the entire Solar Network.",
+  "projectDetail": "Project Details",
   "serviceStatus": "Service Status",
   "termRelated": "Related Terms",
   "appDetails": "App Details",
@@ -583,6 +601,7 @@
   "colorSchemeBlack": "Black",
   "colorSchemeApplied": "Color scheme has been applied, may need restart the app to take effect.",
   "postFeaturedComment": "Featured Comment",
+  "postCategory": "Category",
   "postCategoryTechnology": "Technology",
   "postCategoryGaming": "Gaming",
   "postCategoryLife": "Life",
@@ -625,6 +644,7 @@
   "realmJoin": "Join Realm",
   "realmCommunityHint": "This realm is a community realm, you can freely join.",
   "realmCommunityPublicChannelsHint": "The public channels in this realm",
+  "realmCommunityPublishersHint": "The publishers in this realm",
   "realmJoined": "Joined realm {}.",
   "join": "Join",
   "pollEditorNew": "New Poll",
@@ -665,5 +685,210 @@
     "zero": "No views",
     "one": "{} view",
     "other": "{} views"
-  }
+  },
+  "attachmentBillingUploaded": "Used space",
+  "attachmentBillingDiscount": "Free space",
+  "attachmentBillingRatio": "Usage",
+  "attachmentBillingHint": "Sliding Window Pricing®\nFees will only apply if the size of the file uploaded within 24 hours exceeds the free space.",
+  "postThumbnail": "Post Thumbnail",
+  "accountRealms": "Realms",
+  "postInGlobal": "Global",
+  "postInGlobalDescription": "Do not link this post with any realm.",
+  "postChannelGlobal": "Global",
+  "postChannelFriends": "Friends",
+  "postChannelFollowing": "Following",
+  "postChannelRealm": "Realms",
+  "postFilterReset": "Reset Filter",
+  "postFilterResetDescription": "Clear filter and show all posts.",
+  "postFilterWithCategory": "Viewing posts in {}",
+  "databaseSize": "Database Size",
+  "databaseDelete": "Delete Database",
+  "databaseDeleteDescription": "Remove the database on your local disk, the content will be fetched from server again.",
+  "databaseDeleted": "The local database has been deleted.",
+  "settingsEnablePushNotifications": "Enable Push Notifications",
+  "settingsEnablePushNotificationsDescription": "Re-enable and request permission to receive push notifications. Just in case it didn't run automatically.",
+  "settingsEnabledPushNotifications": "Push notification has been enabled.",
+  "screenStickers": "Stickers",
+  "stickersDiscovery": "Discovery",
+  "stickersOwned": "Owned",
+  "stickersCreated": "Created",
+  "stickersAdd": "Add Sticker Pack",
+  "stickersAdded": "Sticker pack has been added.",
+  "add": "Add",
+  "stickersRemoved": "Sticker pack has been removed, you can add it again anytime.",
+  "stickersReload": "Reload Stickers",
+  "stickersReloadDescription": "Reload stickers from the server, update the sticker picker.",
+  "stickersReloaded": "Sticker packs has been reloaded.",
+  "stickersPackDelete": "Delete Pack {}",
+  "stickersPackDeleteDescription": "Are you sure you want to delete this sticker pack? This operation is irreversible.",
+  "stickersPackDeleted": "Sticker pack has been deleted.",
+  "stickersDelete": "Delete Sticker {}",
+  "stickersDeleteDescription": "Are you sure you want to delete this sticker? This operation is irreversible.",
+  "stickersDeleted": "Sticker has been deleted.",
+  "fieldStickerName": "Sticker Name",
+  "fieldStickerAlias": "Sticker Alias",
+  "fieldStickerAliasHint": "The unique sticker placeholder with the pack prefix.",
+  "fieldStickerPackName": "Name",
+  "fieldStickerPackDescription": "Description",
+  "fieldStickerPackPrefix": "Prefix",
+  "fieldStickerAttachment": "Attachment",
+  "stickersNew": "New Sticker",
+  "stickersNewDescription": "Create a new sticker belongs to this pack.",
+  "stickersPackNew": "New Sticker Pack",
+  "trayMenuShow": "Show",
+  "trayMenuMuteNotification": "Do Not Disturb",
+  "update": "Update",
+  "forceUpdate": "Force Update",
+  "forceUpdateDescription": "Force to show the application update popup, even the new version is not available.",
+  "debugLogging": "Runtime Logs",
+  "runtimeLogsOpen": "Open Logs",
+  "runtimeLogsDescription": "Show the runtime logs to help debugging.",
+  "signinResetPasswordHint": "Please enter the username / email address to help us to find your account and reset your password.",
+  "cacheSize": "Cache Size",
+  "cacheDelete": "Clean Cache",
+  "cacheDeleteDescription": "Remove the cached images and other resources from your disk, the content will be downloaded from server again.",
+  "cacheDeleted": "All cache has been cleaned up.",
+  "userNoDescription": "No description.",
+  "fieldTimeZone": "Time Zone",
+  "fieldGender": "Gender",
+  "fieldPronouns": "Pronouns",
+  "fieldLocation": "Location",
+  "fieldLinks": "Links",
+  "fieldLinkName": "Name",
+  "fieldLinkUrl": "URL",
+  "screenAccountBadges": "Badges",
+  "accountBadges": "Badges",
+  "accountBadgesDescription": "View and manage your badges.",
+  "badgeActivated": "Activated badge {}.",
+  "viewDetailedAttachment": "Details",
+  "screenKeyPairs": "Key Pairs",
+  "accountKeyPairs": "Key Pairs",
+  "accountKeyPairsDescription": "Manage the key pairs which used to encrypt messages.",
+  "enrollNewKeyPair": "Enroll New One",
+  "enrollNewKeyPairDescription": "Generate a new key pair.",
+  "keyPairHasPrivateKey": "With private key",
+  "decrypting": "Decrypting……",
+  "decryptingKeyNotFound": "Key not found or exchange failed, the other party may not be online",
+  "messageUnablePreview": "Unable preview",
+  "messageUnablePreviewEncrypted": "Unable preview encrypted message",
+  "postViewInGlobalDescription": "Do not view the post in the specific realm.",
+  "postDraftSaved": "The draft has been saved.",
+  "postDraftBox": "Draft Box",
+  "postShuffle": "Read Randomly",
+  "checkInStreak": {
+    "zero": "No streak",
+    "one": "{} day streak",
+    "other": "{} days streak"
+  },
+  "accountChangeStatus": "Change Status",
+  "accountStatusSilent": "Do not Disturb",
+  "accountStatusSilentDesc": "The notification will stop popping up",
+  "accountStatusInvisible": "Invisible",
+  "accountStatusInvisibleDesc": "Will show as offline, but all features still remain normal",
+  "accountCustomStatus": "Custom Status",
+  "accountCustomStatusDescription": "Customize your status.",
+  "accountClearStatus": "Clear Status",
+  "accountClearStatusDescription": "Clear your status, and let server decide which status you are for you.",
+  "fieldAccountStatusLabel": "Status Text",
+  "fieldAccountStatusClearAt": "Clear At",
+  "accountStatusNegative": "Negative",
+  "accountStatusNeutral": "Neutral",
+  "accountStatusPositive": "Positive",
+  "mixedFeed": "Mixed Feed",
+  "mixedFeedDescription": "The Explore screen may not only display the user's posts, but may also contain other content. However, this mode does not apply to classification and filtering.",
+  "filterFeed": "Exploring Adjust",
+  "feedUnknownItem": "Unable to display this content, the current version of the client does not support the type of content, please try to update the application afterwards.",
+  "serviceStatusOperational": "All services operational",
+  "serviceStatusDowngraded": "Some services downgraded",
+  "serviceStatusFailed": "All services unavailable",
+  "serviceStatusFailedDescription": "The server is down or the maintenance is just finished.",
+  "serviceNameInsights": "Summarize and Insights",
+  "serviceNameInteractive": "Posts, Reactions and Explore",
+  "serviceNameReader": "News and Link Previews",
+  "serviceNameMessaging": "Chat",
+  "serviceNameMatrix": "Matrix Software and Game Marketplace",
+  "serviceNamePaperclip": "Attachments, Images and Files",
+  "serviceNameWallet": "Source Points Wallet",
+  "serviceNamePassport": "Authorization and Authentication",
+  "accountActionEvent": "Action Events",
+  "accountActionEventDescription": "View your action event logs.",
+  "eventMetadata": "Metadata",
+  "accountAuthTickets": "Auth Sessions",
+  "accountAuthTicketsDescription": "View and manage your auth sessions.",
+  "authTicketCreatedAt": "Issued at {}",
+  "authTicketExpiredAt": "Expired at {}",
+  "authTicketLastGrantAt": "Last granted at {}",
+  "authTicketCurrent": "Current",
+  "accountUnconfirmedTitle": "Unconfirmed Account",
+  "accountUnconfirmedSubtitle": "Your account is unconfirmed, which will make most features unavailable and your account will be destroyed in 24 hours. You should receive an email in your inbox with a confirmation link.",
+  "accountUnconfirmedUnreceived": "Didn't receive the email?",
+  "accountUnconfirmedResend": "Resend one",
+  "accountUnconfirmedResendSuccessful": "Email has been resent, you can resend it again in 60 minutes.",
+  "stickerPickerEmpty": "Sticker list is empty",
+  "stickerPickerEmptyHint": "To start using stickers, you need to add a sticker pack first.",
+  "goto": "Go to {}",
+  "accountContactMethods": "Contact Methods",
+  "accountContactMethodsDescription": "Manage your contact methods.",
+  "accountContactMethodsNameEmail": "Email address",
+  "accountContactMethodsNamePhone": "Phone number",
+  "accountContactMethodsNameAddress": "Address",
+  "accountContactMethodsPrimary": "Primary",
+  "accountContactMethodsVerified": "Verified",
+  "accountContactMethodsPublic": "Public",
+  "accountContactMethodsAdd": "Add Contact Method",
+  "accountContactMethodsEdit": "Edit Contact Method",
+  "accountContactMethodsAddDescription": "Add a new contact method.",
+  "fieldContactContent": "Contact method",
+  "accountContactMethodsPublicHint": "This contact method will be displayed publicly on your profile.",
+  "accountContactMethodsDelete": "Delete Contact Method",
+  "accountContactMethodsDeleteDescription": "Are you sure you want to delete contact method {}? This operation is irreversible.",
+  "postCommentAdd": "Write a comment",
+  "translate": "Translate",
+  "translating": "Translating…",
+  "translated": "Translated",
+  "settingsAutoTranslate": "Auto Translate",
+  "settingsAutoTranslateDescription": "Automatically translate text when viewing posts and messages.",
+  "trayMenuHide": "Hide",
+  "accountSettingsNotify": "Notify Settings",
+  "accountSettingsNotifyDescription": "Adjust the types of notifications you receive.",
+  "accountSettingsSecurity": "Security Settings",
+  "accountSettingsSecurityDescription": "Adjust your account security settings.",
+  "save": "Save",
+  "notificationTopicPostFeedback": "Post Feedback",
+  "notificationTopicPostReply": "Post Replies",
+  "notificationTopicPostSubscription": "Post Subscriptions",
+  "notificationTopicMessaging": "New Messages",
+  "notificationTopicMessagingCall": "Incoming Calls",
+  "notificationTopicGeneral": "General",
+  "authMaximumAuthSteps": "Maximum Authenticate Steps",
+  "authMaximumAuthStepsDescription": {
+    "one": "Maximum ask for {} step authenticate",
+    "other": "Maximum ask for {} steps authenticate"
+  },
+  "authAlwaysRisky": "Always Risky",
+  "authAlwaysRiskyDescription": "Always ask for the highest steps count of authentication when logging in.",
+  "chatUnjoined": "Unjoined Channel",
+  "chatUnjoinedDescription": "You haven't joined this channel, so you can't send messages either view messages in it.",
+  "chatUnjoinedPublicDescription": "Fortunately, this is a public channel, so you can join it as you want.",
+  "chatJoin": "Join the Channel",
+  "appInitStarting": "Starting",
+  "appInitNetwork": "Initializing Network",
+  "appInitUserdata": "Initializing User Data",
+  "appInitWebsocket": "Establishing Solar Link",
+  "appInitNotification": "Initializing Push Notifications", 
+  "appInitKeyPair": "Initializing Key Pairs",
+  "appInitStickers": "Initializing Stickers",
+  "appInitUserDirectory": "Initializing User Directory",
+  "appInitRealm": "Initializing Realms",
+  "appInitChat": "Initializing Chat",
+  "appInitDone": "Completed",
+  "community": "Community",
+  "realmCommunity": "{}'s Community",
+  "postTotalCount": {
+    "one": "Total {} post",
+    "other": "Total {} posts"
+  },
+  "settingsHideBottomNav": "Hide Bottom Navigation",
+  "settingsHideBottomNavDescription": "Hide the bottom navigation bar, and show the navigation buttons in the drawer.",
+  "reCaptcha": "reCaptcha"
 }

assets/translations/zh-CN.json

@@ -137,6 +137,11 @@
   "publisherRunBy": "由 {} 管理",
   "fieldPublisherBelongToRealm": "所属领域",
   "fieldPublisherBelongToRealmUnset": "未设置发布者所属领域",
+  "writePost": "撰写",
+  "postTypeStory": "动态",
+  "postTypeArticle": "文章",
+  "postTypeQuestion": "问题",
+  "postTypeVideo": "视频",
   "writePostTypeStory": "发动态",
   "writePostTypeArticle": "写文章",
   "writePostTypeQuestion": "提问题",
@@ -200,7 +205,13 @@
     "one": "{} 条评论",
     "other": "{} 条评论"
   },
+  "postCommentExpand": "展开评论",
   "settingsAppearance": "外观",
+  "settingsCustomFonts": "自定义字体",
+  "settingsCustomFontsDescription": "设置应用程序使用的字体。",
+  "settingsCustomFontFamily": "应用字体",
+  "settingsCustomFontFamilyHint": "使用英文逗号分割每一种字体，越前优先级越高",
+  "settingsCustomFontApplied": "自定义字体已经应用。",
   "settingsDisplayLanguage": "显示语言",
   "settingsDisplayLanguageDescription": "设置应用程序使用的语言",
   "settingsDisplayLanguageSystem": "跟随系统",
@@ -325,6 +336,7 @@
   "fieldAttachmentRandomId": "访问 ID",
   "fieldAttachmentAlt": "概述文字",
   "addAttachmentFromAlbum": "从相册中添加附件",
+  "addAttachmentFromFiles": "从文件中添加附件",
   "addAttachmentFromClipboard": "粘贴附件",
   "addAttachmentFromCameraPhoto": "拍摄照片",
   "addAttachmentFromCameraVideo": "拍摄视频",
@@ -510,8 +522,13 @@
   "accountBirthday": "出生于 {}",
   "accountBadge": "徽章",
   "accountCheckInNoRecords": "暂无运势记录",
-  "badgeCompanyStaff": "索尔辛茨士大夫 · 员工",
+  "badgeCompanyStaff": "工作人员",
   "badgeSiteMigration": "Solar Network 原住民",
+  "badgeCommunitySurvey": "调研参与者",
+  "badgeCommunityVerified": "认证用户",
+  "badgeCommunityContributor": "优秀社区贡献者",
+  "badgeSiteAnniversary": "周年纪念",
+  "badgeUserBirthday": "生日纪念",
   "accountStatus": "状态",
   "accountStatusOnline": "在线",
   "accountStatusOffline": "离线",
@@ -546,6 +563,7 @@
   "termAcceptNextWithAgree": "点击 “下一步”，即表示你同意我们的各项条款，包括其之后的更新。",
   "unauthorized": "未登陆",
   "unauthorizedDescription": "登陆以探索整个 Solar Network。",
+  "projectDetail": "项目详情",
   "serviceStatus": "服务状态",
   "termRelated": "相关条款",
   "appDetails": "应用程序详情",
@@ -581,6 +599,7 @@
   "colorSchemeBlack": "黑色",
   "colorSchemeApplied": "主题色已应用，可能需要重启来生效。",
   "postFeaturedComment": "精选评论",
+  "postCategory": "分类",
   "postCategoryTechnology": "技术",
   "postCategoryGaming": "游戏",
   "postCategoryLife": "生活",
@@ -624,6 +643,7 @@
   "realmJoin": "加入领域",
   "realmCommunityHint": "该领域是一个社区领域，你可以自由加入。",
   "realmCommunityPublicChannelsHint": "该领域包含的公共频道",
+  "realmCommunityPublishersHint": "该领域的发布者",
   "realmJoined": "已加入领域 {}。",
   "join": "加入",
   "pollEditorNew": "新投票",
@@ -664,5 +684,209 @@
     "zero": "{} 次浏览",
     "one": "{} 次浏览",
     "other": "{} 次浏览"
-  }
+  },
+  "attachmentBillingUploaded": "已占用的字节数",
+  "attachmentBillingDiscount": "免费的字节数",
+  "attachmentBillingHint": "滑动窗口计价®\n在24小时内上传的文件大小超出免费空间才会适用扣费。",
+  "postThumbnail": "帖子缩略图",
+  "accountRealms": "领域",
+  "postInGlobal": "全站",
+  "postInGlobalDescription": "不关联此帖子与任何领域。",
+  "postChannelGlobal": "全站",
+  "postChannelFriends": "好友",
+  "postChannelFollowing": "关注",
+  "postChannelRealm": "领域",
+  "postFilterReset": "重置过滤器",
+  "postFilterResetDescription": "清除过滤器并显示所有帖子。",
+  "postFilterWithCategory": "查看{}区中的帖子",
+  "databaseSize": "数据库大小",
+  "databaseDelete": "删除数据库",
+  "databaseDeleteDescription": "删除本地数据库，内容将从服务器重新获取。",
+  "databaseDeleted": "本地数据库已被删除。",
+  "settingsEnablePushNotifications": "启用推送数据",
+  "settingsEnablePushNotificationsDescription": "重新启用并请求推送权限，以防自动激活失败。",
+  "settingsEnabledPushNotifications": "推送通知已经注册。",
+  "screenStickers": "贴图",
+  "stickersDiscovery": "发现",
+  "stickersOwned": "由我拥有",
+  "stickersCreated": "由我发布",
+  "stickersAdd": "添加贴图包",
+  "stickersAdded": "贴图包已添加。",
+  "add": "添加",
+  "stickersRemoved": "贴图包已被移除，你可以随时再次添加回来。",
+  "stickersReload": "重载贴图包",
+  "stickersReloadDescription": "从服务器重新加载添加过的贴图，更新贴图选择器。",
+  "stickersReloaded": "贴图包已重载。",
+  "stickersPackDelete": "删除贴图包 {}",
+  "stickersPackDeleteDescription": "你确定要删除这个贴图包吗？这个操作不可撤销。",
+  "stickersPackDeleted": "贴图包已被删除。",
+  "stickersDelete": "删除贴图 {}",
+  "stickersDeleteDescription": "你确定要删除这个贴图吗？这个操作不可撤销。",
+  "stickersDeleted": "贴图已被删除。",
+  "fieldStickerName": "贴图名称",
+  "fieldStickerAlias": "贴图别名",
+  "fieldStickerAliasHint": "和贴图包前缀组合成为本贴图的唯一占位符。",
+  "fieldStickerPackName": "名称",
+  "fieldStickerPackDescription": "描述",
+  "fieldStickerPackPrefix": "贴图包前缀",
+  "fieldStickerAttachment": "附件",
+  "stickersNew": "新建贴图",
+  "stickersNewDescription": "创建一个新的贴图。",
+  "stickersPackNew": "新建贴图包",
+  "trayMenuShow": "显示",
+  "trayMenuMuteNotification": "静音通知",
+  "update": "更新",
+  "forceUpdate": "强制更新",
+  "forceUpdateDescription": "强制更新应用程序，即使有更新的版本可能不可用。",
+  "runtimeLogs": "运行时日志",
+  "runtimeLogsOpen": "打开日志文件",
+  "runtimeLogsDescription": "显示运行时的日志记录。",
+  "signinResetPasswordHint": "请输入用户名/电子邮箱地址以帮助我们找到您的帐户并重置密码。",
+  "cacheSize": "缓存资源大小",
+  "cacheDelete": "清除缓存",
+  "cacheDeleteDescription": "从磁盘中移除缓存的图片和其他资源，内容将从服务器重新下载。",
+  "cacheDeleted": "所有缓存已被清除。",
+  "userNoDescription": "这个人很懒，没有留下什么……",
+  "fieldTimeZone": "时区",
+  "fieldGender": "性别",
+  "fieldPronouns": "人称代词",
+  "fieldLocation": "位置",
+  "fieldLinks": "链接",
+  "fieldLinkName": "名称",
+  "fieldLinkUrl": "链接",
+  "screenAccountBadges": "徽章",
+  "accountBadges": "徽章",
+  "accountBadgesDescription": "查看并管理你的徽章。",
+  "badgeActivated": "已佩戴徽章 {}。",
+  "viewDetailedAttachment": "查看附件详情",
+  "screenKeyPairs": "密钥对",
+  "accountKeyPairs": "密钥对",
+  "accountKeyPairsDescription": "管理用于加密信息的密钥对。",
+  "enrollNewKeyPair": "新建密钥对",
+  "enrollNewKeyPairDescription": "生成一对新密钥对。",
+  "keyPairHasPrivateKey": "有私钥",
+  "decrypting": "解密中……",
+  "decryptingKeyNotFound": "未找到密钥对或交换失败，对方可能不在线",
+  "messageUnablePreview": "无法预览消息",
+  "messageUnablePreviewEncrypted": "无法预览加密消息",
+  "postViewInGlobalDescription": "不查看特定领域的帖子。",
+  "postDraftSaved": "已保存为草稿。",
+  "postDraftBox": "草稿箱",
+  "postShuffle": "随便看看",
+  "checkInStreak": {
+    "zero": "无连击",
+    "one": "连续签到 {} 天",
+    "other": "连续签到 {} 天"
+  },
+  "accountChangeStatus": "修改状态",
+  "accountStatusSilent": "请勿打扰",
+  "accountStatusSilentDesc": "将会暂停所有通知推送",
+  "accountStatusInvisible": "隐身",
+  "accountStatusInvisibleDesc": "将会在他人界面显示离线，但不影响功能使用",
+  "accountCustomStatus": "自定义状态",
+  "accountCustomStatusDescription": "客制化你的状态。",
+  "accountClearStatus": "清除状态",
+  "accountClearStatusDescription": "清除你的状态，并让服务器决定你的状态。",
+  "fieldAccountStatusLabel": "状态文字",
+  "fieldAccountStatusClearAt": "清除时间",
+  "accountStatusNegative": "负面",
+  "accountStatusNeutral": "中性",
+  "accountStatusPositive": "正面",
+  "mixedFeed": "混合推荐流",
+  "mixedFeedDescription": "探索页面可能不只会展示用户的帖子，更可能包含其他的内容。但该模式不适用分类和过滤。",
+  "filterFeed": "探索队列调整",
+  "feedUnknownItem": "无法显示该内容，当前版本客户端不支持该类型的内容，请尝试更新应用程序后再试。",
+  "serviceStatusOperational": "所有服务正常",
+  "serviceStatusDowngraded": "部分服务异常",
+  "serviceStatusFailed": "服务状态异常",
+  "serviceStatusFailedDescription": "服务器炸了或者刚刚执行完维护程序。",
+  "serviceNameInsights": "总结、见解与洞察",
+  "serviceNameInteractive": "帖子与互动",
+  "serviceNameReader": "新闻与链接展开",
+  "serviceNameMessaging": "即使聊天",
+  "serviceNameMatrix": "矩阵市场",
+  "serviceNamePaperclip": "附件",
+  "serviceNameWallet": "源点钱包",
+  "serviceNamePassport": "身份验证与授权",
+  "accountActionEvent": "操作日志",
+  "accountActionEventDescription": "查看你的操作日志。",
+  "eventMetadata": "元数据",
+  "accountAuthTickets": "授权会话",
+  "accountAuthTicketsDescription": "查看和管理你的授权会话。",
+  "authTicketCreatedAt": "签发于 {}",
+  "authTicketExpiredAt": "到期于 {}",
+  "authTicketLastGrantAt": "上次刷新于 {}",
+  "authTicketCurrent": "当前会话",
+  "accountUnconfirmedTitle": "尚未未确认账户",
+  "accountUnconfirmedSubtitle": "您的账户尚未确认，这会导致大部分功能不可用，并且您的帐户将在 24 小时后自毁。您绑定的邮箱的收件箱应该会有一封邮件指引您确认您的帐户。",
+  "accountUnconfirmedUnreceived": "未收到邮件？",
+  "accountUnconfirmedResend": "重新发送一封",
+  "accountUnconfirmedResendSuccessful": "邮件已重新发送，你可以在 60 分钟后再重发一封。",
+  "stickerPickerEmpty": "贴图列表为空",
+  "stickerPickerEmptyHint": "想要开始使用贴图，请先添加贴图包。",
+  "goto": "跳转到 {}",
+  "accountContactMethods": "联系方式",
+  "accountContactMethodsDescription": "管理你的联系方式。",
+  "accountContactMethodsNameEmail": "电子邮箱",
+  "accountContactMethodsNamePhone": "电话",
+  "accountContactMethodsNameAddress": "地址",
+  "accountContactMethodsPrimary": "主要的",
+  "accountContactMethodsVerified": "已验证",
+  "accountContactMethodsPublic": "公开的",
+  "accountContactMethodsAdd": "添加联系方式",
+  "accountContactMethodsEdit": "编辑联系方式",
+  "accountContactMethodsAddDescription": "添加新的联系方式。",
+  "fieldContactContent": "联系方式",
+  "accountContactMethodsPublicHint": "这个联系方式公开地显示在个人资料中。",
+  "accountContactMethodsDelete": "删除联系方式",
+  "accountContactMethodsDeleteDescription": "你确定要删除联系方式 {} 吗？这个操作不可撤销。",
+  "postCommentAdd": "撰写一条评论",
+  "translate": "翻译",
+  "translating": "正在翻译……",
+  "translated": "已翻译",
+  "settingsAutoTranslate": "自动翻译",
+  "settingsAutoTranslateDescription": "在查看帖子、消息时自动翻译文本。",
+  "trayMenuHide": "隐藏",
+  "accountSettingsNotify": "通知设置",
+  "accountSettingsNotifyDescription": "调整你所收到的通知种类。",
+  "accountSettingsSecurity": "安全设置",
+  "accountSettingsSecurityDescription": "调整你的帐户安全设置。",
+  "save": "保存",
+  "notificationTopicPostFeedback": "帖子数据反馈",
+  "notificationTopicPostReply": "帖子回复",
+  "notificationTopicPostSubscription": "帖子订阅",
+  "notificationTopicMessaging": "消息",
+  "notificationTopicMessagingCall": "通话",
+  "notificationTopicGeneral": "杂项",
+  "authMaximumAuthSteps": "最大验证步骤",
+  "authMaximumAuthStepsDescription": {
+    "one": "登入时最多要求 {} 步验证",
+    "other": "登入时最多要求 {} 步验证"
+  },
+  "authAlwaysRisky": "总是风险",
+  "authAlwaysRiskyDescription": "在登入时始终按最高标准要求验证。",
+  "chatUnjoined": "未加入频道",
+  "chatUnjoinedDescription": "你没有加入这个频道，所以你也无法发送消息或者查看这个频道中的消息。",
+  "chatUnjoinedPublicDescription": "但幸运的是，这是一个公开频道，所以你可以主动加入。",
+  "chatJoin": "加入频道",
+  "appInitStarting": "启动中",
+  "appInitNetwork": "正在初始化网络",
+  "appInitUserdata": "正在初始化用户数据",
+  "appInitWebsocket": "正在建立 Solar Link",
+  "appInitNotification": "正在初始化推送通知", 
+  "appInitKeyPair": "正在初始化密钥对",
+  "appInitStickers": "正在初始化贴图包",
+  "appInitUserDirectory": "正在初始化用户目录",
+  "appInitRealm": "正在初始化领域信息",
+  "appInitChat": "正在初始化聊天",
+  "appInitDone": "完成",
+  "community": "社区",
+  "realmCommunity": "{}的社区",
+  "postTotalCount": {
+    "zero": "没有帖子",
+    "one": "共 {} 条帖子"
+  },
+  "settingsHideBottomNav": "隐藏底部导航栏",
+  "settingsHideBottomNavDescription": "隐藏底部导航栏，在侧边栏抽屉显示导航按钮。",
+  "reCaptcha": "人机验证"
 }

assets/translations/zh-HK.json

@@ -137,6 +137,11 @@
   "publisherRunBy": "由 {} 管理",
   "fieldPublisherBelongToRealm": "所屬領域",
   "fieldPublisherBelongToRealmUnset": "未設置發佈者所屬領域",
+  "writePost": "撰寫",
+  "postTypeStory": "動態",
+  "postTypeArticle": "文章",
+  "postTypeQuestion": "問題",
+  "postTypeVideo": "視頻",
   "writePostTypeStory": "發動態",
   "writePostTypeArticle": "寫文章",
   "writePostTypeQuestion": "提問題",
@@ -200,7 +205,13 @@
     "one": "{} 條評論",
     "other": "{} 條評論"
   },
+  "postCommentExpand": "展開評論",
   "settingsAppearance": "外觀",
+  "settingsCustomFonts": "自定義字體",
+  "settingsCustomFontsDescription": "設置應用程序使用的字體。",
+  "settingsCustomFontFamily": "應用字體",
+  "settingsCustomFontFamilyHint": "使用英文逗號分割每一種字體，越前優先級越高",
+  "settingsCustomFontApplied": "自定義字體已經應用。",
   "settingsDisplayLanguage": "顯示語言",
   "settingsDisplayLanguageDescription": "設置應用程序使用的語言",
   "settingsDisplayLanguageSystem": "跟隨系統",
@@ -325,6 +336,7 @@
   "fieldAttachmentRandomId": "訪問 ID",
   "fieldAttachmentAlt": "概述文字",
   "addAttachmentFromAlbum": "從相冊中添加附件",
+  "addAttachmentFromFiles": "從文件中添加附件",
   "addAttachmentFromClipboard": "粘貼附件",
   "addAttachmentFromCameraPhoto": "拍攝照片",
   "addAttachmentFromCameraVideo": "拍攝視頻",
@@ -510,8 +522,13 @@
   "accountBirthday": "出生於 {}",
   "accountBadge": "徽章",
   "accountCheckInNoRecords": "暫無運勢記錄",
-  "badgeCompanyStaff": "索爾辛茨士大夫 · 員工",
+  "badgeCompanyStaff": "工作人員",
   "badgeSiteMigration": "Solar Network 原住民",
+  "badgeCommunitySurvey": "調研參與者",
+  "badgeCommunityVerified": "認證用户",
+  "badgeCommunityContributor": "優秀社區貢獻者",
+  "badgeSiteAnniversary": "週年紀念",
+  "badgeUserBirthday": "生日紀念",
   "accountStatus": "狀態",
   "accountStatusOnline": "在線",
   "accountStatusOffline": "離線",
@@ -546,6 +563,7 @@
   "termAcceptNextWithAgree": "點擊 “下一步”，即表示你同意我們的各項條款，包括其之後的更新。",
   "unauthorized": "未登陸",
   "unauthorizedDescription": "登陸以探索整個 Solar Network。",
+  "projectDetail": "項目詳情",
   "serviceStatus": "服務狀態",
   "termRelated": "相關條款",
   "appDetails": "應用程序詳情",
@@ -581,6 +599,7 @@
   "colorSchemeBlack": "黑色",
   "colorSchemeApplied": "主題色已應用，可能需要重啓來生效。",
   "postFeaturedComment": "精選評論",
+  "postCategory": "分類",
   "postCategoryTechnology": "技術",
   "postCategoryGaming": "遊戲",
   "postCategoryLife": "生活",
@@ -624,6 +643,7 @@
   "realmJoin": "加入領域",
   "realmCommunityHint": "該領域是一個社區領域，你可以自由加入。",
   "realmCommunityPublicChannelsHint": "該領域包含的公共頻道",
+  "realmCommunityPublishersHint": "該領域的發佈者",
   "realmJoined": "已加入領域 {}。",
   "join": "加入",
   "pollEditorNew": "新投票",
@@ -664,5 +684,209 @@
     "zero": "{} 次瀏覽",
     "one": "{} 次瀏覽",
     "other": "{} 次瀏覽"
-  }
+  },
+  "attachmentBillingUploaded": "已佔用的字節數",
+  "attachmentBillingDiscount": "免費的字節數",
+  "attachmentBillingHint": "滑動窗口計價®\n在24小時內上傳的文件大小超出免費空間才會適用扣費。",
+  "postThumbnail": "帖子縮略圖",
+  "accountRealms": "領域",
+  "postInGlobal": "全站",
+  "postInGlobalDescription": "不關聯此帖子與任何領域。",
+  "postChannelGlobal": "全站",
+  "postChannelFriends": "好友",
+  "postChannelFollowing": "關注",
+  "postChannelRealm": "領域",
+  "postFilterReset": "重置過濾器",
+  "postFilterResetDescription": "清除過濾器並顯示所有帖子。",
+  "postFilterWithCategory": "查看{}區中的帖子",
+  "databaseSize": "數據庫大小",
+  "databaseDelete": "刪除數據庫",
+  "databaseDeleteDescription": "刪除本地數據庫，內容將從服務器重新獲取。",
+  "databaseDeleted": "本地數據庫已被刪除。",
+  "settingsEnablePushNotifications": "啓用推送數據",
+  "settingsEnablePushNotificationsDescription": "重新啓用並請求推送權限，以防自動激活失敗。",
+  "settingsEnabledPushNotifications": "推送通知已經註冊。",
+  "screenStickers": "貼圖",
+  "stickersDiscovery": "發現",
+  "stickersOwned": "由我擁有",
+  "stickersCreated": "由我發佈",
+  "stickersAdd": "添加貼圖包",
+  "stickersAdded": "貼圖包已添加。",
+  "add": "添加",
+  "stickersRemoved": "貼圖包已被移除，你可以隨時再次添加回來。",
+  "stickersReload": "重載貼圖包",
+  "stickersReloadDescription": "從服務器重新加載添加過的貼圖，更新貼圖選擇器。",
+  "stickersReloaded": "貼圖包已重載。",
+  "stickersPackDelete": "刪除貼圖包 {}",
+  "stickersPackDeleteDescription": "你確定要刪除這個貼圖包嗎？這個操作不可撤銷。",
+  "stickersPackDeleted": "貼圖包已被刪除。",
+  "stickersDelete": "刪除貼圖 {}",
+  "stickersDeleteDescription": "你確定要刪除這個貼圖嗎？這個操作不可撤銷。",
+  "stickersDeleted": "貼圖已被刪除。",
+  "fieldStickerName": "貼圖名稱",
+  "fieldStickerAlias": "貼圖別名",
+  "fieldStickerAliasHint": "和貼圖包前綴組合成為本貼圖的唯一佔位符。",
+  "fieldStickerPackName": "名稱",
+  "fieldStickerPackDescription": "描述",
+  "fieldStickerPackPrefix": "貼圖包前綴",
+  "fieldStickerAttachment": "附件",
+  "stickersNew": "新建貼圖",
+  "stickersNewDescription": "創建一個新的貼圖。",
+  "stickersPackNew": "新建貼圖包",
+  "trayMenuShow": "顯示",
+  "trayMenuMuteNotification": "靜音通知",
+  "update": "更新",
+  "forceUpdate": "強制更新",
+  "forceUpdateDescription": "強制更新應用程序，即使有更新的版本可能不可用。",
+  "runtimeLogs": "運行時日誌",
+  "runtimeLogsOpen": "打開日誌文件",
+  "runtimeLogsDescription": "顯示運行時的日誌記錄。",
+  "signinResetPasswordHint": "請輸入用户名/電子郵箱地址以幫助我們找到您的帳户並重置密碼。",
+  "cacheSize": "緩存資源大小",
+  "cacheDelete": "清除緩存",
+  "cacheDeleteDescription": "從磁盤中移除緩存的圖片和其他資源，內容將從服務器重新下載。",
+  "cacheDeleted": "所有緩存已被清除。",
+  "userNoDescription": "這個人很懶，沒有留下什麼……",
+  "fieldTimeZone": "時區",
+  "fieldGender": "性別",
+  "fieldPronouns": "人稱代詞",
+  "fieldLocation": "位置",
+  "fieldLinks": "鏈接",
+  "fieldLinkName": "名稱",
+  "fieldLinkUrl": "鏈接",
+  "screenAccountBadges": "徽章",
+  "accountBadges": "徽章",
+  "accountBadgesDescription": "查看並管理你的徽章。",
+  "badgeActivated": "已佩戴徽章 {}。",
+  "viewDetailedAttachment": "查看附件詳情",
+  "screenKeyPairs": "密鑰對",
+  "accountKeyPairs": "密鑰對",
+  "accountKeyPairsDescription": "管理用於加密信息的密鑰對。",
+  "enrollNewKeyPair": "新建密鑰對",
+  "enrollNewKeyPairDescription": "生成一對新密鑰對。",
+  "keyPairHasPrivateKey": "有私鑰",
+  "decrypting": "解密中……",
+  "decryptingKeyNotFound": "未找到密鑰對或交換失敗，對方可能不在線",
+  "messageUnablePreview": "無法預覽消息",
+  "messageUnablePreviewEncrypted": "無法預覽加密消息",
+  "postViewInGlobalDescription": "不查看特定領域的帖子。",
+  "postDraftSaved": "已保存為草稿。",
+  "postDraftBox": "草稿箱",
+  "postShuffle": "隨便看看",
+  "checkInStreak": {
+    "zero": "無連擊",
+    "one": "連續簽到 {} 天",
+    "other": "連續簽到 {} 天"
+  },
+  "accountChangeStatus": "修改狀態",
+  "accountStatusSilent": "請勿打擾",
+  "accountStatusSilentDesc": "將會暫停所有通知推送",
+  "accountStatusInvisible": "隱身",
+  "accountStatusInvisibleDesc": "將會在他人界面顯示離線，但不影響功能使用",
+  "accountCustomStatus": "自定義狀態",
+  "accountCustomStatusDescription": "客製化你的狀態。",
+  "accountClearStatus": "清除狀態",
+  "accountClearStatusDescription": "清除你的狀態，並讓服務器決定你的狀態。",
+  "fieldAccountStatusLabel": "狀態文字",
+  "fieldAccountStatusClearAt": "清除時間",
+  "accountStatusNegative": "負面",
+  "accountStatusNeutral": "中性",
+  "accountStatusPositive": "正面",
+  "mixedFeed": "混合推薦流",
+  "mixedFeedDescription": "探索頁面可能不只會展示用户的帖子，更可能包含其他的內容。但該模式不適用分類和過濾。",
+  "filterFeed": "探索隊列調整",
+  "feedUnknownItem": "無法顯示該內容，當前版本客户端不支持該類型的內容，請嘗試更新應用程序後再試。",
+  "serviceStatusOperational": "所有服務正常",
+  "serviceStatusDowngraded": "部分服務異常",
+  "serviceStatusFailed": "服務狀態異常",
+  "serviceStatusFailedDescription": "服務器炸了或者剛剛執行完維護程序。",
+  "serviceNameInsights": "總結、見解與洞察",
+  "serviceNameInteractive": "帖子與互動",
+  "serviceNameReader": "新聞與鏈接展開",
+  "serviceNameMessaging": "即使聊天",
+  "serviceNameMatrix": "矩陣市場",
+  "serviceNamePaperclip": "附件",
+  "serviceNameWallet": "源點錢包",
+  "serviceNamePassport": "身份驗證與授權",
+  "accountActionEvent": "操作日誌",
+  "accountActionEventDescription": "查看你的操作日誌。",
+  "eventMetadata": "元數據",
+  "accountAuthTickets": "授權會話",
+  "accountAuthTicketsDescription": "查看和管理你的授權會話。",
+  "authTicketCreatedAt": "簽發於 {}",
+  "authTicketExpiredAt": "到期於 {}",
+  "authTicketLastGrantAt": "上次刷新於 {}",
+  "authTicketCurrent": "當前會話",
+  "accountUnconfirmedTitle": "尚未未確認賬户",
+  "accountUnconfirmedSubtitle": "您的賬户尚未確認，這會導致大部分功能不可用，並且您的帳户將在 24 小時後自毀。您綁定的郵箱的收件箱應該會有一封郵件指引您確認您的帳户。",
+  "accountUnconfirmedUnreceived": "未收到郵件？",
+  "accountUnconfirmedResend": "重新發送一封",
+  "accountUnconfirmedResendSuccessful": "郵件已重新發送，你可以在 60 分鐘後再重發一封。",
+  "stickerPickerEmpty": "貼圖列表為空",
+  "stickerPickerEmptyHint": "想要開始使用貼圖，請先添加貼圖包。",
+  "goto": "跳轉到 {}",
+  "accountContactMethods": "聯繫方式",
+  "accountContactMethodsDescription": "管理你的聯繫方式。",
+  "accountContactMethodsNameEmail": "電子郵箱",
+  "accountContactMethodsNamePhone": "電話",
+  "accountContactMethodsNameAddress": "地址",
+  "accountContactMethodsPrimary": "主要的",
+  "accountContactMethodsVerified": "已驗證",
+  "accountContactMethodsPublic": "公開的",
+  "accountContactMethodsAdd": "添加聯繫方式",
+  "accountContactMethodsEdit": "編輯聯繫方式",
+  "accountContactMethodsAddDescription": "添加新的聯繫方式。",
+  "fieldContactContent": "聯繫方式",
+  "accountContactMethodsPublicHint": "這個聯繫方式公開地顯示在個人資料中。",
+  "accountContactMethodsDelete": "刪除聯繫方式",
+  "accountContactMethodsDeleteDescription": "你確定要刪除聯繫方式 {} 嗎？這個操作不可撤銷。",
+  "postCommentAdd": "撰寫一條評論",
+  "translate": "翻譯",
+  "translating": "正在翻譯……",
+  "translated": "已翻譯",
+  "settingsAutoTranslate": "自動翻譯",
+  "settingsAutoTranslateDescription": "在查看帖子、消息時自動翻譯文本。",
+  "trayMenuHide": "隱藏",
+  "accountSettingsNotify": "通知設置",
+  "accountSettingsNotifyDescription": "調整你所收到的通知種類。",
+  "accountSettingsSecurity": "安全設置",
+  "accountSettingsSecurityDescription": "調整你的帳户安全設置。",
+  "save": "保存",
+  "notificationTopicPostFeedback": "帖子數據反饋",
+  "notificationTopicPostReply": "帖子回覆",
+  "notificationTopicPostSubscription": "帖子訂閲",
+  "notificationTopicMessaging": "消息",
+  "notificationTopicMessagingCall": "通話",
+  "notificationTopicGeneral": "雜項",
+  "authMaximumAuthSteps": "最大驗證步驟",
+  "authMaximumAuthStepsDescription": {
+    "one": "登入時最多要求 {} 步驗證",
+    "other": "登入時最多要求 {} 步驗證"
+  },
+  "authAlwaysRisky": "總是風險",
+  "authAlwaysRiskyDescription": "在登入時始終按最高標準要求驗證。",
+  "chatUnjoined": "未加入頻道",
+  "chatUnjoinedDescription": "你沒有加入這個頻道，所以你也無法發送消息或者查看這個頻道中的消息。",
+  "chatUnjoinedPublicDescription": "但幸運的是，這是一個公開頻道，所以你可以主動加入。",
+  "chatJoin": "加入頻道",
+  "appInitStarting": "啓動中",
+  "appInitNetwork": "正在初始化網絡",
+  "appInitUserdata": "正在初始化用户數據",
+  "appInitWebsocket": "正在建立 Solar Link",
+  "appInitNotification": "正在初始化推送通知", 
+  "appInitKeyPair": "正在初始化密鑰對",
+  "appInitStickers": "正在初始化貼圖包",
+  "appInitUserDirectory": "正在初始化用户目錄",
+  "appInitRealm": "正在初始化領域信息",
+  "appInitChat": "正在初始化聊天",
+  "appInitDone": "完成",
+  "community": "社區",
+  "realmCommunity": "{}的社區",
+  "postTotalCount": {
+    "zero": "沒有帖子",
+    "one": "共 {} 條帖子"
+  },
+  "settingsHideBottomNav": "隱藏底部導航欄",
+  "settingsHideBottomNavDescription": "隱藏底部導航欄，在側邊欄抽屜顯示導航按鈕。",
+  "reCaptcha": "人機驗證"
 }

assets/translations/zh-TW.json

@@ -137,6 +137,11 @@
   "publisherRunBy": "由 {} 管理",
   "fieldPublisherBelongToRealm": "所屬領域",
   "fieldPublisherBelongToRealmUnset": "未設置發佈者所屬領域",
+  "writePost": "撰寫",
+  "postTypeStory": "動態",
+  "postTypeArticle": "文章",
+  "postTypeQuestion": "問題",
+  "postTypeVideo": "視頻",
   "writePostTypeStory": "發動態",
   "writePostTypeArticle": "寫文章",
   "writePostTypeQuestion": "提問題",
@@ -200,7 +205,13 @@
     "one": "{} 條評論",
     "other": "{} 條評論"
   },
+  "postCommentExpand": "展開評論",
   "settingsAppearance": "外觀",
+  "settingsCustomFonts": "自定義字體",
+  "settingsCustomFontsDescription": "設置應用程序使用的字體。",
+  "settingsCustomFontFamily": "應用字體",
+  "settingsCustomFontFamilyHint": "使用英文逗號分割每一種字體，越前優先級越高",
+  "settingsCustomFontApplied": "自定義字體已經應用。",
   "settingsDisplayLanguage": "顯示語言",
   "settingsDisplayLanguageDescription": "設置應用程序使用的語言",
   "settingsDisplayLanguageSystem": "跟隨系統",
@@ -325,6 +336,7 @@
   "fieldAttachmentRandomId": "訪問 ID",
   "fieldAttachmentAlt": "概述文字",
   "addAttachmentFromAlbum": "從相冊中添加附件",
+  "addAttachmentFromFiles": "從文件中添加附件",
   "addAttachmentFromClipboard": "粘貼附件",
   "addAttachmentFromCameraPhoto": "拍攝照片",
   "addAttachmentFromCameraVideo": "拍攝視頻",
@@ -510,8 +522,13 @@
   "accountBirthday": "出生於 {}",
   "accountBadge": "徽章",
   "accountCheckInNoRecords": "暫無運勢記錄",
-  "badgeCompanyStaff": "索爾辛茨士大夫 · 員工",
+  "badgeCompanyStaff": "工作人員",
   "badgeSiteMigration": "Solar Network 原住民",
+  "badgeCommunitySurvey": "調研參與者",
+  "badgeCommunityVerified": "認證用戶",
+  "badgeCommunityContributor": "優秀社區貢獻者",
+  "badgeSiteAnniversary": "週年紀念",
+  "badgeUserBirthday": "生日紀念",
   "accountStatus": "狀態",
   "accountStatusOnline": "在線",
   "accountStatusOffline": "離線",
@@ -546,6 +563,7 @@
   "termAcceptNextWithAgree": "點擊 “下一步”，即表示你同意我們的各項條款，包括其之後的更新。",
   "unauthorized": "未登陸",
   "unauthorizedDescription": "登陸以探索整個 Solar Network。",
+  "projectDetail": "項目詳情",
   "serviceStatus": "服務狀態",
   "termRelated": "相關條款",
   "appDetails": "應用程序詳情",
@@ -581,6 +599,7 @@
   "colorSchemeBlack": "黑色",
   "colorSchemeApplied": "主題色已應用，可能需要重啟來生效。",
   "postFeaturedComment": "精選評論",
+  "postCategory": "分類",
   "postCategoryTechnology": "技術",
   "postCategoryGaming": "遊戲",
   "postCategoryLife": "生活",
@@ -624,6 +643,7 @@
   "realmJoin": "加入領域",
   "realmCommunityHint": "該領域是一個社區領域，你可以自由加入。",
   "realmCommunityPublicChannelsHint": "該領域包含的公共頻道",
+  "realmCommunityPublishersHint": "該領域的發佈者",
   "realmJoined": "已加入領域 {}。",
   "join": "加入",
   "pollEditorNew": "新投票",
@@ -664,5 +684,209 @@
     "zero": "{} 次瀏覽",
     "one": "{} 次瀏覽",
     "other": "{} 次瀏覽"
-  }
+  },
+  "attachmentBillingUploaded": "已佔用的字節數",
+  "attachmentBillingDiscount": "免費的字節數",
+  "attachmentBillingHint": "滑動窗口計價®\n在24小時內上傳的文件大小超出免費空間才會適用扣費。",
+  "postThumbnail": "帖子縮略圖",
+  "accountRealms": "領域",
+  "postInGlobal": "全站",
+  "postInGlobalDescription": "不關聯此帖子與任何領域。",
+  "postChannelGlobal": "全站",
+  "postChannelFriends": "好友",
+  "postChannelFollowing": "關注",
+  "postChannelRealm": "領域",
+  "postFilterReset": "重置過濾器",
+  "postFilterResetDescription": "清除過濾器並顯示所有帖子。",
+  "postFilterWithCategory": "查看{}區中的帖子",
+  "databaseSize": "數據庫大小",
+  "databaseDelete": "刪除數據庫",
+  "databaseDeleteDescription": "刪除本地數據庫，內容將從服務器重新獲取。",
+  "databaseDeleted": "本地數據庫已被刪除。",
+  "settingsEnablePushNotifications": "啟用推送數據",
+  "settingsEnablePushNotificationsDescription": "重新啟用並請求推送權限，以防自動激活失敗。",
+  "settingsEnabledPushNotifications": "推送通知已經註冊。",
+  "screenStickers": "貼圖",
+  "stickersDiscovery": "發現",
+  "stickersOwned": "由我擁有",
+  "stickersCreated": "由我發佈",
+  "stickersAdd": "添加貼圖包",
+  "stickersAdded": "貼圖包已添加。",
+  "add": "添加",
+  "stickersRemoved": "貼圖包已被移除，你可以隨時再次添加回來。",
+  "stickersReload": "重載貼圖包",
+  "stickersReloadDescription": "從服務器重新加載添加過的貼圖，更新貼圖選擇器。",
+  "stickersReloaded": "貼圖包已重載。",
+  "stickersPackDelete": "刪除貼圖包 {}",
+  "stickersPackDeleteDescription": "你確定要刪除這個貼圖包嗎？這個操作不可撤銷。",
+  "stickersPackDeleted": "貼圖包已被刪除。",
+  "stickersDelete": "刪除貼圖 {}",
+  "stickersDeleteDescription": "你確定要刪除這個貼圖嗎？這個操作不可撤銷。",
+  "stickersDeleted": "貼圖已被刪除。",
+  "fieldStickerName": "貼圖名稱",
+  "fieldStickerAlias": "貼圖別名",
+  "fieldStickerAliasHint": "和貼圖包前綴組合成為本貼圖的唯一佔位符。",
+  "fieldStickerPackName": "名稱",
+  "fieldStickerPackDescription": "描述",
+  "fieldStickerPackPrefix": "貼圖包前綴",
+  "fieldStickerAttachment": "附件",
+  "stickersNew": "新建貼圖",
+  "stickersNewDescription": "創建一個新的貼圖。",
+  "stickersPackNew": "新建貼圖包",
+  "trayMenuShow": "顯示",
+  "trayMenuMuteNotification": "靜音通知",
+  "update": "更新",
+  "forceUpdate": "強制更新",
+  "forceUpdateDescription": "強制更新應用程序，即使有更新的版本可能不可用。",
+  "runtimeLogs": "運行時日誌",
+  "runtimeLogsOpen": "打開日誌文件",
+  "runtimeLogsDescription": "顯示運行時的日誌記錄。",
+  "signinResetPasswordHint": "請輸入用戶名/電子郵箱地址以幫助我們找到您的帳戶並重置密碼。",
+  "cacheSize": "緩存資源大小",
+  "cacheDelete": "清除緩存",
+  "cacheDeleteDescription": "從磁盤中移除緩存的圖片和其他資源，內容將從服務器重新下載。",
+  "cacheDeleted": "所有緩存已被清除。",
+  "userNoDescription": "這個人很懶，沒有留下什麼……",
+  "fieldTimeZone": "時區",
+  "fieldGender": "性別",
+  "fieldPronouns": "人稱代詞",
+  "fieldLocation": "位置",
+  "fieldLinks": "鏈接",
+  "fieldLinkName": "名稱",
+  "fieldLinkUrl": "鏈接",
+  "screenAccountBadges": "徽章",
+  "accountBadges": "徽章",
+  "accountBadgesDescription": "查看並管理你的徽章。",
+  "badgeActivated": "已佩戴徽章 {}。",
+  "viewDetailedAttachment": "查看附件詳情",
+  "screenKeyPairs": "密鑰對",
+  "accountKeyPairs": "密鑰對",
+  "accountKeyPairsDescription": "管理用於加密信息的密鑰對。",
+  "enrollNewKeyPair": "新建密鑰對",
+  "enrollNewKeyPairDescription": "生成一對新密鑰對。",
+  "keyPairHasPrivateKey": "有私鑰",
+  "decrypting": "解密中……",
+  "decryptingKeyNotFound": "未找到密鑰對或交換失敗，對方可能不在線",
+  "messageUnablePreview": "無法預覽消息",
+  "messageUnablePreviewEncrypted": "無法預覽加密消息",
+  "postViewInGlobalDescription": "不查看特定領域的帖子。",
+  "postDraftSaved": "已保存為草稿。",
+  "postDraftBox": "草稿箱",
+  "postShuffle": "隨便看看",
+  "checkInStreak": {
+    "zero": "無連擊",
+    "one": "連續簽到 {} 天",
+    "other": "連續簽到 {} 天"
+  },
+  "accountChangeStatus": "修改狀態",
+  "accountStatusSilent": "請勿打擾",
+  "accountStatusSilentDesc": "將會暫停所有通知推送",
+  "accountStatusInvisible": "隱身",
+  "accountStatusInvisibleDesc": "將會在他人界面顯示離線，但不影響功能使用",
+  "accountCustomStatus": "自定義狀態",
+  "accountCustomStatusDescription": "客製化你的狀態。",
+  "accountClearStatus": "清除狀態",
+  "accountClearStatusDescription": "清除你的狀態，並讓服務器決定你的狀態。",
+  "fieldAccountStatusLabel": "狀態文字",
+  "fieldAccountStatusClearAt": "清除時間",
+  "accountStatusNegative": "負面",
+  "accountStatusNeutral": "中性",
+  "accountStatusPositive": "正面",
+  "mixedFeed": "混合推薦流",
+  "mixedFeedDescription": "探索頁面可能不只會展示用戶的帖子，更可能包含其他的內容。但該模式不適用分類和過濾。",
+  "filterFeed": "探索隊列調整",
+  "feedUnknownItem": "無法顯示該內容，當前版本客戶端不支持該類型的內容，請嘗試更新應用程序後再試。",
+  "serviceStatusOperational": "所有服務正常",
+  "serviceStatusDowngraded": "部分服務異常",
+  "serviceStatusFailed": "服務狀態異常",
+  "serviceStatusFailedDescription": "服務器炸了或者剛剛執行完維護程序。",
+  "serviceNameInsights": "總結、見解與洞察",
+  "serviceNameInteractive": "帖子與互動",
+  "serviceNameReader": "新聞與鏈接展開",
+  "serviceNameMessaging": "即使聊天",
+  "serviceNameMatrix": "矩陣市場",
+  "serviceNamePaperclip": "附件",
+  "serviceNameWallet": "源點錢包",
+  "serviceNamePassport": "身份驗證與授權",
+  "accountActionEvent": "操作日誌",
+  "accountActionEventDescription": "查看你的操作日誌。",
+  "eventMetadata": "元數據",
+  "accountAuthTickets": "授權會話",
+  "accountAuthTicketsDescription": "查看和管理你的授權會話。",
+  "authTicketCreatedAt": "簽發於 {}",
+  "authTicketExpiredAt": "到期於 {}",
+  "authTicketLastGrantAt": "上次刷新於 {}",
+  "authTicketCurrent": "當前會話",
+  "accountUnconfirmedTitle": "尚未未確認賬戶",
+  "accountUnconfirmedSubtitle": "您的賬戶尚未確認，這會導致大部分功能不可用，並且您的帳戶將在 24 小時後自毀。您綁定的郵箱的收件箱應該會有一封郵件指引您確認您的帳戶。",
+  "accountUnconfirmedUnreceived": "未收到郵件？",
+  "accountUnconfirmedResend": "重新發送一封",
+  "accountUnconfirmedResendSuccessful": "郵件已重新發送，你可以在 60 分鐘後再重發一封。",
+  "stickerPickerEmpty": "貼圖列表為空",
+  "stickerPickerEmptyHint": "想要開始使用貼圖，請先添加貼圖包。",
+  "goto": "跳轉到 {}",
+  "accountContactMethods": "聯繫方式",
+  "accountContactMethodsDescription": "管理你的聯繫方式。",
+  "accountContactMethodsNameEmail": "電子郵箱",
+  "accountContactMethodsNamePhone": "電話",
+  "accountContactMethodsNameAddress": "地址",
+  "accountContactMethodsPrimary": "主要的",
+  "accountContactMethodsVerified": "已驗證",
+  "accountContactMethodsPublic": "公開的",
+  "accountContactMethodsAdd": "添加聯繫方式",
+  "accountContactMethodsEdit": "編輯聯繫方式",
+  "accountContactMethodsAddDescription": "添加新的聯繫方式。",
+  "fieldContactContent": "聯繫方式",
+  "accountContactMethodsPublicHint": "這個聯繫方式公開地顯示在個人資料中。",
+  "accountContactMethodsDelete": "刪除聯繫方式",
+  "accountContactMethodsDeleteDescription": "你確定要刪除聯繫方式 {} 嗎？這個操作不可撤銷。",
+  "postCommentAdd": "撰寫一條評論",
+  "translate": "翻譯",
+  "translating": "正在翻譯……",
+  "translated": "已翻譯",
+  "settingsAutoTranslate": "自動翻譯",
+  "settingsAutoTranslateDescription": "在查看帖子、消息時自動翻譯文本。",
+  "trayMenuHide": "隱藏",
+  "accountSettingsNotify": "通知設置",
+  "accountSettingsNotifyDescription": "調整你所收到的通知種類。",
+  "accountSettingsSecurity": "安全設置",
+  "accountSettingsSecurityDescription": "調整你的帳戶安全設置。",
+  "save": "保存",
+  "notificationTopicPostFeedback": "帖子數據反饋",
+  "notificationTopicPostReply": "帖子回覆",
+  "notificationTopicPostSubscription": "帖子訂閱",
+  "notificationTopicMessaging": "消息",
+  "notificationTopicMessagingCall": "通話",
+  "notificationTopicGeneral": "雜項",
+  "authMaximumAuthSteps": "最大驗證步驟",
+  "authMaximumAuthStepsDescription": {
+    "one": "登入時最多要求 {} 步驗證",
+    "other": "登入時最多要求 {} 步驗證"
+  },
+  "authAlwaysRisky": "總是風險",
+  "authAlwaysRiskyDescription": "在登入時始終按最高標準要求驗證。",
+  "chatUnjoined": "未加入頻道",
+  "chatUnjoinedDescription": "你沒有加入這個頻道，所以你也無法發送消息或者查看這個頻道中的消息。",
+  "chatUnjoinedPublicDescription": "但幸運的是，這是一個公開頻道，所以你可以主動加入。",
+  "chatJoin": "加入頻道",
+  "appInitStarting": "啟動中",
+  "appInitNetwork": "正在初始化網絡",
+  "appInitUserdata": "正在初始化用戶數據",
+  "appInitWebsocket": "正在建立 Solar Link",
+  "appInitNotification": "正在初始化推送通知", 
+  "appInitKeyPair": "正在初始化密鑰對",
+  "appInitStickers": "正在初始化貼圖包",
+  "appInitUserDirectory": "正在初始化用戶目錄",
+  "appInitRealm": "正在初始化領域信息",
+  "appInitChat": "正在初始化聊天",
+  "appInitDone": "完成",
+  "community": "社區",
+  "realmCommunity": "{}的社區",
+  "postTotalCount": {
+    "zero": "沒有帖子",
+    "one": "共 {} 條帖子"
+  },
+  "settingsHideBottomNav": "隱藏底部導航欄",
+  "settingsHideBottomNavDescription": "隱藏底部導航欄，在側邊欄抽屜顯示導航按鈕。",
+  "reCaptcha": "人機驗證"
 }

build.yaml

@@ -5,3 +5,7 @@ targets:
         options:
           explicit_to_json: true
           field_rename: snake
+      drift_dev:
+        options:
+          databases:
+            my_database: lib/database/database.dart

drift_schemas/my_database/drift_schema_v1.json

@@ -0,0 +1 @@
+{"_meta":{"description":"This file contains a serialized version of schema entities for drift.","version":"1.2.0"},"options":{"store_date_time_values_as_text":false},"entities":[{"id":0,"references":[],"type":"table","data":{"name":"sn_local_chat_channel","was_declared_in_moor":false,"columns":[{"name":"id","getter_name":"id","moor_type":"int","nullable":false,"customConstraints":null,"defaultConstraints":"PRIMARY KEY AUTOINCREMENT","dialectAwareDefaultConstraints":{"sqlite":"PRIMARY KEY AUTOINCREMENT"},"default_dart":null,"default_client_dart":null,"dsl_features":["auto-increment"]},{"name":"alias","getter_name":"alias","moor_type":"string","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[]},{"name":"content","getter_name":"content","moor_type":"string","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[],"type_converter":{"dart_expr":"const SnChannelConverter()","dart_type_name":"SnChannel"}},{"name":"created_at","getter_name":"createdAt","moor_type":"dateTime","nullable":false,"customConstraints":null,"default_dart":"const CustomExpression('CAST(strftime(\\'%s\\', CURRENT_TIMESTAMP) AS INTEGER)')","default_client_dart":null,"dsl_features":[]}],"is_virtual":false,"without_rowid":false,"constraints":[]}},{"id":1,"references":[],"type":"table","data":{"name":"sn_local_chat_message","was_declared_in_moor":false,"columns":[{"name":"id","getter_name":"id","moor_type":"int","nullable":false,"customConstraints":null,"defaultConstraints":"PRIMARY KEY AUTOINCREMENT","dialectAwareDefaultConstraints":{"sqlite":"PRIMARY KEY AUTOINCREMENT"},"default_dart":null,"default_client_dart":null,"dsl_features":["auto-increment"]},{"name":"channel_id","getter_name":"channelId","moor_type":"int","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[]},{"name":"content","getter_name":"content","moor_type":"string","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[],"type_converter":{"dart_expr":"const SnMessageConverter()","dart_type_name":"SnChatMessage"}},{"name":"created_at","getter_name":"createdAt","moor_type":"dateTime","nullable":false,"customConstraints":null,"default_dart":"const CustomExpression('CAST(strftime(\\'%s\\', CURRENT_TIMESTAMP) AS INTEGER)')","default_client_dart":null,"dsl_features":[]}],"is_virtual":false,"without_rowid":false,"constraints":[]}}]}

drift_schemas/my_database/drift_schema_v2.json

@@ -0,0 +1 @@
+{"_meta":{"description":"This file contains a serialized version of schema entities for drift.","version":"1.2.0"},"options":{"store_date_time_values_as_text":false},"entities":[{"id":0,"references":[],"type":"table","data":{"name":"sn_local_chat_channel","was_declared_in_moor":false,"columns":[{"name":"id","getter_name":"id","moor_type":"int","nullable":false,"customConstraints":null,"defaultConstraints":"PRIMARY KEY AUTOINCREMENT","dialectAwareDefaultConstraints":{"sqlite":"PRIMARY KEY AUTOINCREMENT"},"default_dart":null,"default_client_dart":null,"dsl_features":["auto-increment"]},{"name":"alias","getter_name":"alias","moor_type":"string","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[]},{"name":"content","getter_name":"content","moor_type":"string","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[],"type_converter":{"dart_expr":"const SnChannelConverter()","dart_type_name":"SnChannel"}},{"name":"created_at","getter_name":"createdAt","moor_type":"dateTime","nullable":false,"customConstraints":null,"default_dart":"const CustomExpression('CAST(strftime(\\'%s\\', CURRENT_TIMESTAMP) AS INTEGER)')","default_client_dart":null,"dsl_features":[]}],"is_virtual":false,"without_rowid":false,"constraints":[]}},{"id":1,"references":[],"type":"table","data":{"name":"sn_local_chat_message","was_declared_in_moor":false,"columns":[{"name":"id","getter_name":"id","moor_type":"int","nullable":false,"customConstraints":null,"defaultConstraints":"PRIMARY KEY AUTOINCREMENT","dialectAwareDefaultConstraints":{"sqlite":"PRIMARY KEY AUTOINCREMENT"},"default_dart":null,"default_client_dart":null,"dsl_features":["auto-increment"]},{"name":"channel_id","getter_name":"channelId","moor_type":"int","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[]},{"name":"content","getter_name":"content","moor_type":"string","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[],"type_converter":{"dart_expr":"const SnMessageConverter()","dart_type_name":"SnChatMessage"}},{"name":"created_at","getter_name":"createdAt","moor_type":"dateTime","nullable":false,"customConstraints":null,"default_dart":"const CustomExpression('CAST(strftime(\\'%s\\', CURRENT_TIMESTAMP) AS INTEGER)')","default_client_dart":null,"dsl_features":[]}],"is_virtual":false,"without_rowid":false,"constraints":[]}},{"id":2,"references":[],"type":"table","data":{"name":"sn_local_key_pair","was_declared_in_moor":false,"columns":[{"name":"id","getter_name":"id","moor_type":"string","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[]},{"name":"account_id","getter_name":"accountId","moor_type":"int","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[]},{"name":"public_key","getter_name":"publicKey","moor_type":"string","nullable":false,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[]},{"name":"private_key","getter_name":"privateKey","moor_type":"string","nullable":true,"customConstraints":null,"default_dart":null,"default_client_dart":null,"dsl_features":[]},{"name":"is_active","getter_name":"isActive","moor_type":"bool","nullable":false,"customConstraints":null,"defaultConstraints":"CHECK (\"is_active\" IN (0, 1))","dialectAwareDefaultConstraints":{"sqlite":"CHECK (\"is_active\" IN (0, 1))"},"default_dart":"const CustomExpression('0')","default_client_dart":null,"dsl_features":[]}],"is_virtual":false,"without_rowid":false,"constraints":[],"explicit_pk":["id"]}}]}

ios/Podfile.lock

@@ -37,63 +37,65 @@ PODS:
   - DKPhotoGallery/Resource (0.0.19):
     - SDWebImage
     - SwiftyGif
+  - fast_rsa (0.6.0):
+    - Flutter
   - file_picker (0.0.1):
     - DKImagePickerController/PhotoGallery
     - Flutter
   - file_saver (0.0.1):
     - Flutter
-  - Firebase/Analytics (11.7.0):
+  - Firebase/Analytics (11.8.0):
     - Firebase/Core
-  - Firebase/Core (11.7.0):
+  - Firebase/Core (11.8.0):
     - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 11.7.0)
-  - Firebase/CoreOnly (11.7.0):
-    - FirebaseCore (~> 11.7.0)
-  - Firebase/Messaging (11.7.0):
+    - FirebaseAnalytics (~> 11.8.0)
+  - Firebase/CoreOnly (11.8.0):
+    - FirebaseCore (~> 11.8.0)
+  - Firebase/Messaging (11.8.0):
     - Firebase/CoreOnly
-    - FirebaseMessaging (~> 11.7.0)
-  - firebase_analytics (11.4.2):
-    - Firebase/Analytics (= 11.7.0)
+    - FirebaseMessaging (~> 11.8.0)
+  - firebase_analytics (11.4.4):
+    - Firebase/Analytics (= 11.8.0)
     - firebase_core
     - Flutter
-  - firebase_core (3.11.0):
-    - Firebase/CoreOnly (= 11.7.0)
+  - firebase_core (3.12.1):
+    - Firebase/CoreOnly (= 11.8.0)
     - Flutter
-  - firebase_messaging (15.2.2):
-    - Firebase/Messaging (= 11.7.0)
+  - firebase_messaging (15.2.4):
+    - Firebase/Messaging (= 11.8.0)
     - firebase_core
     - Flutter
-  - FirebaseAnalytics (11.7.0):
-    - FirebaseAnalytics/AdIdSupport (= 11.7.0)
-    - FirebaseCore (~> 11.7.0)
+  - FirebaseAnalytics (11.8.0):
+    - FirebaseAnalytics/AdIdSupport (= 11.8.0)
+    - FirebaseCore (~> 11.8.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.7.0):
-    - FirebaseCore (~> 11.7.0)
+  - FirebaseAnalytics/AdIdSupport (11.8.0):
+    - FirebaseCore (~> 11.8.0)
     - FirebaseInstallations (~> 11.0)
-    - GoogleAppMeasurement (= 11.7.0)
+    - GoogleAppMeasurement (= 11.8.0)
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
     - GoogleUtilities/MethodSwizzler (~> 8.0)
     - GoogleUtilities/Network (~> 8.0)
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
     - nanopb (~> 3.30910.0)
-  - FirebaseCore (11.7.0):
-    - FirebaseCoreInternal (~> 11.7.0)
+  - FirebaseCore (11.8.1):
+    - FirebaseCoreInternal (~> 11.8.0)
     - GoogleUtilities/Environment (~> 8.0)
     - GoogleUtilities/Logger (~> 8.0)
-  - FirebaseCoreInternal (11.7.0):
+  - FirebaseCoreInternal (11.8.0):
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseInstallations (11.7.0):
-    - FirebaseCore (~> 11.7.0)
+  - FirebaseInstallations (11.8.0):
+    - FirebaseCore (~> 11.8.0)
     - GoogleUtilities/Environment (~> 8.0)
     - GoogleUtilities/UserDefaults (~> 8.0)
     - PromisesObjC (~> 2.4)
-  - FirebaseMessaging (11.7.0):
-    - FirebaseCore (~> 11.7.0)
+  - FirebaseMessaging (11.8.0):
+    - FirebaseCore (~> 11.8.0)
     - FirebaseInstallations (~> 11.0)
     - GoogleDataTransport (~> 10.0)
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
@@ -113,6 +115,8 @@ PODS:
     - OrderedSet (~> 6.0.3)
   - flutter_native_splash (2.4.3):
     - Flutter
+  - flutter_timezone (0.0.1):
+    - Flutter
   - flutter_udid (0.0.1):
     - Flutter
     - SAMKeychain
@@ -122,21 +126,21 @@ PODS:
   - gal (1.0.0):
     - Flutter
     - FlutterMacOS
-  - GoogleAppMeasurement (11.7.0):
-    - GoogleAppMeasurement/AdIdSupport (= 11.7.0)
+  - GoogleAppMeasurement (11.8.0):
+    - GoogleAppMeasurement/AdIdSupport (= 11.8.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.7.0):
-    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.7.0)
+  - GoogleAppMeasurement/AdIdSupport (11.8.0):
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.8.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.7.0):
+  - GoogleAppMeasurement/WithoutAdIdSupport (11.8.0):
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
     - GoogleUtilities/MethodSwizzler (~> 8.0)
     - GoogleUtilities/Network (~> 8.0)
@@ -179,7 +183,7 @@ PODS:
   - in_app_review (2.0.0):
     - Flutter
   - Kingfisher (8.2.0)
-  - livekit_client (2.3.6):
+  - livekit_client (2.4.1):
     - Flutter
     - flutter_webrtc
     - WebRTC-SDK (= 125.6422.06)
@@ -210,9 +214,9 @@ PODS:
   - SAMKeychain (1.5.3)
   - screen_brightness_ios (0.1.0):
     - Flutter
-  - SDWebImage (5.20.0):
-    - SDWebImage/Core (= 5.20.0)
-  - SDWebImage/Core (5.20.0)
+  - SDWebImage (5.20.1):
+    - SDWebImage/Core (= 5.20.1)
+  - SDWebImage/Core (5.20.1)
   - share_plus (0.0.1):
     - Flutter
   - shared_preferences_foundation (0.0.1):
@@ -221,6 +225,28 @@ PODS:
   - sqflite_darwin (0.0.4):
     - Flutter
     - FlutterMacOS
+  - sqlite3 (3.49.1):
+    - sqlite3/common (= 3.49.1)
+  - sqlite3/common (3.49.1)
+  - sqlite3/dbstatvtab (3.49.1):
+    - sqlite3/common
+  - sqlite3/fts5 (3.49.1):
+    - sqlite3/common
+  - sqlite3/math (3.49.1):
+    - sqlite3/common
+  - sqlite3/perf-threadsafe (3.49.1):
+    - sqlite3/common
+  - sqlite3/rtree (3.49.1):
+    - sqlite3/common
+  - sqlite3_flutter_libs (0.0.1):
+    - Flutter
+    - FlutterMacOS
+    - sqlite3 (~> 3.49.1)
+    - sqlite3/dbstatvtab
+    - sqlite3/fts5
+    - sqlite3/math
+    - sqlite3/perf-threadsafe
+    - sqlite3/rtree
   - SwiftyGif (5.4.5)
   - url_launcher_ios (0.0.1):
     - Flutter
@@ -239,6 +265,7 @@ DEPENDENCIES:
   - connectivity_plus (from `.symlinks/plugins/connectivity_plus/ios`)
   - croppy (from `.symlinks/plugins/croppy/ios`)
   - device_info_plus (from `.symlinks/plugins/device_info_plus/ios`)
+  - fast_rsa (from `.symlinks/plugins/fast_rsa/ios`)
   - file_picker (from `.symlinks/plugins/file_picker/ios`)
   - file_saver (from `.symlinks/plugins/file_saver/ios`)
   - firebase_analytics (from `.symlinks/plugins/firebase_analytics/ios`)
@@ -248,6 +275,7 @@ DEPENDENCIES:
   - 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_timezone (from `.symlinks/plugins/flutter_timezone/ios`)
   - flutter_udid (from `.symlinks/plugins/flutter_udid/ios`)
   - flutter_webrtc (from `.symlinks/plugins/flutter_webrtc/ios`)
   - gal (from `.symlinks/plugins/gal/darwin`)
@@ -268,6 +296,7 @@ DEPENDENCIES:
   - share_plus (from `.symlinks/plugins/share_plus/ios`)
   - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
   - sqflite_darwin (from `.symlinks/plugins/sqflite_darwin/darwin`)
+  - sqlite3_flutter_libs (from `.symlinks/plugins/sqlite3_flutter_libs/darwin`)
   - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`)
   - video_compress (from `.symlinks/plugins/video_compress/ios`)
   - volume_controller (from `.symlinks/plugins/volume_controller/ios`)
@@ -294,6 +323,7 @@ SPEC REPOS:
     - PromisesObjC
     - SAMKeychain
     - SDWebImage
+    - sqlite3
     - SwiftyGif
     - WebRTC-SDK
 
@@ -304,6 +334,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/croppy/ios"
   device_info_plus:
     :path: ".symlinks/plugins/device_info_plus/ios"
+  fast_rsa:
+    :path: ".symlinks/plugins/fast_rsa/ios"
   file_picker:
     :path: ".symlinks/plugins/file_picker/ios"
   file_saver:
@@ -322,6 +354,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/flutter_inappwebview_ios/ios"
   flutter_native_splash:
     :path: ".symlinks/plugins/flutter_native_splash/ios"
+  flutter_timezone:
+    :path: ".symlinks/plugins/flutter_timezone/ios"
   flutter_udid:
     :path: ".symlinks/plugins/flutter_udid/ios"
   flutter_webrtc:
@@ -360,6 +394,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/shared_preferences_foundation/darwin"
   sqflite_darwin:
     :path: ".symlinks/plugins/sqflite_darwin/darwin"
+  sqlite3_flutter_libs:
+    :path: ".symlinks/plugins/sqlite3_flutter_libs/darwin"
   url_launcher_ios:
     :path: ".symlinks/plugins/url_launcher_ios/ios"
   video_compress:
@@ -378,32 +414,34 @@ SPEC CHECKSUMS:
   device_info_plus: bf2e3232933866d73fe290f2942f2156cdd10342
   DKImagePickerController: 946cec48c7873164274ecc4624d19e3da4c1ef3c
   DKPhotoGallery: b3834fecb755ee09a593d7c9e389d8b5d6deed60
+  fast_rsa: dc48fb05f26bb108863de122b2a9f5554e8e2591
   file_picker: b159e0c068aef54932bb15dc9fd1571818edaf49
   file_saver: 503e386464dbe118f630e17b4c2e1190fa0cf808
-  Firebase: a64bf6a8546e6eab54f1c715cd6151f39d2329f4
-  firebase_analytics: 7236e6115c1b4e62c2270faa29c052a317e31107
-  firebase_core: aa979ae726f00b3ef4ccf59dfb96170af84efbd4
-  firebase_messaging: 3af84b6a90aeac4d7a67fbf4c43a91e7083bea1f
-  FirebaseAnalytics: bc9e565af9044ba8d6c6e4157e4edca8e5fdf7ec
-  FirebaseCore: 3227e35f4197a924206fbcdc0349325baf4f5de4
-  FirebaseCoreInternal: d6c17dafc8dc33614733a8b52df78fcb4394c881
-  FirebaseInstallations: 9347e719c3d52d8d7b9074b2c32407dd027305e9
-  FirebaseMessaging: 00ece041b71ddb52a2862ffdee73fb6e9824bd0c
+  Firebase: d80354ed7f6df5f9aca55e9eb47cc4b634735eaf
+  firebase_analytics: e3b6782e70e32b7fa18f7cd233e3201975dd86aa
+  firebase_core: ac395f994af4e28f6a38b59e05a88ca57abeb874
+  firebase_messaging: 7e223f4ee7ca053bf4ce43748e84a6d774ec9728
+  FirebaseAnalytics: 4fd42def128146e24e480e89f310e3d8534ea42b
+  FirebaseCore: 99fe0c4b44a39f37d99e6404e02009d2db5d718d
+  FirebaseCoreInternal: df24ce5af28864660ecbd13596fc8dd3a8c34629
+  FirebaseInstallations: 6c963bd2a86aca0481eef4f48f5a4df783ae5917
+  FirebaseMessaging: 487b634ccdf6f7b7ff180fdcb2a9935490f764e8
   Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
   flutter_app_update: 65f61da626cb111d1b24674abc4b01728d7723bc
   flutter_inappwebview_ios: 6f63631e2c62a7c350263b13fa5427aedefe81d4
-  flutter_native_splash: f71420956eb811e6d310720fee915f1d42852e7a
+  flutter_native_splash: df59bb2e1421aa0282cb2e95618af4dcb0c56c29
+  flutter_timezone: ac3da59ac941ff1c98a2e1f0293420e020120282
   flutter_udid: b2417673f287ee62817a1de3d1643f47b9f508ab
   flutter_webrtc: 90260f83024b1b96d239a575ea4e3708e79344d1
   gal: 6a522c75909f1244732d4596d11d6a2f86ff37a5
-  GoogleAppMeasurement: 0471a5b5bff51f3a91b1e76df22c952d04c63967
+  GoogleAppMeasurement: fc0817122bd4d4189164f85374e06773b9561896
   GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
   GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
   home_widget: 0434835a4c9a75704264feff6be17ea40e0f0d57
   image_picker_ios: c560581cceedb403a6ff17f2f816d7fea1421fc1
   in_app_review: a31b5257259646ea78e0e35fc914979b0031d011
   Kingfisher: 323e5c4ec7983aaace12af655a7b51a7f88a599d
-  livekit_client: 148b2cf67a09aaf475ba8e5bf1667fe10dc35f81
+  livekit_client: 170022ce5f7c8c70d7f862ac9c17e11508ad5fbc
   media_kit_libs_ios_video: a5fe24bc7875ccd6378a0978c13185e1344651c1
   media_kit_native_event_loop: e6b2ab20cf0746eb1c33be961fcf79667304fa2a
   media_kit_video: 5da63f157170e5bf303bf85453b7ef6971218a2e
@@ -417,10 +455,12 @@ SPEC CHECKSUMS:
   receive_sharing_intent: 79c848f5b045674ad60b9fea3bafea59962ad2c1
   SAMKeychain: 483e1c9f32984d50ca961e26818a534283b4cd5c
   screen_brightness_ios: 715ca807df953bf676d339f11464e438143ee625
-  SDWebImage: 73c6079366fea25fa4bb9640d5fb58f0893facd8
+  SDWebImage: 33d0f23bddeb5d209ae959153883247be6703713
   share_plus: 8b6f8b3447e494cca5317c8c3073de39b3600d1f
   shared_preferences_foundation: fcdcbc04712aee1108ac7fda236f363274528f78
   sqflite_darwin: 5a7236e3b501866c1c9befc6771dfd73ffb8702d
+  sqlite3: fc1400008a9b3525f5914ed715a5d1af0b8f4983
+  sqlite3_flutter_libs: 487032b9008b28de37c72a3aa66849ef3745f3e6
   SwiftyGif: 706c60cf65fa2bc5ee0313beece843c8eb8194d4
   url_launcher_ios: 5334b05cef931de560670eeae103fd3e431ac3fe
   video_compress: fce97e4fb1dfd88175aa07d2ffc8a2f297f87fbe

ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -59,6 +59,7 @@
       ignoresPersistentStateOnLaunch = "NO"
       debugDocumentVersioning = "YES"
       debugServiceExtension = "internal"
+      enableGPUValidationMode = "1"
       allowLocationSimulation = "YES">
       <BuildableProductRunnable
          runnableDebuggingMode = "0">

ios/Runner/Info.plist

@@ -79,6 +79,8 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
+	<key>LSSupportsOpeningDocumentsInPlace</key>
+	<true/>
 	<key>UISupportedInterfaceOrientations~ipad</key>
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>

lib/controllers/chat_message_controller.dart

@@ -2,11 +2,15 @@ import 'dart:async';
 import 'dart:convert';
 import 'dart:math' as math;
 
-import 'package:collection/collection.dart';
 import 'package:dio/dio.dart';
+import 'package:drift/drift.dart';
 import 'package:flutter/material.dart';
-import 'package:hive/hive.dart';
 import 'package:provider/provider.dart';
+import 'package:surface/database/database.dart';
+import 'package:surface/logger.dart';
+import 'package:surface/providers/channel.dart';
+import 'package:surface/providers/database.dart';
+import 'package:surface/providers/keypair.dart';
 import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/user_directory.dart';
@@ -16,13 +20,15 @@ import 'package:surface/types/websocket.dart';
 import 'package:uuid/uuid.dart';
 
 class ChatMessageController extends ChangeNotifier {
-  static const kChatMessageBoxPrefix = 'nex_chat_messages_';
   static const kSingleBatchLoadLimit = 100;
 
   late final SnNetworkProvider _sn;
   late final UserDirectoryProvider _ud;
   late final WebSocketProvider _ws;
   late final SnAttachmentProvider _attach;
+  late final DatabaseProvider _dt;
+  late final ChatChannelProvider _ct;
+  late final KeyPairProvider _kp;
 
   StreamSubscription? _wsSubscription;
 
@@ -31,16 +37,20 @@ class ChatMessageController extends ChangeNotifier {
     _ud = context.read<UserDirectoryProvider>();
     _ws = context.read<WebSocketProvider>();
     _attach = context.read<SnAttachmentProvider>();
+    _ct = context.read<ChatChannelProvider>();
+    _dt = context.read<DatabaseProvider>();
+    _kp = context.read<KeyPairProvider>();
   }
 
   bool isPending = true;
   bool isLoading = false;
+  bool isAggressiveLoading = false;
 
   int? messageTotal;
 
-  bool get isAllLoaded => messageTotal != null && messages.length >= messageTotal!;
+  bool get isAllLoaded =>
+      messageTotal != null && messages.length >= messageTotal!;
 
-  String? _boxKey;
   SnChannel? channel;
   SnChannelMember? profile;
 
@@ -51,25 +61,14 @@ class ChatMessageController extends ChangeNotifier {
   /// Stored as a list of nonce to provide the loading state
   final List<String> unconfirmedMessages = List.empty(growable: true);
 
-  Box<SnChatMessage>? get _box => (_boxKey == null || isPending) ? null : Hive.box<SnChatMessage>(_boxKey!);
-
   final List<SnChannelMember> typingMembers = List.empty(growable: true);
   final Map<int, Timer> typingInactiveTimer = {};
 
   Future<void> initialize(SnChannel chan) async {
     channel = chan;
 
-    // Initialize local data
-    _boxKey = '$kChatMessageBoxPrefix${chan.id}';
-    await Hive.openBox<SnChatMessage>(_boxKey!);
-
     // Fetch channel profile
-    final resp = await _sn.client.get(
-      '/cgi/im/channels/${chan.keyPath}/me',
-    );
-    profile = SnChannelMember.fromJson(
-      resp.data as Map<String, dynamic>,
-    );
+    profile = await _ct.getChannelProfile(channel!);
 
     _wsSubscription = _ws.pk.stream.listen((event) {
       switch (event.method) {
@@ -87,7 +86,8 @@ class ChatMessageController extends ChangeNotifier {
             notifyListeners();
           }
           typingInactiveTimer[member.id]?.cancel();
-          typingInactiveTimer[member.id] = Timer(const Duration(seconds: 3), () {
+          typingInactiveTimer[member.id] =
+              Timer(const Duration(seconds: 3), () {
             typingMembers.removeWhere((x) => x.id == member.id);
             typingInactiveTimer.remove(member.id);
             notifyListeners();
@@ -129,10 +129,16 @@ class ChatMessageController extends ChangeNotifier {
   }
 
   Future<void> _saveMessageToLocal(Iterable<SnChatMessage> messages) async {
-    if (_box == null) return;
-    await _box!.putAll({
-      for (final message in messages) message.id: message,
-    });
+    await _dt.db.snLocalChatMessage.insertAll(
+        messages.map(
+          (ele) => SnLocalChatMessageCompanion.insert(
+            id: Value(ele.id),
+            content: ele,
+            channelId: channel!.id,
+            createdAt: Value(ele.createdAt),
+          ),
+        ),
+        onConflict: DoNothing());
   }
 
   Future<void> _addUnconfirmedMessage(SnChatMessage message) async {
@@ -181,11 +187,27 @@ class ChatMessageController extends ChangeNotifier {
     } else {
       messages.insert(0, message);
     }
+    notifyListeners();
     await _applyMessage(message);
     notifyListeners();
 
-    if (_box == null) return;
-    await _box!.put(message.id, message);
+    if (isCheckedUpdate) {
+      await _dt.db.snLocalChatMessage.insertOne(
+        SnLocalChatMessageCompanion.insert(
+          id: Value(message.id),
+          content: message,
+          channelId: channel!.id,
+          createdAt: Value(message.createdAt),
+        ),
+        onConflict: DoUpdate(
+          (_) => SnLocalChatMessageCompanion.custom(
+            content: Constant(jsonEncode(message.toJson())),
+          ),
+        ),
+      );
+    } else {
+      incomeStrandedQueue.add(message);
+    }
   }
 
   Future<void> _applyMessage(SnChatMessage message) async {
@@ -194,29 +216,56 @@ class ChatMessageController extends ChangeNotifier {
     switch (message.type) {
       case 'messages.edit':
         if (message.relatedEventId != null) {
-          final idx = messages.indexWhere((x) => x.id == message.relatedEventId);
+          final idx =
+              messages.indexWhere((x) => x.id == message.relatedEventId);
           if (idx != -1) {
-            final newBody = message.body;
+            final newBody = Map<String, dynamic>.from(message.body);
             newBody.remove('related_event');
             messages[idx] = messages[idx].copyWith(
               body: newBody,
               updatedAt: message.updatedAt,
             );
-            if (_box!.containsKey(message.relatedEventId)) {
-              await _box!.put(message.relatedEventId, messages[idx]);
-            }
+          }
+          if (message.relatedEventId != null) {
+            await (_dt.db.snLocalChatMessage.update()
+                  ..where((e) => e.id.equals(message.relatedEventId!)))
+                .write(
+              SnLocalChatMessageCompanion.custom(
+                content: Constant(jsonEncode(messages[idx].toJson())),
+              ),
+            );
           }
         }
       case 'messages.delete':
         if (message.relatedEventId != null) {
           messages.removeWhere((x) => x.id == message.relatedEventId);
-          if (_box!.containsKey(message.relatedEventId)) {
-            await _box!.delete(message.relatedEventId);
+          if (message.relatedEventId != null) {
+            await (_dt.db.snLocalChatMessage.delete()
+                  ..where((e) => e.id.equals(message.relatedEventId!)))
+                .go();
           }
         }
     }
   }
 
+  Future<Map<String, dynamic>> _encodeMessageBody(
+    String text,
+    bool isEncrypted,
+  ) async {
+    if (!isEncrypted || _kp.activeKp == null) {
+      return {
+        'text': text,
+        'algorithm': 'plain',
+      };
+    } else {
+      return {
+        'text': await _kp.encryptText(text),
+        'algorithm': 'rsa',
+        'keypair_id': _kp.activeKp!.id,
+      };
+    }
+  }
+
   Future<void> sendMessage(
     String type,
     String content, {
@@ -224,36 +273,40 @@ class ChatMessageController extends ChangeNotifier {
     int? relatedId,
     List<String>? attachments,
     SnChatMessage? editingMessage,
+    bool isEncrypted = false,
   }) async {
     if (channel == null) return;
     const uuid = Uuid();
     final nonce = uuid.v4();
     final body = {
-      'text': content,
-      'algorithm': 'plain',
+      ...(await _encodeMessageBody(content, isEncrypted)),
       if (quoteId != null) 'quote_event': quoteId,
       if (relatedId != null) 'related_event': relatedId,
-      if (attachments != null && attachments.isNotEmpty) 'attachments': attachments,
+      if (attachments != null && attachments.isNotEmpty)
+        'attachments': attachments,
     };
 
     // Mock the message locally
-    final createdAt = DateTime.now();
-    final message = SnChatMessage(
-      id: 0,
-      createdAt: createdAt,
-      updatedAt: createdAt,
-      deletedAt: null,
-      uuid: nonce,
-      body: body,
-      type: type,
-      channel: channel!,
-      channelId: channel!.id,
-      sender: profile!,
-      senderId: profile!.id,
-      quoteEventId: quoteId,
-      relatedEventId: relatedId,
-    );
-    _addUnconfirmedMessage(message);
+    // Do not mock the editing message
+    if (editingMessage == null) {
+      final createdAt = DateTime.now();
+      final message = SnChatMessage(
+        id: 0,
+        createdAt: createdAt,
+        updatedAt: createdAt,
+        deletedAt: null,
+        uuid: nonce,
+        body: body,
+        type: type,
+        channel: channel!,
+        channelId: channel!.id,
+        sender: profile!,
+        senderId: profile!.id,
+        quoteEventId: quoteId,
+        relatedEventId: relatedId,
+      );
+      _addUnconfirmedMessage(message);
+    }
 
     // Send to server
     try {
@@ -287,20 +340,36 @@ class ChatMessageController extends ChangeNotifier {
     }
   }
 
+  bool isCheckedUpdate = false;
+  List<SnChatMessage> incomeStrandedQueue = List.empty(growable: true);
+
   /// Check the local storage is up to date with the server.
   /// If the local storage is not up to date, it will be updated.
   Future<void> checkUpdate() async {
-    if (_box == null) return;
-    if (_box!.isEmpty) return;
-
-    isLoading = true;
+    isAggressiveLoading = true;
     notifyListeners();
 
+    final mostRecentMessage = await (_dt.db.snLocalChatMessage.select()
+          ..where((e) => e.channelId.equals(channel!.id))
+          ..limit(1)
+          ..orderBy([
+            (e) =>
+                OrderingTerm(expression: e.createdAt, mode: OrderingMode.desc)
+          ]))
+        .getSingleOrNull();
+    if (mostRecentMessage == null) {
+      // Initial load
+      await loadMessages(take: 20);
+      isAggressiveLoading = false;
+      isCheckedUpdate = true;
+      return;
+    }
+
     try {
       final resp = await _sn.client.get(
         '/cgi/im/channels/${channel!.keyPath}/events/update',
         queryParameters: {
-          'pivot': _box!.values.last.id,
+          'pivot': mostRecentMessage.content.id,
         },
       );
       if (resp.data['up_to_date'] == true) return;
@@ -309,13 +378,25 @@ class ChatMessageController extends ChangeNotifier {
       final countToFetch = math.min(resp.data['count'] as int, 100);
 
       for (int idx = 0; idx < countToFetch; idx += kSingleBatchLoadLimit) {
-        await getMessages(kSingleBatchLoadLimit, idx, forceRemote: true);
+        final out = await getMessages(
+          kSingleBatchLoadLimit,
+          idx,
+          forceRemote: true,
+        );
+        messages.insertAll(0, out);
+        notifyListeners();
       }
     } catch (err) {
       rethrow;
     } finally {
       await loadMessages();
-      isLoading = false;
+      isAggressiveLoading = false;
+
+      isCheckedUpdate = true;
+      _saveMessageToLocal(incomeStrandedQueue).then((_) {
+        incomeStrandedQueue.clear();
+      });
+
       notifyListeners();
     }
   }
@@ -324,13 +405,18 @@ class ChatMessageController extends ChangeNotifier {
   /// If it was not found in local storage we will look it up in remote
   Future<SnChatMessage?> getMessage(int id) async {
     SnChatMessage? out;
-    if (_box != null && _box!.containsKey(id)) {
-      out = _box!.get(id);
+    final local = await (_dt.db.snLocalChatMessage.select()
+          ..limit(1)
+          ..where((e) => e.id.equals(id)))
+        .getSingleOrNull();
+    if (local != null) {
+      out = local.content;
     }
 
     if (out == null) {
       try {
-        final resp = await _sn.client.get('/cgi/im/channels/${channel!.keyPath}/events/$id');
+        final resp = await _sn.client
+            .get('/cgi/im/channels/${channel!.keyPath}/events/$id');
         out = SnChatMessage.fromJson(resp.data);
         _saveMessageToLocal([out]);
       } catch (_) {
@@ -364,16 +450,21 @@ class ChatMessageController extends ChangeNotifier {
     bool forceLocal = false,
     bool forceRemote = false,
   }) async {
+    final localTotal = await _dt.db.snLocalChatMessage
+        .count(where: (e) => e.channelId.equals(channel!.id))
+        .getSingle();
+
     late List<SnChatMessage> out;
-    if (_box != null && (_box!.length >= take + offset || forceLocal) && !forceRemote) {
-      out = _box!.keys
-          .toList()
-          .cast<int>()
-          .sorted((a, b) => b.compareTo(a))
-          .skip(offset)
-          .take(take)
-          .map((key) => _box!.get(key)!)
-          .toList();
+    if ((localTotal >= take + offset || forceLocal) && !forceRemote) {
+      final result = await (_dt.db.snLocalChatMessage.select()
+            ..where((e) => e.channelId.equals(channel!.id))
+            ..orderBy([
+              (e) =>
+                  OrderingTerm(expression: e.createdAt, mode: OrderingMode.desc)
+            ])
+            ..limit(take, offset: offset))
+          .get();
+      out = result.map((e) => e.content).toList();
     } else {
       final resp = await _sn.client.get(
         '/cgi/im/channels/${channel!.keyPath}/events',
@@ -408,7 +499,8 @@ class ChatMessageController extends ChangeNotifier {
           quoteEvent: quoteEvent,
           attachments: attachments
               .where(
-                (ele) => out[i].body['attachments']?.contains(ele?.rid) ?? false,
+                (ele) =>
+                    out[i].body['attachments']?.contains(ele?.rid) ?? false,
               )
               .toList(),
         ),
@@ -416,7 +508,10 @@ class ChatMessageController extends ChangeNotifier {
     }
 
     // Preload sender accounts
-    final accountId = out.where((ele) => ele.sender.accountId >= 0).map((ele) => ele.sender.accountId).toSet();
+    final accountId = out
+        .where((ele) => ele.sender.accountId >= 0)
+        .map((ele) => ele.sender.accountId)
+        .toSet();
     await _ud.listAccount(accountId);
 
     return out;
@@ -441,10 +536,45 @@ class ChatMessageController extends ChangeNotifier {
     }
   }
 
+  Timer? _readEventDebounce;
+  int? _readEventAnchor;
+
+  void readEvent(int id) {
+    if (_readEventAnchor != null) {
+      _readEventAnchor = math.max(_readEventAnchor!, id);
+    } else {
+      _readEventAnchor = id;
+    }
+    if (_readEventDebounce?.isActive ?? false) {
+      _readEventDebounce?.cancel();
+    }
+
+    _readEventDebounce = Timer(const Duration(milliseconds: 500), () {
+      _sendReadEvent();
+    });
+  }
+
+  void _sendReadEvent() {
+    _ws.conn?.sink.add(jsonEncode(
+      WebSocketPackage(
+        method: 'events.read',
+        endpoint: 'im',
+        payload: {
+          'channel_member_id': profile!.id,
+          'event_id': _readEventAnchor,
+        },
+      ).toJson(),
+    ));
+    logging.debug('[Messaging] Send read event request: $_readEventAnchor');
+  }
+
   @override
   void dispose() {
-    _box?.close();
     _wsSubscription?.cancel();
+    if (_readEventDebounce?.isActive ?? false) {
+      _sendReadEvent();
+    }
+    _readEventDebounce?.cancel();
     super.dispose();
   }
 }

lib/controllers/post_write_controller.dart

@@ -18,6 +18,7 @@ import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/types/poll.dart';
 import 'package:surface/types/post.dart';
+import 'package:surface/types/realm.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/universal_image.dart';
 import 'package:video_compress/video_compress.dart';
@@ -70,7 +71,8 @@ class PostWriteMedia {
     }
   }
 
-  PostWriteMedia.fromBytes(this.raw, this.name, this.type, {this.attachment, this.file});
+  PostWriteMedia.fromBytes(this.raw, this.name, this.type,
+      {this.attachment, this.file});
 
   bool get isEmpty => attachment == null && file == null && raw == null;
 
@@ -104,7 +106,8 @@ class PostWriteMedia {
   }) {
     if (attachment != null) {
       final sn = context.read<SnNetworkProvider>();
-      final ImageProvider provider = UniversalImage.provider(sn.getAttachmentUrl(attachment!.rid));
+      final ImageProvider provider =
+          UniversalImage.provider(sn.getAttachmentUrl(attachment!.rid));
       if (width != null && height != null && !kIsWeb) {
         return ResizeImage(
           provider,
@@ -115,7 +118,8 @@ class PostWriteMedia {
       }
       return provider;
     } else if (file != null) {
-      final ImageProvider provider = kIsWeb ? NetworkImage(file!.path) : FileImage(File(file!.path));
+      final ImageProvider provider =
+          kIsWeb ? NetworkImage(file!.path) : FileImage(File(file!.path));
       if (width != null && height != null) {
         return ResizeImage(
           provider,
@@ -158,13 +162,17 @@ class PostWriteController extends ChangeNotifier {
   final TextEditingController aliasController = TextEditingController();
   final TextEditingController rewardController = TextEditingController();
 
-  ContentInsertionConfiguration get contentInsertionConfiguration => ContentInsertionConfiguration(
-    onContentInserted: (KeyboardInsertedContent content) {
-      if (content.hasData) {
-        addAttachments([PostWriteMedia.fromBytes(content.data!, 'attachmentInsertedImage'.tr(), SnMediaType.image)]);
-      }
-    },
-  );
+  ContentInsertionConfiguration get contentInsertionConfiguration =>
+      ContentInsertionConfiguration(
+        onContentInserted: (KeyboardInsertedContent content) {
+          if (content.hasData) {
+            addAttachments([
+              PostWriteMedia.fromBytes(content.data!,
+                  'attachmentInsertedImage'.tr(), SnMediaType.image)
+            ]);
+          }
+        },
+      );
 
   bool _temporarySaveActive = false;
 
@@ -191,13 +199,16 @@ class PostWriteController extends ChangeNotifier {
 
   String get description => descriptionController.text;
 
-  bool get isRelatedNull => ![editingPost, repostingPost, replyingPost].any((ele) => ele != null);
+  bool get isRelatedNull =>
+      ![editingPost, repostingPost, replyingPost].any((ele) => ele != null);
 
   bool isLoading = false, isBusy = false;
   double? progress;
 
+  SnRealm? realm;
   SnPublisher? publisher;
   SnPost? editingPost, repostingPost, replyingPost;
+  bool editingDraft = false;
 
   int visibility = 0;
   List<int> visibleUsers = List.empty();
@@ -234,16 +245,25 @@ class PostWriteController extends ChangeNotifier {
         publishedAt = post.publishedAt;
         publishedUntil = post.publishedUntil;
         visibleUsers = List.from(post.visibleUsersList ?? [], growable: true);
-        invisibleUsers = List.from(post.invisibleUsersList ?? [], growable: true);
+        invisibleUsers =
+            List.from(post.invisibleUsersList ?? [], growable: true);
         visibility = post.visibility;
         tags = List.from(post.tags.map((ele) => ele.alias), growable: true);
-        categories = List.from(post.categories.map((ele) => ele.alias), growable: true);
-        attachments.addAll(post.preload?.attachments?.map((ele) => PostWriteMedia(ele)) ?? []);
+        categories =
+            List.from(post.categories.map((ele) => ele.alias), growable: true);
+        attachments.addAll(
+            post.preload?.attachments?.map((ele) => PostWriteMedia(ele)) ?? []);
         poll = post.preload?.poll;
 
-        if (post.preload?.thumbnail != null && (post.preload?.thumbnail?.rid.isNotEmpty ?? false)) {
+        editingDraft = post.isDraft;
+
+        if (post.preload?.thumbnail != null &&
+            (post.preload?.thumbnail?.rid.isNotEmpty ?? false)) {
           thumbnail = PostWriteMedia(post.preload!.thumbnail);
         }
+        if (post.preload?.realm != null) {
+          realm = post.preload!.realm!;
+        }
 
         editingPost = post;
       }
@@ -266,7 +286,8 @@ class PostWriteController extends ChangeNotifier {
     }
   }
 
-  Future<SnAttachment> _uploadAttachment(BuildContext context, PostWriteMedia media,
+  Future<SnAttachment> _uploadAttachment(
+      BuildContext context, PostWriteMedia media,
       {bool isCompressed = false}) async {
     final attach = context.read<SnAttachmentProvider>();
 
@@ -275,7 +296,9 @@ class PostWriteController extends ChangeNotifier {
       media.name,
       'interactive',
       null,
-      mimetype: media.raw != null && media.type == SnMediaType.image ? 'image/png' : null,
+      mimetype: media.raw != null && media.type == SnMediaType.image
+          ? 'image/png'
+          : null,
     );
 
     var item = await attach.chunkedUploadParts(
@@ -291,9 +314,11 @@ class PostWriteController extends ChangeNotifier {
 
     if (media.type == SnMediaType.video && !isCompressed && context.mounted) {
       try {
-        final compressedAttachment = await _tryCompressVideoCopy(context, media);
+        final compressedAttachment =
+            await _tryCompressVideoCopy(context, media);
         if (compressedAttachment != null) {
-          item = await attach.updateOne(item, compressedId: compressedAttachment.id);
+          item = await attach.updateOne(item,
+              compressedId: compressedAttachment.id);
         }
       } catch (err) {
         if (context.mounted) context.showErrorDialog(err);
@@ -303,8 +328,10 @@ class PostWriteController extends ChangeNotifier {
     return item;
   }
 
-  Future<SnAttachment?> _tryCompressVideoCopy(BuildContext context, PostWriteMedia media) async {
-    if (kIsWeb || !(Platform.isAndroid || Platform.isIOS || Platform.isMacOS)) return null;
+  Future<SnAttachment?> _tryCompressVideoCopy(
+      BuildContext context, PostWriteMedia media) async {
+    if (kIsWeb || !(Platform.isAndroid || Platform.isIOS || Platform.isMacOS))
+      return null;
     if (media.type != SnMediaType.video) return null;
     if (media.file == null) return null;
     if (VideoCompress.isCompressing) return null;
@@ -328,7 +355,8 @@ class PostWriteController extends ChangeNotifier {
     if (!context.mounted) return null;
 
     final compressedMedia = PostWriteMedia.fromFile(XFile(mediaInfo.path!));
-    final compressedAttachment = await _uploadAttachment(context, compressedMedia, isCompressed: true);
+    final compressedAttachment =
+        await _uploadAttachment(context, compressedMedia, isCompressed: true);
 
     return compressedAttachment;
   }
@@ -364,26 +392,40 @@ class PostWriteController extends ChangeNotifier {
           'content': contentController.text,
           if (aliasController.text.isNotEmpty) 'alias': aliasController.text,
           if (titleController.text.isNotEmpty) 'title': titleController.text,
-          if (descriptionController.text.isNotEmpty) 'description': descriptionController.text,
+          if (descriptionController.text.isNotEmpty)
+            'description': descriptionController.text,
           if (rewardController.text.isNotEmpty) 'reward': rewardController.text,
-          if (thumbnail != null && thumbnail!.attachment != null) 'thumbnail': thumbnail!.attachment!.toJson(),
-          'attachments':
-              attachments.where((e) => e.attachment != null).map((e) => e.attachment!.toJson()).toList(growable: true),
+          if (thumbnail != null && thumbnail!.attachment != null)
+            'thumbnail': thumbnail!.attachment!.toJson(),
+          'attachments': attachments
+              .where((e) => e.attachment != null)
+              .map((e) => e.attachment!.toJson())
+              .toList(growable: true),
           'tags': tags.map((ele) => {'alias': ele}).toList(growable: true),
-          'categories': categories.map((ele) => {'alias': ele}).toList(growable: true),
+          'categories':
+              categories.map((ele) => {'alias': ele}).toList(growable: true),
           'visibility': visibility,
           'visible_users_list': visibleUsers,
           'invisible_users_list': invisibleUsers,
-          if (publishedAt != null) 'published_at': publishedAt!.toUtc().toIso8601String(),
-          if (publishedUntil != null) 'published_until': publishedAt!.toUtc().toIso8601String(),
+          if (publishedAt != null)
+            'published_at': publishedAt!.toUtc().toIso8601String(),
+          if (publishedUntil != null)
+            'published_until': publishedAt!.toUtc().toIso8601String(),
           if (replyingPost != null) 'reply_to': replyingPost!.toJson(),
           if (repostingPost != null) 'repost_to': repostingPost!.toJson(),
           if (poll != null) 'poll': poll!.toJson(),
+          if (realm != null) 'realm': realm!.toJson(),
         }),
       );
     });
   }
 
+  bool get isNotEmpty =>
+      title.isNotEmpty ||
+      description.isNotEmpty ||
+      contentController.text.isNotEmpty ||
+      attachments.isNotEmpty;
+
   bool temporaryRestored = false;
 
   void _temporaryLoad() {
@@ -396,19 +438,26 @@ class PostWriteController extends ChangeNotifier {
       titleController.text = data['title'] ?? '';
       descriptionController.text = data['description'] ?? '';
       rewardController.text = data['reward']?.toString() ?? '';
-      if (data['thumbnail'] != null) thumbnail = PostWriteMedia(SnAttachment.fromJson(data['thumbnail']));
-      attachments
-          .addAll(data['attachments'].map((ele) => PostWriteMedia(SnAttachment.fromJson(ele))).cast<PostWriteMedia>());
+      if (data['thumbnail'] != null)
+        thumbnail = PostWriteMedia(SnAttachment.fromJson(data['thumbnail']));
+      attachments.addAll(data['attachments']
+          .map((ele) => PostWriteMedia(SnAttachment.fromJson(ele)))
+          .cast<PostWriteMedia>());
       tags = List.from(data['tags'].map((ele) => ele['alias']));
       categories = List.from(data['categories'].map((ele) => ele['alias']));
       visibility = data['visibility'];
       visibleUsers = List.from(data['visible_users_list'] ?? []);
       invisibleUsers = List.from(data['invisible_users_list'] ?? []);
-      if (data['published_at'] != null) publishedAt = DateTime.tryParse(data['published_at'])?.toLocal();
-      if (data['published_until'] != null) publishedUntil = DateTime.tryParse(data['published_until'])?.toLocal();
-      replyingPost = data['reply_to'] != null ? SnPost.fromJson(data['reply_to']) : null;
-      repostingPost = data['repost_to'] != null ? SnPost.fromJson(data['repost_to']) : null;
+      if (data['published_at'] != null)
+        publishedAt = DateTime.tryParse(data['published_at'])?.toLocal();
+      if (data['published_until'] != null)
+        publishedUntil = DateTime.tryParse(data['published_until'])?.toLocal();
+      replyingPost =
+          data['reply_to'] != null ? SnPost.fromJson(data['reply_to']) : null;
+      repostingPost =
+          data['repost_to'] != null ? SnPost.fromJson(data['repost_to']) : null;
       poll = data['poll'] != null ? SnPoll.fromJson(data['poll']) : null;
+      realm = data['realm'] != null ? SnRealm.fromJson(data['realm']) : null;
       temporaryRestored = true;
       notifyListeners();
     });
@@ -428,7 +477,10 @@ class PostWriteController extends ChangeNotifier {
     notifyListeners();
   }
 
-  Future<void> sendPost(BuildContext context) async {
+  Future<void> sendPost(
+    BuildContext context, {
+    bool saveAsDraft = false,
+  }) async {
     if (isBusy || publisher == null) return;
 
     final sn = context.read<SnNetworkProvider>();
@@ -455,7 +507,9 @@ class PostWriteController extends ChangeNotifier {
           media.name,
           'interactive',
           null,
-          mimetype: media.raw != null && media.type == SnMediaType.image ? 'image/png' : null,
+          mimetype: media.raw != null && media.type == SnMediaType.image
+              ? 'image/png'
+              : null,
         );
 
         var item = await attach.chunkedUploadParts(
@@ -464,16 +518,20 @@ class PostWriteController extends ChangeNotifier {
           place.$2,
           onProgress: (value) {
             // Calculate overall progress for attachments
-            progress = math.max(((i + value) / attachments.length) * kAttachmentProgressWeight, value);
+            progress = math.max(
+                ((i + value) / attachments.length) * kAttachmentProgressWeight,
+                value);
             notifyListeners();
           },
         );
 
         try {
           if (context.mounted) {
-            final compressedAttachment = await _tryCompressVideoCopy(context, media);
+            final compressedAttachment =
+                await _tryCompressVideoCopy(context, media);
             if (compressedAttachment != null) {
-              item = await attach.updateOne(item, compressedId: compressedAttachment.id);
+              item = await attach.updateOne(item,
+                  compressedId: compressedAttachment.id);
             }
           }
         } catch (err) {
@@ -500,7 +558,7 @@ class PostWriteController extends ChangeNotifier {
     // Posting the content
     try {
       final baseProgressVal = progress!;
-      await sn.client.request(
+      final resp = await sn.client.request(
         [
           '/cgi/co/$mode',
           if (editingPost != null) '${editingPost!.id}',
@@ -510,35 +568,56 @@ class PostWriteController extends ChangeNotifier {
           'content': contentController.text,
           if (aliasController.text.isNotEmpty) 'alias': aliasController.text,
           if (titleController.text.isNotEmpty) 'title': titleController.text,
-          if (descriptionController.text.isNotEmpty) 'description': descriptionController.text,
-          if (thumbnail != null && thumbnail!.attachment != null) 'thumbnail': thumbnail!.attachment!.rid,
-          'attachments': attachments.where((e) => e.attachment != null).map((e) => e.attachment!.rid).toList(),
+          if (descriptionController.text.isNotEmpty)
+            'description': descriptionController.text,
+          if (thumbnail != null && thumbnail!.attachment != null)
+            'thumbnail': thumbnail!.attachment!.rid,
+          'attachments': attachments
+              .where((e) => e.attachment != null)
+              .map((e) => e.attachment!.rid)
+              .toList(),
           'tags': tags.map((ele) => {'alias': ele}).toList(),
           'categories': categories.map((ele) => {'alias': ele}).toList(),
           'visibility': visibility,
           'visible_users_list': visibleUsers,
           'invisible_users_list': invisibleUsers,
-          if (publishedAt != null) 'published_at': publishedAt!.toUtc().toIso8601String(),
-          if (publishedUntil != null) 'published_until': publishedAt!.toUtc().toIso8601String(),
+          if (publishedAt != null)
+            'published_at': publishedAt!.toUtc().toIso8601String(),
+          if (publishedUntil != null)
+            'published_until': publishedAt!.toUtc().toIso8601String(),
           if (replyingPost != null) 'reply_to': replyingPost!.id,
           if (repostingPost != null) 'repost_to': repostingPost!.id,
           if (reward != null) 'reward': reward,
           if (videoAttachment != null) 'video': videoAttachment!.rid,
           if (poll != null) 'poll': poll!.id,
+          if (realm != null) 'realm': realm!.id,
+          'is_draft': saveAsDraft,
         },
         onSendProgress: (count, total) {
-          progress = baseProgressVal + (count / total) * (kPostingProgressWeight / 2);
+          progress =
+              baseProgressVal + (count / total) * (kPostingProgressWeight / 2);
           notifyListeners();
         },
         onReceiveProgress: (count, total) {
-          progress = baseProgressVal + (kPostingProgressWeight / 2) + (count / total) * (kPostingProgressWeight / 2);
+          progress = baseProgressVal +
+              (kPostingProgressWeight / 2) +
+              (count / total) * (kPostingProgressWeight / 2);
           notifyListeners();
         },
         options: Options(
           method: editingPost != null ? 'PUT' : 'POST',
         ),
       );
-      reset();
+      if (saveAsDraft) {
+        if (!context.mounted) return;
+        editingDraft = true;
+        final out = SnPost.fromJson(resp.data);
+        final pt = context.read<SnPostContentProvider>();
+        editingPost = await pt.completePostData(out);
+        notifyListeners();
+      } else {
+        reset();
+      }
     } catch (err) {
       if (!context.mounted) return;
       context.showErrorDialog(err);
@@ -571,17 +650,8 @@ class PostWriteController extends ChangeNotifier {
     notifyListeners();
   }
 
-  void setThumbnail(int? idx) {
-    if (idx == null) {
-      attachments.add(thumbnail!);
-      thumbnail = null;
-    } else {
-      if (thumbnail != null) {
-        attachments.add(thumbnail!);
-      }
-      thumbnail = attachments[idx];
-      attachments.removeAt(idx);
-    }
+  void setThumbnail(SnAttachment? value) {
+    thumbnail = value == null ? null : PostWriteMedia(value);
     notifyListeners();
   }
 
@@ -633,6 +703,11 @@ class PostWriteController extends ChangeNotifier {
     notifyListeners();
   }
 
+  void setRealm(SnRealm? value) {
+    realm = value;
+    notifyListeners();
+  }
+
   void setProgress(double? value) {
     progress = value;
     _temporaryPlanSave();
@@ -678,7 +753,8 @@ class PostWriteController extends ChangeNotifier {
     repostingPost = null;
     mode = kTitleMap.keys.first;
     temporaryRestored = false;
-    SharedPreferences.getInstance().then((prefs) => prefs.remove(kTemporaryStorageKey));
+    SharedPreferences.getInstance()
+        .then((prefs) => prefs.remove(kTemporaryStorageKey));
     notifyListeners();
   }
 

lib/database/account.dart

@@ -0,0 +1,42 @@
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
+import 'package:surface/types/account.dart';
+
+class SnAccountConverter extends TypeConverter<SnAccount, String>
+    with JsonTypeConverter2<SnAccount, String, Map<String, Object?>> {
+  const SnAccountConverter();
+
+  @override
+  SnAccount fromSql(String fromDb) {
+    return fromJson(jsonDecode(fromDb) as Map<String, dynamic>);
+  }
+
+  @override
+  String toSql(SnAccount value) {
+    return jsonEncode(toJson(value));
+  }
+
+  @override
+  SnAccount fromJson(Map<String, Object?> json) {
+    return SnAccount.fromJson(json);
+  }
+
+  @override
+  Map<String, Object?> toJson(SnAccount value) {
+    return value.toJson();
+  }
+}
+
+@TableIndex(name: 'idx_account_name', columns: {#name})
+class SnLocalAccount extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  TextColumn get name => text()();
+
+  TextColumn get content => text().map(const SnAccountConverter())();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+
+  DateTimeColumn get cacheExpiredAt => dateTime()();
+}

lib/database/attachment.dart

@@ -0,0 +1,47 @@
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
+import 'package:surface/types/attachment.dart';
+
+class SnAttachmentConverter extends TypeConverter<SnAttachment, String>
+    with JsonTypeConverter2<SnAttachment, String, Map<String, Object?>> {
+  const SnAttachmentConverter();
+
+  @override
+  SnAttachment fromSql(String fromDb) {
+    return fromJson(jsonDecode(fromDb) as Map<String, dynamic>);
+  }
+
+  @override
+  String toSql(SnAttachment value) {
+    return jsonEncode(toJson(value));
+  }
+
+  @override
+  SnAttachment fromJson(Map<String, Object?> json) {
+    return SnAttachment.fromJson(json);
+  }
+
+  @override
+  Map<String, Object?> toJson(SnAttachment value) {
+    return value.toJson();
+  }
+}
+
+@TableIndex(name: 'idx_attachment_rid', columns: {#rid})
+@TableIndex(name: 'idx_attachment_account', columns: {#accountId})
+class SnLocalAttachment extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  TextColumn get rid => text().unique()();
+
+  TextColumn get uuid => text().unique()();
+
+  TextColumn get content => text().map(const SnAttachmentConverter())();
+
+  IntColumn get accountId => integer()();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+
+  DateTimeColumn get cacheExpiredAt => dateTime()();
+}

lib/database/chat.dart

@@ -0,0 +1,117 @@
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
+import 'package:surface/types/chat.dart';
+
+class SnChannelConverter extends TypeConverter<SnChannel, String>
+    with JsonTypeConverter2<SnChannel, String, Map<String, Object?>> {
+  const SnChannelConverter();
+
+  @override
+  SnChannel fromSql(String fromDb) {
+    return fromJson(jsonDecode(fromDb) as Map<String, dynamic>);
+  }
+
+  @override
+  String toSql(SnChannel value) {
+    return jsonEncode(toJson(value));
+  }
+
+  @override
+  SnChannel fromJson(Map<String, Object?> json) {
+    return SnChannel.fromJson(json);
+  }
+
+  @override
+  Map<String, Object?> toJson(SnChannel value) {
+    return value.toJson();
+  }
+}
+
+@TableIndex(name: 'idx_channel_alias', columns: {#alias})
+class SnLocalChatChannel extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  TextColumn get alias => text()();
+
+  TextColumn get content => text().map(const SnChannelConverter())();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+}
+
+class SnMessageConverter extends TypeConverter<SnChatMessage, String>
+    with JsonTypeConverter2<SnChatMessage, String, Map<String, Object?>> {
+  const SnMessageConverter();
+
+  @override
+  SnChatMessage fromSql(String fromDb) {
+    return fromJson(jsonDecode(fromDb) as Map<String, dynamic>);
+  }
+
+  @override
+  String toSql(SnChatMessage value) {
+    return jsonEncode(toJson(value));
+  }
+
+  @override
+  SnChatMessage fromJson(Map<String, Object?> json) {
+    return SnChatMessage.fromJson(json);
+  }
+
+  @override
+  Map<String, Object?> toJson(SnChatMessage value) {
+    return value.toJson();
+  }
+}
+
+@TableIndex(name: 'idx_chat_channel', columns: {#channelId})
+class SnLocalChatMessage extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  IntColumn get channelId => integer()();
+
+  IntColumn get senderId => integer().nullable()();
+
+  TextColumn get content => text().map(const SnMessageConverter())();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+}
+
+class SnChannelMemberConverter extends TypeConverter<SnChannelMember, String>
+    with JsonTypeConverter2<SnChannelMember, String, Map<String, Object?>> {
+  const SnChannelMemberConverter();
+
+  @override
+  SnChannelMember fromSql(String fromDb) {
+    return fromJson(jsonDecode(fromDb) as Map<String, dynamic>);
+  }
+
+  @override
+  String toSql(SnChannelMember value) {
+    return jsonEncode(toJson(value));
+  }
+
+  @override
+  SnChannelMember fromJson(Map<String, Object?> json) {
+    return SnChannelMember.fromJson(json);
+  }
+
+  @override
+  Map<String, Object?> toJson(SnChannelMember value) {
+    return value.toJson();
+  }
+}
+
+class SnLocalChannelMember extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  IntColumn get channelId => integer()();
+
+  IntColumn get accountId => integer()();
+
+  TextColumn get content => text().map(SnChannelMemberConverter())();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+
+  DateTimeColumn get cacheExpiredAt => dateTime()();
+}

lib/database/database.dart

@@ -0,0 +1,62 @@
+import 'package:drift/drift.dart';
+import 'package:drift_flutter/drift_flutter.dart';
+import 'package:path_provider/path_provider.dart';
+import 'package:surface/database/account.dart';
+import 'package:surface/database/attachment.dart';
+import 'package:surface/database/chat.dart';
+import 'package:surface/database/database.steps.dart';
+import 'package:surface/database/keypair.dart';
+import 'package:surface/database/realm.dart';
+import 'package:surface/database/sticker.dart';
+import 'package:surface/types/chat.dart';
+import 'package:surface/types/attachment.dart';
+import 'package:surface/types/account.dart';
+import 'package:surface/types/realm.dart';
+
+part 'database.g.dart';
+
+@DriftDatabase(tables: [
+  SnLocalChatChannel,
+  SnLocalChatMessage,
+  SnLocalChannelMember,
+  SnLocalKeyPair,
+  SnLocalAccount,
+  SnLocalAttachment,
+  SnLocalSticker,
+  SnLocalStickerPack,
+  SnLocalRealm,
+])
+class AppDatabase extends _$AppDatabase {
+  AppDatabase([QueryExecutor? e]) : super(e ?? _openConnection());
+
+  @override
+  int get schemaVersion => 4;
+
+  static QueryExecutor _openConnection() {
+    return driftDatabase(
+      name: 'solar_network_data',
+      native: const DriftNativeOptions(
+        databaseDirectory: getApplicationSupportDirectory,
+      ),
+      web: DriftWebOptions(
+        sqlite3Wasm: Uri.parse('sqlite3.wasm'),
+        driftWorker: Uri.parse('drift_worker.dart.js'),
+      ),
+    );
+  }
+
+  @override
+  MigrationStrategy get migration {
+    return MigrationStrategy(
+      onUpgrade: stepByStep(from1To2: (m, schema) async {
+        // Nothing else to do here
+      }, from2To3: (m, schema) async {
+        // Nothing else to do here, too
+      }, from3To4: (m, schema) async {
+        m.createTable(schema.snLocalRealm);
+        m.createIndex(schema.idxRealmAccount);
+        m.createIndex(schema.idxRealmAlias);
+      }),
+    );
+  }
+}

lib/database/database.steps.dart

@@ -0,0 +1,657 @@
+// dart format width=80
+import 'package:drift/internal/versioned_schema.dart' as i0;
+import 'package:drift/drift.dart' as i1;
+import 'package:drift/drift.dart'; // ignore_for_file: type=lint,unused_import
+
+// GENERATED BY drift_dev, DO NOT MODIFY.
+final class Schema2 extends i0.VersionedSchema {
+  Schema2({required super.database}) : super(version: 2);
+  @override
+  late final List<i1.DatabaseSchemaEntity> entities = [
+    snLocalChatChannel,
+    snLocalChatMessage,
+    snLocalKeyPair,
+  ];
+  late final Shape0 snLocalChatChannel = Shape0(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_chat_channel',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_1,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape1 snLocalChatMessage = Shape1(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_chat_message',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_4,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape2 snLocalKeyPair = Shape2(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_key_pair',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [
+          'PRIMARY KEY(id)',
+        ],
+        columns: [
+          _column_5,
+          _column_6,
+          _column_7,
+          _column_8,
+          _column_9,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+}
+
+class Shape0 extends i0.VersionedTable {
+  Shape0({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get alias =>
+      columnsByName['alias']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+i1.GeneratedColumn<int> _column_0(String aliasedName) =>
+    i1.GeneratedColumn<int>('id', aliasedName, false,
+        hasAutoIncrement: true,
+        type: i1.DriftSqlType.int,
+        defaultConstraints:
+            i1.GeneratedColumn.constraintIsAlways('PRIMARY KEY AUTOINCREMENT'));
+i1.GeneratedColumn<String> _column_1(String aliasedName) =>
+    i1.GeneratedColumn<String>('alias', aliasedName, false,
+        type: i1.DriftSqlType.string);
+i1.GeneratedColumn<String> _column_2(String aliasedName) =>
+    i1.GeneratedColumn<String>('content', aliasedName, false,
+        type: i1.DriftSqlType.string);
+i1.GeneratedColumn<DateTime> _column_3(String aliasedName) =>
+    i1.GeneratedColumn<DateTime>('created_at', aliasedName, false,
+        type: i1.DriftSqlType.dateTime,
+        defaultValue: const CustomExpression(
+            'CAST(strftime(\'%s\', CURRENT_TIMESTAMP) AS INTEGER)'));
+
+class Shape1 extends i0.VersionedTable {
+  Shape1({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<int> get channelId =>
+      columnsByName['channel_id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+i1.GeneratedColumn<int> _column_4(String aliasedName) =>
+    i1.GeneratedColumn<int>('channel_id', aliasedName, false,
+        type: i1.DriftSqlType.int);
+
+class Shape2 extends i0.VersionedTable {
+  Shape2({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<String> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<int> get accountId =>
+      columnsByName['account_id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get publicKey =>
+      columnsByName['public_key']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<String> get privateKey =>
+      columnsByName['private_key']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<bool> get isActive =>
+      columnsByName['is_active']! as i1.GeneratedColumn<bool>;
+}
+
+i1.GeneratedColumn<String> _column_5(String aliasedName) =>
+    i1.GeneratedColumn<String>('id', aliasedName, false,
+        type: i1.DriftSqlType.string);
+i1.GeneratedColumn<int> _column_6(String aliasedName) =>
+    i1.GeneratedColumn<int>('account_id', aliasedName, false,
+        type: i1.DriftSqlType.int);
+i1.GeneratedColumn<String> _column_7(String aliasedName) =>
+    i1.GeneratedColumn<String>('public_key', aliasedName, false,
+        type: i1.DriftSqlType.string);
+i1.GeneratedColumn<String> _column_8(String aliasedName) =>
+    i1.GeneratedColumn<String>('private_key', aliasedName, true,
+        type: i1.DriftSqlType.string);
+i1.GeneratedColumn<bool> _column_9(String aliasedName) =>
+    i1.GeneratedColumn<bool>('is_active', aliasedName, false,
+        type: i1.DriftSqlType.bool,
+        defaultConstraints: i1.GeneratedColumn.constraintIsAlways(
+            'CHECK ("is_active" IN (0, 1))'),
+        defaultValue: const CustomExpression('0'));
+
+final class Schema3 extends i0.VersionedSchema {
+  Schema3({required super.database}) : super(version: 3);
+  @override
+  late final List<i1.DatabaseSchemaEntity> entities = [
+    snLocalChatChannel,
+    snLocalChatMessage,
+    snLocalChannelMember,
+    snLocalKeyPair,
+    snLocalAccount,
+    snLocalAttachment,
+    snLocalSticker,
+    snLocalStickerPack,
+    idxChannelAlias,
+    idxChatChannel,
+    idxAccountName,
+    idxAttachmentRid,
+    idxAttachmentAccount,
+  ];
+  late final Shape0 snLocalChatChannel = Shape0(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_chat_channel',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_1,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape3 snLocalChatMessage = Shape3(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_chat_message',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_4,
+          _column_10,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape4 snLocalChannelMember = Shape4(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_channel_member',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_4,
+          _column_6,
+          _column_2,
+          _column_3,
+          _column_11,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape2 snLocalKeyPair = Shape2(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_key_pair',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [
+          'PRIMARY KEY(id)',
+        ],
+        columns: [
+          _column_5,
+          _column_6,
+          _column_7,
+          _column_8,
+          _column_9,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape5 snLocalAccount = Shape5(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_account',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_12,
+          _column_2,
+          _column_3,
+          _column_11,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape6 snLocalAttachment = Shape6(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_attachment',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_13,
+          _column_14,
+          _column_2,
+          _column_6,
+          _column_3,
+          _column_11,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape7 snLocalSticker = Shape7(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_sticker',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_1,
+          _column_15,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape8 snLocalStickerPack = Shape8(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_sticker_pack',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  final i1.Index idxChannelAlias = i1.Index('idx_channel_alias',
+      'CREATE INDEX idx_channel_alias ON sn_local_chat_channel (alias)');
+  final i1.Index idxChatChannel = i1.Index('idx_chat_channel',
+      'CREATE INDEX idx_chat_channel ON sn_local_chat_message (channel_id)');
+  final i1.Index idxAccountName = i1.Index('idx_account_name',
+      'CREATE INDEX idx_account_name ON sn_local_account (name)');
+  final i1.Index idxAttachmentRid = i1.Index('idx_attachment_rid',
+      'CREATE INDEX idx_attachment_rid ON sn_local_attachment (rid)');
+  final i1.Index idxAttachmentAccount = i1.Index('idx_attachment_account',
+      'CREATE INDEX idx_attachment_account ON sn_local_attachment (account_id)');
+}
+
+class Shape3 extends i0.VersionedTable {
+  Shape3({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<int> get channelId =>
+      columnsByName['channel_id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<int> get senderId =>
+      columnsByName['sender_id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+i1.GeneratedColumn<int> _column_10(String aliasedName) =>
+    i1.GeneratedColumn<int>('sender_id', aliasedName, true,
+        type: i1.DriftSqlType.int);
+
+class Shape4 extends i0.VersionedTable {
+  Shape4({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<int> get channelId =>
+      columnsByName['channel_id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<int> get accountId =>
+      columnsByName['account_id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+  i1.GeneratedColumn<DateTime> get cacheExpiredAt =>
+      columnsByName['cache_expired_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+i1.GeneratedColumn<DateTime> _column_11(String aliasedName) =>
+    i1.GeneratedColumn<DateTime>('cache_expired_at', aliasedName, false,
+        type: i1.DriftSqlType.dateTime);
+
+class Shape5 extends i0.VersionedTable {
+  Shape5({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get name =>
+      columnsByName['name']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+  i1.GeneratedColumn<DateTime> get cacheExpiredAt =>
+      columnsByName['cache_expired_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+i1.GeneratedColumn<String> _column_12(String aliasedName) =>
+    i1.GeneratedColumn<String>('name', aliasedName, false,
+        type: i1.DriftSqlType.string);
+
+class Shape6 extends i0.VersionedTable {
+  Shape6({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get rid =>
+      columnsByName['rid']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<String> get uuid =>
+      columnsByName['uuid']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<int> get accountId =>
+      columnsByName['account_id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+  i1.GeneratedColumn<DateTime> get cacheExpiredAt =>
+      columnsByName['cache_expired_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+i1.GeneratedColumn<String> _column_13(String aliasedName) =>
+    i1.GeneratedColumn<String>('rid', aliasedName, false,
+        type: i1.DriftSqlType.string,
+        defaultConstraints: i1.GeneratedColumn.constraintIsAlways('UNIQUE'));
+i1.GeneratedColumn<String> _column_14(String aliasedName) =>
+    i1.GeneratedColumn<String>('uuid', aliasedName, false,
+        type: i1.DriftSqlType.string,
+        defaultConstraints: i1.GeneratedColumn.constraintIsAlways('UNIQUE'));
+
+class Shape7 extends i0.VersionedTable {
+  Shape7({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get alias =>
+      columnsByName['alias']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<String> get fullAlias =>
+      columnsByName['full_alias']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+i1.GeneratedColumn<String> _column_15(String aliasedName) =>
+    i1.GeneratedColumn<String>('full_alias', aliasedName, false,
+        type: i1.DriftSqlType.string);
+
+class Shape8 extends i0.VersionedTable {
+  Shape8({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+final class Schema4 extends i0.VersionedSchema {
+  Schema4({required super.database}) : super(version: 4);
+  @override
+  late final List<i1.DatabaseSchemaEntity> entities = [
+    snLocalChatChannel,
+    snLocalChatMessage,
+    snLocalChannelMember,
+    snLocalKeyPair,
+    snLocalAccount,
+    snLocalAttachment,
+    snLocalSticker,
+    snLocalStickerPack,
+    snLocalRealm,
+    idxChannelAlias,
+    idxChatChannel,
+    idxAccountName,
+    idxAttachmentRid,
+    idxAttachmentAccount,
+    idxRealmAlias,
+    idxRealmAccount,
+  ];
+  late final Shape0 snLocalChatChannel = Shape0(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_chat_channel',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_1,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape3 snLocalChatMessage = Shape3(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_chat_message',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_4,
+          _column_10,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape4 snLocalChannelMember = Shape4(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_channel_member',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_4,
+          _column_6,
+          _column_2,
+          _column_3,
+          _column_11,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape2 snLocalKeyPair = Shape2(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_key_pair',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [
+          'PRIMARY KEY(id)',
+        ],
+        columns: [
+          _column_5,
+          _column_6,
+          _column_7,
+          _column_8,
+          _column_9,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape5 snLocalAccount = Shape5(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_account',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_12,
+          _column_2,
+          _column_3,
+          _column_11,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape6 snLocalAttachment = Shape6(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_attachment',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_13,
+          _column_14,
+          _column_2,
+          _column_6,
+          _column_3,
+          _column_11,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape7 snLocalSticker = Shape7(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_sticker',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_1,
+          _column_15,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape8 snLocalStickerPack = Shape8(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_sticker_pack',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_2,
+          _column_3,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  late final Shape9 snLocalRealm = Shape9(
+      source: i0.VersionedTable(
+        entityName: 'sn_local_realm',
+        withoutRowId: false,
+        isStrict: false,
+        tableConstraints: [],
+        columns: [
+          _column_0,
+          _column_16,
+          _column_2,
+          _column_6,
+          _column_3,
+          _column_11,
+        ],
+        attachedDatabase: database,
+      ),
+      alias: null);
+  final i1.Index idxChannelAlias = i1.Index('idx_channel_alias',
+      'CREATE INDEX idx_channel_alias ON sn_local_chat_channel (alias)');
+  final i1.Index idxChatChannel = i1.Index('idx_chat_channel',
+      'CREATE INDEX idx_chat_channel ON sn_local_chat_message (channel_id)');
+  final i1.Index idxAccountName = i1.Index('idx_account_name',
+      'CREATE INDEX idx_account_name ON sn_local_account (name)');
+  final i1.Index idxAttachmentRid = i1.Index('idx_attachment_rid',
+      'CREATE INDEX idx_attachment_rid ON sn_local_attachment (rid)');
+  final i1.Index idxAttachmentAccount = i1.Index('idx_attachment_account',
+      'CREATE INDEX idx_attachment_account ON sn_local_attachment (account_id)');
+  final i1.Index idxRealmAlias = i1.Index('idx_realm_alias',
+      'CREATE INDEX idx_realm_alias ON sn_local_realm (alias)');
+  final i1.Index idxRealmAccount = i1.Index('idx_realm_account',
+      'CREATE INDEX idx_realm_account ON sn_local_realm (account_id)');
+}
+
+class Shape9 extends i0.VersionedTable {
+  Shape9({required super.source, required super.alias}) : super.aliased();
+  i1.GeneratedColumn<int> get id =>
+      columnsByName['id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<String> get alias =>
+      columnsByName['alias']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<String> get content =>
+      columnsByName['content']! as i1.GeneratedColumn<String>;
+  i1.GeneratedColumn<int> get accountId =>
+      columnsByName['account_id']! as i1.GeneratedColumn<int>;
+  i1.GeneratedColumn<DateTime> get createdAt =>
+      columnsByName['created_at']! as i1.GeneratedColumn<DateTime>;
+  i1.GeneratedColumn<DateTime> get cacheExpiredAt =>
+      columnsByName['cache_expired_at']! as i1.GeneratedColumn<DateTime>;
+}
+
+i1.GeneratedColumn<String> _column_16(String aliasedName) =>
+    i1.GeneratedColumn<String>('alias', aliasedName, false,
+        type: i1.DriftSqlType.string,
+        defaultConstraints: i1.GeneratedColumn.constraintIsAlways('UNIQUE'));
+i0.MigrationStepWithVersion migrationSteps({
+  required Future<void> Function(i1.Migrator m, Schema2 schema) from1To2,
+  required Future<void> Function(i1.Migrator m, Schema3 schema) from2To3,
+  required Future<void> Function(i1.Migrator m, Schema4 schema) from3To4,
+}) {
+  return (currentVersion, database) async {
+    switch (currentVersion) {
+      case 1:
+        final schema = Schema2(database: database);
+        final migrator = i1.Migrator(database, schema);
+        await from1To2(migrator, schema);
+        return 2;
+      case 2:
+        final schema = Schema3(database: database);
+        final migrator = i1.Migrator(database, schema);
+        await from2To3(migrator, schema);
+        return 3;
+      case 3:
+        final schema = Schema4(database: database);
+        final migrator = i1.Migrator(database, schema);
+        await from3To4(migrator, schema);
+        return 4;
+      default:
+        throw ArgumentError.value('Unknown migration from $currentVersion');
+    }
+  };
+}
+
+i1.OnUpgrade stepByStep({
+  required Future<void> Function(i1.Migrator m, Schema2 schema) from1To2,
+  required Future<void> Function(i1.Migrator m, Schema3 schema) from2To3,
+  required Future<void> Function(i1.Migrator m, Schema4 schema) from3To4,
+}) =>
+    i0.VersionedSchema.stepByStepHelper(
+        step: migrationSteps(
+      from1To2: from1To2,
+      from2To3: from2To3,
+      from3To4: from3To4,
+    ));

lib/database/drift_worker.dart

@@ -0,0 +1,8 @@
+import 'package:drift/wasm.dart';
+
+// Use `dart compile js -O4 ./drift_worker.dart` to compile this file.
+// And place it in the web/ directory.
+
+// When compiled with dart2js, this file defines a dedicated or shared web
+// worker used by drift.
+void main() => WasmDatabase.workerMainForOpen();

lib/database/keypair.dart

@@ -0,0 +1,16 @@
+import 'package:drift/drift.dart';
+
+class SnLocalKeyPair extends Table {
+  TextColumn get id => text()();
+
+  IntColumn get accountId => integer()();
+
+  TextColumn get publicKey => text()();
+
+  TextColumn get privateKey => text().nullable()();
+
+  BoolColumn get isActive => boolean().withDefault(Constant(false))();
+
+  @override
+  Set<Column<Object>> get primaryKey => {id};
+}

lib/database/realm.dart

@@ -0,0 +1,45 @@
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
+import 'package:surface/types/realm.dart';
+
+class SnRealmConverter extends TypeConverter<SnRealm, String>
+    with JsonTypeConverter2<SnRealm, String, Map<String, Object?>> {
+  const SnRealmConverter();
+
+  @override
+  SnRealm fromSql(String fromDb) {
+    return fromJson(jsonDecode(fromDb) as Map<String, dynamic>);
+  }
+
+  @override
+  String toSql(SnRealm value) {
+    return jsonEncode(toJson(value));
+  }
+
+  @override
+  SnRealm fromJson(Map<String, Object?> json) {
+    return SnRealm.fromJson(json);
+  }
+
+  @override
+  Map<String, Object?> toJson(SnRealm value) {
+    return value.toJson();
+  }
+}
+
+@TableIndex(name: 'idx_realm_alias', columns: {#alias})
+@TableIndex(name: 'idx_realm_account', columns: {#accountId})
+class SnLocalRealm extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  TextColumn get alias => text().unique()();
+
+  TextColumn get content => text().map(const SnRealmConverter())();
+
+  IntColumn get accountId => integer()();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+
+  DateTimeColumn get cacheExpiredAt => dateTime()();
+}

lib/database/sticker.dart

@@ -0,0 +1,74 @@
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
+import 'package:surface/types/attachment.dart';
+
+class SnStickerConverter extends TypeConverter<SnSticker, String>
+    with JsonTypeConverter2<SnSticker, String, Map<String, Object?>> {
+  const SnStickerConverter();
+
+  @override
+  SnSticker fromSql(String fromDb) {
+    return fromJson(jsonDecode(fromDb) as Map<String, dynamic>);
+  }
+
+  @override
+  String toSql(SnSticker value) {
+    return jsonEncode(toJson(value));
+  }
+
+  @override
+  SnSticker fromJson(Map<String, Object?> json) {
+    return SnSticker.fromJson(json);
+  }
+
+  @override
+  Map<String, Object?> toJson(SnSticker value) {
+    return value.toJson();
+  }
+}
+
+class SnLocalSticker extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  TextColumn get alias => text()();
+
+  TextColumn get fullAlias => text()();
+
+  TextColumn get content => text().map(const SnStickerConverter())();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+}
+
+class SnStickerPackConverter extends TypeConverter<SnStickerPack, String>
+    with JsonTypeConverter2<SnStickerPack, String, Map<String, Object?>> {
+  const SnStickerPackConverter();
+
+  @override
+  SnStickerPack fromSql(String fromDb) {
+    return fromJson(jsonDecode(fromDb) as Map<String, dynamic>);
+  }
+
+  @override
+  String toSql(SnStickerPack value) {
+    return jsonEncode(toJson(value));
+  }
+
+  @override
+  SnStickerPack fromJson(Map<String, Object?> json) {
+    return SnStickerPack.fromJson(json);
+  }
+
+  @override
+  Map<String, Object?> toJson(SnStickerPack value) {
+    return value.toJson();
+  }
+}
+
+class SnLocalStickerPack extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  TextColumn get content => text().map(const SnStickerPackConverter())();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+}

lib/logger.dart

@@ -0,0 +1,10 @@
+import 'package:talker/talker.dart';
+
+final logging = Talker(
+  settings: TalkerSettings(
+    enabled: true,
+    useHistory: true,
+    maxHistoryItems: 1000,
+    useConsoleLogs: true,
+  ),
+);

lib/main.dart

@@ -1,6 +1,7 @@
 import 'dart:async';
 import 'dart:developer';
 import 'dart:io';
+import 'dart:math' hide log;
 import 'dart:ui';
 
 import 'package:bitsdojo_window/bitsdojo_window.dart';
@@ -12,18 +13,22 @@ import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
-import 'package:hive_flutter/hive_flutter.dart';
 import 'package:hotkey_manager/hotkey_manager.dart';
 import 'package:package_info_plus/package_info_plus.dart';
 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/logger.dart';
 import 'package:surface/providers/channel.dart';
 import 'package:surface/providers/chat_call.dart';
 import 'package:surface/providers/config.dart';
+import 'package:surface/providers/database.dart';
+import 'package:surface/providers/keypair.dart';
 import 'package:surface/providers/link_preview.dart';
 import 'package:surface/providers/navigation.dart';
 import 'package:surface/providers/notification.dart';
@@ -31,24 +36,27 @@ 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_realm.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/translation.dart';
 import 'package:surface/providers/user_directory.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/providers/websocket.dart';
 import 'package:surface/providers/widget.dart';
 import 'package:surface/router.dart';
-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/menu_bar.dart';
+import 'package:surface/widgets/version_label.dart';
 import 'package:tray_manager/tray_manager.dart';
 import 'package:version/version.dart';
 import 'package:workmanager/workmanager.dart';
 import 'package:in_app_review/in_app_review.dart';
 import 'package:image_picker_android/image_picker_android.dart';
 import 'package:image_picker_platform_interface/image_picker_platform_interface.dart';
+import 'package:local_notifier/local_notifier.dart';
 
 @pragma('vm:entry-point')
 void appBackgroundDispatcher() {
@@ -81,13 +89,7 @@ void main() async {
 
   await EasyLocalization.ensureInitialized();
 
-  await Hive.initFlutter();
-  Hive.registerAdapter(SnChannelImplAdapter());
-  Hive.registerAdapter(SnRealmImplAdapter());
-  Hive.registerAdapter(SnChannelMemberImplAdapter());
-  Hive.registerAdapter(SnChatMessageImplAdapter());
-
-  if (kIsWeb && !Platform.isLinux) {
+  if (!kIsWeb && !Platform.isLinux) {
     await Firebase.initializeApp(
       options: DefaultFirebaseOptions.currentPlatform,
     );
@@ -113,7 +115,8 @@ void main() async {
   }
 
   if (!kIsWeb && Platform.isAndroid) {
-    final ImagePickerPlatform imagePickerImplementation = ImagePickerPlatform.instance;
+    final ImagePickerPlatform imagePickerImplementation =
+        ImagePickerPlatform.instance;
     if (imagePickerImplementation is ImagePickerAndroid) {
       imagePickerImplementation.useAndroidPhotoPicker = true;
     }
@@ -141,6 +144,9 @@ class SolianApp extends StatelessWidget {
         assetLoader: JsonAssetLoader(),
         child: MultiProvider(
           providers: [
+            // Infrastructure layer
+            Provider(create: (ctx) => DatabaseProvider(ctx)),
+
             // System extensions layer
             Provider(create: (ctx) => HomeWidgetProvider(ctx)),
 
@@ -155,15 +161,18 @@ class SolianApp extends StatelessWidget {
             Provider(create: (ctx) => SnNetworkProvider(ctx)),
             Provider(create: (ctx) => UserDirectoryProvider(ctx)),
             Provider(create: (ctx) => SnAttachmentProvider(ctx)),
+            Provider(create: (ctx) => SnRealmProvider(ctx)),
             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)),
+            Provider(create: (ctx) => KeyPairProvider(ctx)),
             ChangeNotifierProvider(create: (ctx) => NotificationProvider(ctx)),
             ChangeNotifierProvider(create: (ctx) => ChatChannelProvider(ctx)),
             ChangeNotifierProvider(create: (ctx) => ChatCallProvider(ctx)),
+            Provider(create: (ctx) => SnTranslator()),
 
             // Additional helper layer
             Provider(create: (ctx) => SpecialDayProvider(ctx)),
@@ -223,19 +232,23 @@ class _AppSplashScreen extends StatefulWidget {
 }
 
 class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
+  bool _isBusy = false;
+  String _phaseText = 'appInitStarting';
+
   void _tryRequestRating() async {
     final prefs = await SharedPreferences.getInstance();
     if (prefs.containsKey('first_boot_time')) {
       final rawTime = prefs.getString('first_boot_time');
       final time = DateTime.tryParse(rawTime ?? '');
-      if (time != null && time.isBefore(DateTime.now().subtract(const Duration(days: 3)))) {
+      if (time != null &&
+          time.isBefore(DateTime.now().subtract(const Duration(days: 3)))) {
         final inAppReview = InAppReview.instance;
         if (prefs.getBool('rating_requested') == true) return;
         if (await inAppReview.isAvailable()) {
           await inAppReview.requestReview();
           prefs.setBool('rating_requested', true);
         } else {
-          log('Unable request app review, unavailable');
+          logging.error('Unable request app review, unavailable');
         }
       }
     } else {
@@ -254,24 +267,38 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
           receiveTimeout: const Duration(seconds: 60),
         ),
       ).get(
-        'https://git.solsynth.dev/api/v1/repos/HyperNet/Surface/tags?page=1&limit=1',
+        'https://api.github.com/repos/Solsynth/HyperNet.Surface/releases/latest',
       );
-      final remoteVersionString = (resp.data as List).firstOrNull?['name'] ?? '0.0.0+0';
+      final remoteVersionString = resp.data?['tag_name'] ?? '0.0.0+0';
       final remoteVersion = Version.parse(remoteVersionString.split('+').first);
       final localVersion = Version.parse(localVersionString.split('+').first);
-      final remoteBuildNumber = int.tryParse(remoteVersionString.split('+').last) ?? 0;
-      final localBuildNumber = int.tryParse(localVersionString.split('+').last) ?? 0;
-      log("[Update] Local: $localVersionString, Remote: $remoteVersionString");
-      if ((remoteVersion > localVersion || remoteBuildNumber > localBuildNumber) && mounted) {
+      final remoteBuildNumber =
+          int.tryParse(remoteVersionString.split('+').last) ?? 0;
+      final localBuildNumber =
+          int.tryParse(localVersionString.split('+').last) ?? 0;
+      logging.info(
+          "[Update] Local: $localVersionString, Remote: $remoteVersionString");
+      if ((remoteVersion > localVersion ||
+              remoteBuildNumber > localBuildNumber) &&
+          mounted) {
         final config = context.read<ConfigProvider>();
-        config.setUpdate(remoteVersionString);
-        log("[Update] Update available: $remoteVersionString");
+        config.setUpdate(
+          remoteVersionString,
+          resp.data?['body'] ?? 'No changelog',
+        );
+        logging.info("[Update] Update available: $remoteVersionString");
       }
     } catch (e) {
+      logging.error('[Error] Unable to check update...', e);
       if (mounted) context.showErrorDialog('Unable to check update: $e');
     }
   }
 
+  void _setPhaseText(String text) {
+    _phaseText = 'appInit${text.capitalize()}'.tr();
+    if (mounted) setState(() {});
+  }
+
   Future<void> _initialize() async {
     try {
       final cfg = context.read<ConfigProvider>();
@@ -284,22 +311,45 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
       // The Network initialization must be done after the HomeWidget initialization
       // The Network initialization will save the server url to the HomeWidget
       // The Network initialization will also save initialize the Config, so it not need to be initialized again
+      _setPhaseText('network');
       final sn = context.read<SnNetworkProvider>();
       await sn.initializeUserAgent();
       await sn.setConfigWithNative();
       if (!mounted) return;
+      _setPhaseText('userdata');
       final ua = context.read<UserProvider>();
       await ua.initialize();
       if (!mounted) return;
+      _setPhaseText('websocket');
       final ws = context.read<WebSocketProvider>();
       await ws.tryConnect();
       if (!mounted) return;
+      _setPhaseText('notification');
       final notify = context.read<NotificationProvider>();
       notify.listen();
       await notify.registerPushNotifications();
       if (!mounted) return;
+      _setPhaseText('keyPair');
+      final kp = context.read<KeyPairProvider>();
+      await kp.reloadActive();
+      kp.listen();
+      if (!mounted) return;
+      _setPhaseText('stickers');
       final sticker = context.read<SnStickerProvider>();
-      await sticker.listStickerEagerly();
+      await sticker.listSticker();
+      if (!mounted) return;
+      _setPhaseText('userDirectory');
+      final ud = context.read<UserDirectoryProvider>();
+      await ud.loadAccountCache();
+      if (!mounted) return;
+      _setPhaseText('realm');
+      final rm = context.read<SnRealmProvider>();
+      await rm.refreshAvailableRealms();
+      if (!mounted) return;
+      _setPhaseText('chat');
+      final ct = context.read<ChatChannelProvider>();
+      await ct.refreshAvailableChannels();
+      _setPhaseText('done');
     } catch (err) {
       if (!mounted) return;
       await context.showErrorDialog(err);
@@ -312,44 +362,61 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
 
   Future<void> _hotkeyInitialization() async {
     if (kIsWeb) return;
-
-    if (Platform.isMacOS) {
-      HotKey quitHotKey = HotKey(
-        key: PhysicalKeyboardKey.keyQ,
-        modifiers: [HotKeyModifier.meta],
-        scope: HotKeyScope.inapp,
-      );
-      await hotKeyManager.register(quitHotKey, keyUpHandler: (_) {
-        _appLifecycleListener?.dispose();
-        SystemChannels.platform.invokeMethod('SystemNavigator.pop');
-      });
-    }
+    // The quit key has been removed, and the logic of the quit key is moved to system menu bar activator.
   }
 
+  final Menu _appTrayMenu = Menu(
+    items: [
+      MenuItem(
+        key: 'version_label',
+        label: 'Solian',
+        disabled: true,
+      ),
+      MenuItem.separator(),
+      MenuItem.checkbox(
+        checked: false,
+        key: 'mute_notification',
+        label: 'trayMenuMuteNotification'.tr(),
+      ),
+      MenuItem.separator(),
+      MenuItem(
+        key: 'window_show',
+        label: 'trayMenuShow'.tr(),
+      ),
+      MenuItem(
+        key: 'exit',
+        label: 'trayMenuExit'.tr(),
+      ),
+    ],
+  );
+
   Future<void> _trayInitialization() async {
     if (kIsWeb || Platform.isAndroid || Platform.isIOS) return;
 
-    final icon = Platform.isWindows ? 'assets/icon/tray-icon.ico' : 'assets/icon/tray-icon.png';
+    final icon = Platform.isWindows
+        ? 'assets/icon/tray-icon.ico'
+        : 'assets/icon/tray-icon.png';
     final appVersion = await PackageInfo.fromPlatform();
 
     trayManager.addListener(this);
     await trayManager.setIcon(icon);
 
-    Menu menu = Menu(
-      items: [
-        MenuItem(
-          key: 'version_label',
-          label: 'Solian ${appVersion.version}+${appVersion.buildNumber}',
-          disabled: true,
-        ),
-        MenuItem.separator(),
-        MenuItem(
-          key: 'exit',
-          label: 'trayMenuExit'.tr(),
-        ),
-      ],
+    _appTrayMenu.items![0] = MenuItem(
+      key: 'version_label',
+      label: 'Solian ${appVersion.version}+${appVersion.buildNumber}',
+      disabled: true,
+    );
+
+    await trayManager.setContextMenu(_appTrayMenu);
+  }
+
+  Future<void> _notifyInitialization() async {
+    if (kIsWeb || Platform.isAndroid || Platform.isIOS) return;
+
+    await localNotifier.setup(
+      appName: 'Solian',
+      shortcutPolicy: ShortcutPolicy.requireCreate,
     );
-    await trayManager.setContextMenu(menu);
   }
 
   AppLifecycleListener? _appLifecycleListener;
@@ -358,6 +425,7 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
   void initState() {
     super.initState();
 
+    _isBusy = true;
     if (!kIsWeb && !(Platform.isIOS || Platform.isAndroid)) {
       _appLifecycleListener = AppLifecycleListener(
         onExitRequested: _onExitRequested,
@@ -366,10 +434,12 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
 
     _trayInitialization();
     _hotkeyInitialization();
+    _notifyInitialization();
     _initialize().then((_) {
       _postInitialization();
       _tryRequestRating();
       _checkForUpdate();
+      setState(() => _isBusy = false);
     });
   }
 
@@ -378,6 +448,15 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
     return AppExitResponse.cancel;
   }
 
+  void _quitApp() {
+    _appLifecycleListener?.dispose();
+    if (Platform.isWindows) {
+      appWindow.close();
+    } else {
+      SystemChannels.platform.invokeMethod('SystemNavigator.pop');
+    }
+  }
+
   @override
   void onTrayIconMouseDown() {
     if (Platform.isWindows) {
@@ -401,9 +480,18 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
   @override
   void onTrayMenuItemClick(MenuItem menuItem) {
     switch (menuItem.key) {
+      case 'mute_notification':
+        final nty = context.read<NotificationProvider>();
+        nty.isMuted = !nty.isMuted;
+        _appTrayMenu.items![2].checked = nty.isMuted;
+        trayManager.setContextMenu(_appTrayMenu);
+        break;
+      case 'window_show':
+        // To prevent the window from being hide after just show on macOS
+        Timer(const Duration(milliseconds: 100), () => appWindow.show());
+        break;
       case 'exit':
-        _appLifecycleListener?.dispose();
-        SystemChannels.platform.invokeMethod('SystemNavigator.pop');
+        _quitApp();
         break;
     }
   }
@@ -420,16 +508,110 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
   @override
   Widget build(BuildContext context) {
     final cfg = context.read<ConfigProvider>();
-    return NotificationListener<SizeChangedLayoutNotification>(
-      onNotification: (notification) {
-        WidgetsBinding.instance.addPostFrameCallback((_) {
-          cfg.calcDrawerSize(context);
-        });
-        return false;
-      },
-      child: SizeChangedLayoutNotifier(
-        child: widget.child,
+    return AppSystemMenuBar(
+      onQuit: _quitApp,
+      child: NotificationListener<SizeChangedLayoutNotification>(
+        onNotification: (notification) {
+          WidgetsBinding.instance.addPostFrameCallback((_) {
+            cfg.calcDrawerSize(context);
+          });
+          return false;
+        },
+        child: OrientationBuilder(
+          builder: (context, orientation) {
+            final cfg = context.read<ConfigProvider>();
+            WidgetsBinding.instance.addPostFrameCallback((_) {
+              cfg.calcDrawerSize(context);
+            });
+            Future.delayed(const Duration(milliseconds: 300), () {
+              if (context.mounted) {
+                cfg.calcDrawerSize(context);
+              }
+            });
+            return SizeChangedLayoutNotifier(
+              child: _isBusy
+                  ? Material(
+                      key: Key('app-splash-screen-$_isBusy'),
+                      child: Stack(
+                        children: [
+                          CustomPaint(painter: GraphPainter()),
+                          Center(
+                            child: Container(
+                              constraints: const BoxConstraints(
+                                maxWidth: 240,
+                              ),
+                              child: Column(
+                                mainAxisSize: MainAxisSize.min,
+                                children: [
+                                  Image.asset(
+                                    'assets/icon/icon.png',
+                                    width: 64,
+                                    height: 64,
+                                    color:
+                                        Theme.of(context).colorScheme.onSurface,
+                                  ),
+                                  Text('Solar Network').bold(),
+                                  AppVersionLabel(),
+                                  Gap(8),
+                                  Text(
+                                    _phaseText,
+                                    textAlign: TextAlign.center,
+                                  ),
+                                  Gap(16),
+                                  const LinearProgressIndicator(),
+                                ],
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    )
+                  : widget.child,
+            );
+          },
+        ),
       ),
     );
   }
 }
+
+class GraphPainter extends CustomPainter {
+  final Random random = Random();
+  final int numNodes = 20;
+  final double maxDistance = 100; // Max distance to draw a line
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    final paintNode = Paint()..color = Colors.white;
+    final paintEdge = Paint()
+      ..color = Colors.white.withOpacity(0.3)
+      ..strokeWidth = 1;
+
+    // Generate random points
+    List<Offset> nodes = List.generate(
+      numNodes,
+      (_) => Offset(
+        random.nextDouble() * size.width,
+        random.nextDouble() * size.height,
+      ),
+    );
+
+    // Draw edges between close nodes
+    for (var i = 0; i < nodes.length; i++) {
+      for (var j = i + 1; j < nodes.length; j++) {
+        double distance = (nodes[i] - nodes[j]).distance;
+        if (distance < maxDistance) {
+          canvas.drawLine(nodes[i], nodes[j], paintEdge);
+        }
+      }
+    }
+
+    // Draw nodes
+    for (var node in nodes) {
+      canvas.drawCircle(node, 4, paintNode);
+    }
+  }
+
+  @override
+  bool shouldRepaint(CustomPainter oldDelegate) => false;
+}

lib/providers/channel.dart

@@ -1,48 +1,70 @@
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
 import 'package:flutter/material.dart';
-import 'package:hive_flutter/hive_flutter.dart';
 import 'package:provider/provider.dart';
-import 'package:surface/controllers/chat_message_controller.dart';
+import 'package:surface/database/database.dart';
+import 'package:surface/providers/database.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/sn_realm.dart';
 import 'package:surface/providers/user_directory.dart';
+import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/chat.dart';
-import 'package:surface/types/realm.dart';
 
 class ChatChannelProvider extends ChangeNotifier {
   static const kChatChannelBoxName = 'nex_chat_channels';
 
   late final SnNetworkProvider _sn;
   late final UserDirectoryProvider _ud;
-
-  Box<SnChannel>? get _channelBox => Hive.box<SnChannel>(kChatChannelBoxName);
+  late final UserProvider _ua;
+  late final DatabaseProvider _dt;
+  late final SnRealmProvider _rels;
 
   ChatChannelProvider(BuildContext context) {
     _sn = context.read<SnNetworkProvider>();
     _ud = context.read<UserDirectoryProvider>();
-    _initializeLocalData();
+    _ua = context.read<UserProvider>();
+    _dt = context.read<DatabaseProvider>();
+    _rels = context.read<SnRealmProvider>();
   }
 
-  Future<void> _initializeLocalData() async {
-    await Hive.openBox<SnChannel>(kChatChannelBoxName);
-  }
+  final List<SnChannel> _availableChannels = List.empty(growable: true);
 
-  Future<void> _saveChannelToLocal(Iterable<SnChannel> channels) async {
-    if (_channelBox == null) return;
-    await _channelBox!.putAll({
-      for (final channel in channels) channel.key: channel,
+  List<SnChannel> get availableChannels => _availableChannels;
+
+  Future<void> refreshAvailableChannels() async {
+    final stream = fetchChannels();
+    stream.listen((ele) {
+      _availableChannels.clear();
+      _availableChannels.addAll(ele);
+      notifyListeners();
     });
   }
 
+  Future<void> _saveChannelToLocal(Iterable<SnChannel> channels) async {
+    await Future.wait(
+      channels.map(
+        (ele) => _dt.db.snLocalChatChannel.insertOne(
+          SnLocalChatChannelCompanion.insert(
+            id: Value(ele.id),
+            alias: ele.key,
+            content: ele,
+            createdAt: Value(ele.createdAt),
+          ),
+          onConflict: DoUpdate(
+            (_) => SnLocalChatChannelCompanion.custom(
+              content: Constant(jsonEncode(ele.toJson())),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
   Future<List<SnChannel>> _fetchChannelsFromServer({
-    String scope = 'global',
-    bool direct = false,
     bool doNotSave = false,
   }) async {
-    final resp = await _sn.client.get(
-      '/cgi/im/channels/$scope/me/available',
-      queryParameters: {
-        'direct': direct,
-      },
-    );
+    final resp = await _sn.client.get('/cgi/im/channels/me/available');
     final out = List<SnChannel>.from(
       resp.data?.map((e) => SnChannel.fromJson(e)) ?? [],
     );
@@ -54,18 +76,25 @@ class ChatChannelProvider extends ChangeNotifier {
   /// It will use the local storage as much as possible.
   /// The alias should include the scope, formatted as `scope:alias`.
   Future<SnChannel> getChannel(String key) async {
-    if (_channelBox != null) {
-      final local = _channelBox!.get(key);
-      if (local != null) return local;
+    final local = await (_dt.db.snLocalChatChannel.select()
+          ..where((e) => e.alias.equals(key)))
+        .getSingleOrNull();
+    if (local != null) {
+      final out = local.content;
+      if (out.realmId != null) {
+        return out.copyWith(realm: await _rels.getRealm(out.realmId!));
+      } else {
+        return out;
+      }
     }
 
-    var resp = await _sn.client.get('/cgi/im/channels/$key');
+    var resp =
+        await _sn.client.get('/cgi/im/channels/${key.replaceAll(':', '/')}');
     var out = SnChannel.fromJson(resp.data);
 
     // Preload realm of the channel
     if (out.realmId != null) {
-      resp = await _sn.client.get('/cgi/id/realms/${out.realmId}');
-      out = out.copyWith(realm: SnRealm.fromJson(resp.data));
+      out = out.copyWith(realm: await _rels.getRealm(out.realmId!));
     }
 
     _saveChannelToLocal([out]);
@@ -77,66 +106,119 @@ class ChatChannelProvider extends ChangeNotifier {
   /// And the second time is when the data was fetched from the server.
   /// But there is some exception that will only cause one of them to be emitted.
   /// Like the local storage is broken or the server is down.
-  Stream<List<SnChannel>> fetchChannels() async* {
-    if (_channelBox != null) yield _channelBox!.values.toList();
-
-    var resp = await _sn.client.get('/cgi/id/realms/me/available');
-    final realms = List<SnRealm>.from(
-      resp.data?.map((e) => SnRealm.fromJson(e)) ?? [],
-    );
-    final realmMap = {
-      for (final realm in realms) realm.alias: realm,
-    };
-
-    final scopeToFetch = {'global', ...realms.map((e) => e.alias)};
-
-    final List<SnChannel> result = List.empty(growable: true);
-    final directMessages = await _fetchChannelsFromServer(
-      scope: scopeToFetch.first,
-      direct: true,
-    );
-    result.addAll(directMessages);
-
-    final nonBelongsChannels = await _fetchChannelsFromServer(
-      scope: scopeToFetch.first,
-      direct: false,
-    );
-    result.addAll(nonBelongsChannels);
-
-    for (final scope in scopeToFetch.skip(1)) {
-      final channel = await _fetchChannelsFromServer(
-        scope: scope,
-        direct: false,
-        doNotSave: true,
-      );
-      final out = channel.map((ele) => ele.copyWith(realm: realmMap[scope]));
-      _saveChannelToLocal(out);
-      result.addAll(out);
+  Stream<List<SnChannel>> fetchChannels(
+      {bool noRemote = false, bool noLocal = false}) async* {
+    if (!noLocal) {
+      final local = await (_dt.db.snLocalChatChannel.select()
+            ..orderBy([
+              (e) =>
+                  OrderingTerm(expression: e.createdAt, mode: OrderingMode.desc)
+            ]))
+          .get();
+      final out = local.map((e) => e.content).toList();
+      for (var idx = 0; idx < out.length; idx++) {
+        final channel = out[idx];
+        if (channel.realmId != null) {
+          out[idx] = out[idx].copyWith(
+            realm: await _rels.getRealm(channel.realmId!),
+          );
+        }
+      }
+      yield out;
     }
 
+    if (noRemote) return;
+    final List<SnChannel> result = List.empty(growable: true);
+    final channels = await _fetchChannelsFromServer();
+    for (var idx = 0; idx < channels.length; idx++) {
+      final channel = channels[idx];
+      if (channel.realmId != null) {
+        channels[idx] = channels[idx].copyWith(
+          realm: await _rels.getRealm(channel.realmId!),
+        );
+      }
+    }
+    result.addAll(channels);
+
     yield result;
   }
 
   Future<List<SnChatMessage>> getLastMessages(
     Iterable<SnChannel> channels,
   ) async {
-    final result = List<SnChatMessage>.empty(growable: true);
+    final result = List<Future<SnLocalChatMessageData?>>.empty(growable: true);
     for (final channel in channels) {
-      final channelBox = await Hive.openBox<SnChatMessage>(
-        '${ChatMessageController.kChatMessageBoxPrefix}${channel.id}',
-      );
-      final lastMessage =
-          channelBox.isNotEmpty ? channelBox.values.reduce((a, b) => a.createdAt.isAfter(b.createdAt) ? a : b) : null;
-      if (lastMessage != null) result.add(lastMessage);
-      channelBox.close();
+      final out = (_dt.db.snLocalChatMessage.select()
+            ..where((e) => e.channelId.equals(channel.id))
+            ..orderBy([
+              (e) =>
+                  OrderingTerm(expression: e.createdAt, mode: OrderingMode.desc)
+            ])
+            ..limit(1))
+          .getSingleOrNull();
+      result.add(out);
     }
-    await _ud.listAccount(result.map((ele) => ele.sender.accountId).toSet());
-    return result;
+    final out = (await Future.wait(result))
+        .where((e) => e != null)
+        .map((e) => e!.content)
+        .toList();
+    await _ud.listAccount(out.map((ele) => ele.sender.accountId).toSet());
+    return out;
   }
 
-  @override
-  void dispose() {
-    _channelBox?.close();
-    super.dispose();
+  Future<void> _saveMemberToLocal(Iterable<SnChannelMember> members) async {
+    final queries = members.map((ele) {
+      return _dt.db.snLocalChannelMember.insertOne(
+        SnLocalChannelMemberCompanion.insert(
+          id: Value(ele.id),
+          channelId: ele.channelId,
+          accountId: ele.accountId,
+          content: ele,
+          cacheExpiredAt: DateTime.now().add(const Duration(days: 7)),
+        ),
+        onConflict: DoUpdate(
+          (_) => SnLocalChannelMemberCompanion.custom(
+            content: Constant(jsonEncode(ele.toJson())),
+            cacheExpiredAt:
+                Constant(DateTime.now().add(const Duration(days: 7))),
+          ),
+        ),
+      );
+    });
+    await Future.wait(queries);
+  }
+
+  Future<void> removeLocalChannel(SnChannel channel) async {
+    await _dt.db.transaction(() async {
+      await (_dt.db.snLocalChannelMember.delete()
+            ..where((e) => e.channelId.equals(channel.id)))
+          .go();
+      await (_dt.db.snLocalChatChannel.delete()
+            ..where((e) => e.id.equals(channel.id)))
+          .go();
+      await (_dt.db.snLocalChatMessage.delete()
+            ..where((e) => e.channelId.equals(channel.id)))
+          .go();
+    });
+  }
+
+  Future<void> updateChannelProfile(SnChannelMember member) {
+    return _saveMemberToLocal([member]);
+  }
+
+  Future<SnChannelMember> getChannelProfile(SnChannel channel) async {
+    if (_ua.user == null) throw Exception('User not logged in');
+    final local = await (_dt.db.snLocalChannelMember.select()
+          ..where((e) => e.channelId.equals(channel.id))
+          ..where((e) => e.accountId.equals(_ua.user!.id)))
+        .getSingleOrNull();
+    if (local != null) {
+      return local.content;
+    }
+
+    final resp = await _sn.client.get('/cgi/im/channels/${channel.keyPath}/me');
+    final out = SnChannelMember.fromJson(resp.data);
+    _saveMemberToLocal([out]);
+    return out;
   }
 }

lib/providers/config.dart

@@ -17,6 +17,11 @@ 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 kAppRealmCompactView = 'app_realm_compact_view';
+const kAppCustomFonts = 'app_custom_fonts';
+const kAppMixedFeed = 'app_mixed_feed';
+const kAppAutoTranslate = 'app_auto_translate';
+const kAppHideBottomNav = 'app_hide_bottom_nav';
 
 const Map<String, FilterQuality> kImageQualityLevel = {
   'settingsImageQualityLowest': FilterQuality.none,
@@ -57,7 +62,8 @@ class ConfigProvider extends ChangeNotifier {
           : false;
     }
 
-    if (newDrawerIsExpanded != drawerIsExpanded || newDrawerIsCollapsed != drawerIsCollapsed) {
+    if (newDrawerIsExpanded != drawerIsExpanded ||
+        newDrawerIsCollapsed != drawerIsCollapsed) {
       drawerIsExpanded = newDrawerIsExpanded;
       drawerIsCollapsed = newDrawerIsCollapsed;
       notifyListeners();
@@ -65,22 +71,62 @@ class ConfigProvider extends ChangeNotifier {
   }
 
   FilterQuality get imageQuality {
-    return kImageQualityLevel.values.elementAtOrNull(prefs.getInt('app_image_quality') ?? 3) ?? FilterQuality.high;
+    return kImageQualityLevel.values
+            .elementAtOrNull(prefs.getInt('app_image_quality') ?? 3) ??
+        FilterQuality.high;
   }
 
   String get serverUrl {
     return prefs.getString(kNetworkServerStoreKey) ?? kNetworkServerDefault;
   }
 
+  bool get realmCompactView {
+    return prefs.getBool(kAppRealmCompactView) ?? false;
+  }
+
+  bool get mixedFeed {
+    return prefs.getBool(kAppMixedFeed) ?? true;
+  }
+
+  bool get autoTranslate {
+    return prefs.getBool(kAppAutoTranslate) ?? false;
+  }
+
+  bool get hideBottomNav {
+    return prefs.getBool(kAppHideBottomNav) ?? false;
+  }
+
+  set hideBottomNav(bool value) {
+    prefs.setBool(kAppHideBottomNav, value);
+    notifyListeners();
+  }
+
+  set autoTranslate(bool value) {
+    prefs.setBool(kAppAutoTranslate, value);
+    notifyListeners();
+  }
+
+  set mixedFeed(bool value) {
+    prefs.setBool(kAppMixedFeed, value);
+    notifyListeners();
+  }
+
+  set realmCompactView(bool value) {
+    prefs.setBool(kAppRealmCompactView, value);
+    notifyListeners();
+  }
+
   set serverUrl(String url) {
     prefs.setString(kNetworkServerStoreKey, url);
     _home.saveWidgetData("nex_server_url", url);
   }
 
   String? updatableVersion;
+  String? updatableChangelog;
 
-  void setUpdate(String newVersion) {
+  void setUpdate(String newVersion, String newChangelog) {
     updatableVersion = newVersion;
+    updatableChangelog = newChangelog;
     notifyListeners();
   }
 }

lib/providers/database.dart

@@ -0,0 +1,31 @@
+import 'dart:io';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:path/path.dart' show join;
+import 'package:path_provider/path_provider.dart';
+import 'package:surface/database/database.dart';
+
+class DatabaseProvider {
+  late AppDatabase db;
+
+  DatabaseProvider(BuildContext context) {
+    db = AppDatabase();
+  }
+
+  Future<int> getDatabaseSize() async {
+    if (kIsWeb) return 0;
+    final basepath = await getApplicationSupportDirectory();
+    return await File(join(basepath.path, 'solar_network_data.sqlite'))
+        .length();
+  }
+
+  Future<void> removeDatabase() async {
+    if (kIsWeb) return;
+    final basepath = await getApplicationSupportDirectory();
+    final file = File(join(basepath.path, 'solar_network_data.sqlite'));
+    db.close();
+    await file.delete();
+    db = AppDatabase();
+  }
+}

lib/providers/keypair.dart

@@ -0,0 +1,245 @@
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/database/database.dart';
+import 'package:surface/logger.dart';
+import 'package:surface/providers/database.dart';
+import 'package:surface/providers/userinfo.dart';
+import 'package:surface/providers/websocket.dart';
+import 'package:surface/types/keypair.dart';
+import 'package:fast_rsa/fast_rsa.dart';
+import 'package:surface/types/websocket.dart';
+import 'package:uuid/uuid.dart';
+
+// Currently the keypair only provide RSA encryption
+// Supported by the `fast_rsa` package
+class KeyPairProvider {
+  late final DatabaseProvider _dt;
+  late final UserProvider _ua;
+  late final WebSocketProvider _ws;
+
+  SnKeyPair? activeKp;
+
+  KeyPairProvider(BuildContext context) {
+    _dt = context.read<DatabaseProvider>();
+    _ua = context.read<UserProvider>();
+    _ws = context.read<WebSocketProvider>();
+  }
+
+  void listen() {
+    _ws.pk.stream.listen((event) {
+      switch (event.method) {
+        case 'kex.ack':
+          ackKeyExchange(event);
+          break;
+        case 'kex.ask':
+          replyAskKeyExchange(event);
+          break;
+      }
+    });
+  }
+
+  Future<String> decryptText(String text, String kpId, {int? kpOwner}) async {
+    String? publicKey;
+    final kp = await (_dt.db.snLocalKeyPair.select()
+          ..where((e) => e.id.equals(kpId)))
+        .getSingleOrNull();
+    if (kp == null) {
+      if (kpOwner != null) {
+        final out = await askKeyExchange(kpOwner, kpId);
+        publicKey = out.publicKey;
+      }
+    } else {
+      publicKey = kp.publicKey;
+    }
+    if (publicKey == null) {
+      throw Exception('Key pair not found');
+    }
+    return await RSA.decryptPKCS1v15(text, publicKey);
+  }
+
+  Future<String> encryptText(String text) async {
+    if (activeKp == null) throw Exception('No active key pair');
+    return await RSA.encryptPKCS1v15(text, activeKp!.privateKey!);
+  }
+
+  final Map<String, Completer<SnKeyPair>> _requests = {};
+
+  Future<SnKeyPair> askKeyExchange(int kpOwner, String kpId) async {
+    if (_requests.containsKey(kpId)) return await _requests[kpId]!.future;
+
+    final completer = Completer<SnKeyPair>();
+    _requests[kpId] = completer;
+
+    _ws.conn?.sink.add(
+      jsonEncode(WebSocketPackage(
+        method: 'kex.ask',
+        endpoint: 'id',
+        payload: {
+          'keypair_id': kpId,
+          'user_id': kpOwner,
+        },
+      )),
+    );
+
+    return Future.any([
+      _requests[kpId]!.future,
+      Future.delayed(const Duration(seconds: 60), () {
+        _requests.remove(kpId);
+        throw TimeoutException("Key exchange timed out");
+      }),
+    ]);
+  }
+
+  Future<void> ackKeyExchange(WebSocketPackage pkt) async {
+    if (pkt.payload == null) return;
+    final kpMeta = SnKeyPair(
+      id: pkt.payload!['keypair_id'] as String,
+      accountId: pkt.payload!['user_id'] as int,
+      publicKey: pkt.payload!['public_key'] as String,
+      privateKey: pkt.payload?['private_key'] as String?,
+    );
+
+    if (_requests.containsKey(kpMeta.id)) {
+      _requests[kpMeta.id]!.complete(kpMeta);
+      _requests.remove(kpMeta.id);
+    }
+
+    // Save the keypair to the local database
+    await _dt.db.snLocalKeyPair.insertOne(
+      SnLocalKeyPairCompanion.insert(
+        id: kpMeta.id,
+        accountId: kpMeta.accountId,
+        publicKey: kpMeta.publicKey,
+        privateKey: Value(kpMeta.privateKey),
+      ),
+      onConflict: DoNothing(),
+    );
+  }
+
+  Future<void> replyAskKeyExchange(WebSocketPackage pkt) async {
+    final kpId = pkt.payload!['keypair_id'] as String;
+    final userId = pkt.payload!['user_id'] as int;
+    final clientId = pkt.payload!['client_id'] as String;
+
+    final localKp = await (_dt.db.snLocalKeyPair.select()
+          ..where((e) => e.id.equals(kpId))
+          ..limit(1))
+        .getSingleOrNull();
+    if (localKp == null) return;
+
+    logging.info(
+      '[Kex] Reply to key exchange request of $kpId from user $userId',
+    );
+
+    // We do not give the private key to the client
+    _ws.conn?.sink.add(jsonEncode(
+      WebSocketPackage(
+        method: 'kex.ack',
+        endpoint: 'id',
+        payload: {
+          'keypair_id': localKp.id,
+          'user_id': localKp.accountId,
+          'public_key': localKp.publicKey,
+          'client_id': clientId,
+        },
+      ).toJson(),
+    ));
+  }
+
+  Future<SnKeyPair?> reloadActive({bool autoEnroll = true}) async {
+    final kp = await (_dt.db.snLocalKeyPair.select()
+          ..where((e) => e.accountId.equals(_ua.user!.id))
+          ..where((e) => e.privateKey.isNotNull())
+          ..where((e) => e.isActive.equals(true))
+          ..limit(1))
+        .getSingleOrNull();
+
+    if (kp != null) {
+      activeKp = SnKeyPair(
+        id: kp.id,
+        accountId: kp.accountId,
+        publicKey: kp.publicKey,
+        privateKey: kp.privateKey,
+      );
+    }
+
+    if (kp == null && autoEnroll) {
+      return await enrollNew();
+    }
+
+    return activeKp;
+  }
+
+  Future<List<SnKeyPair>> listKeyPair() async {
+    final kps = await (_dt.db.snLocalKeyPair.select()).get();
+    return kps
+        .map((e) => SnKeyPair(
+              id: e.id,
+              accountId: e.accountId,
+              publicKey: e.publicKey,
+              privateKey: e.privateKey,
+              isActive: e.isActive,
+            ))
+        .toList();
+  }
+
+  Future<void> activeKeyPair(String kpId) async {
+    final kp = await (_dt.db.snLocalKeyPair.select()
+          ..where((e) => e.id.equals(kpId))
+          ..where((e) => e.privateKey.isNotNull())
+          ..limit(1))
+        .getSingleOrNull();
+    if (kp == null) return;
+
+    await _dt.db.transaction(() async {
+      await (_dt.db.update(_dt.db.snLocalKeyPair)
+            ..where((e) => e.isActive.equals(true)))
+          .write(SnLocalKeyPairCompanion(isActive: Value(false)));
+
+      await (_dt.db.update(_dt.db.snLocalKeyPair)
+            ..where((e) => e.id.equals(kp.id)))
+          .write(SnLocalKeyPairCompanion(isActive: Value(true)));
+    });
+  }
+
+  Future<SnKeyPair> enrollNew() async {
+    if (!_ua.isAuthorized) throw Exception('Unauthorized');
+
+    final id = const Uuid().v4();
+    final kp = await RSA.generate(2048);
+    final kpMeta = SnKeyPair(
+      id: id,
+      accountId: _ua.user!.id,
+      // This is work as expected
+      // We need to share private key to let everyone can decode the message
+      publicKey: kp.privateKey,
+      privateKey: kp.publicKey,
+    );
+
+    // Save the keypair to the local database
+    // If there is already one with private key, it will be overwritten
+    await _dt.db.transaction(() async {
+      await (_dt.db.update(_dt.db.snLocalKeyPair)
+            ..where((e) => e.isActive.equals(true)))
+          .write(SnLocalKeyPairCompanion(isActive: Value(false)));
+
+      await _dt.db.snLocalKeyPair.insertOne(
+        SnLocalKeyPairCompanion.insert(
+          id: kpMeta.id,
+          accountId: kpMeta.accountId,
+          publicKey: kpMeta.publicKey,
+          privateKey: Value(kpMeta.privateKey),
+          isActive: Value(true),
+        ),
+      );
+    });
+
+    await reloadActive(autoEnroll: false);
+
+    return kpMeta;
+  }
+}

lib/providers/link_preview.dart

@@ -1,8 +1,8 @@
 import 'dart:convert';
-import 'dart:developer';
 
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
+import 'package:surface/logger.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/link.dart';
 
@@ -20,7 +20,7 @@ class SnLinkPreviewProvider {
     final target = b64.encode(url);
     if (_cache.containsKey(target)) return _cache[target];
 
-    log('[LinkPreview] Fetching $url ($target)');
+    logging.debug('[LinkPreview] Fetching $url ($target)');
 
     try {
       final resp = await _sn.client.get('/cgi/re/link/$target');
@@ -28,7 +28,7 @@ class SnLinkPreviewProvider {
       _cache[url] = meta;
       return meta;
     } catch (err) {
-      log('[LinkPreview] Failed to fetch $url ($target)...');
+      logging.warning('[LinkPreview] Failed to fetch $url ($target)...', err);
       return null;
     }
   }

lib/providers/navigation.dart

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:shared_preferences/shared_preferences.dart';
+import 'package:surface/types/realm.dart';
 
 class AppNavDestination {
   final String label;
@@ -24,13 +25,10 @@ class NavigationProvider extends ChangeNotifier {
 
   int? get currentIndex => _currentIndex;
 
-  static const List<String> kShowBottomNavScreen = [
-    'home',
-    'explore',
-    'account',
-    'album',
-    'chat',
-  ];
+  List<String> get showBottomNavScreen => destinations
+      .where((ele) => ele.isPinned)
+      .map((ele) => ele.screen)
+      .toList();
 
   static const List<AppNavDestination> kAllDestination = [
     AppNavDestination(
@@ -63,6 +61,11 @@ class NavigationProvider extends ChangeNotifier {
       screen: 'news',
       label: 'screenNews',
     ),
+    AppNavDestination(
+      icon: Icon(Symbols.emoji_emotions, weight: 400, opticalSize: 20),
+      screen: 'stickers',
+      label: 'screenStickers',
+    ),
     AppNavDestination(
       icon: Icon(Symbols.photo_library, weight: 400, opticalSize: 20),
       screen: 'album',
@@ -83,12 +86,13 @@ class NavigationProvider extends ChangeNotifier {
     'home',
     'explore',
     'chat',
-    'account',
+    'realm',
   ];
 
   List<AppNavDestination> destinations = [];
 
-  int get pinnedDestinationCount => destinations.where((ele) => ele.isPinned).length;
+  int get pinnedDestinationCount =>
+      destinations.where((ele) => ele.isPinned).length;
 
   NavigationProvider() {
     buildDestinations(kDefaultPinnedDestination);
@@ -117,13 +121,17 @@ 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();
@@ -133,4 +141,11 @@ class NavigationProvider extends ChangeNotifier {
     _currentIndex = idx;
     notifyListeners();
   }
+
+  SnRealm? focusedRealm;
+
+  void setFocusedRealm(SnRealm? realm) {
+    focusedRealm = realm;
+    notifyListeners();
+  }
 }

lib/providers/notification.dart

@@ -1,12 +1,14 @@
-import 'dart:developer';
 import 'dart:io';
 
+import 'package:bitsdojo_window/bitsdojo_window.dart';
 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:local_notifier/local_notifier.dart';
 import 'package:provider/provider.dart';
+import 'package:surface/logger.dart';
 import 'package:surface/providers/config.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
@@ -46,11 +48,13 @@ class NotificationProvider extends ChangeNotifier {
     var deviceUuid = await FlutterUdid.consistentUdid;
 
     if (deviceUuid.isEmpty) {
-      log("Unable to active push notifications, couldn't get device uuid");
+      logging.warning(
+          '[Push Notification] Unable to active push notifications, couldn\'t get device uuid');
       return;
     } else {
-      log('Device UUID is $deviceUuid');
-      log('Registering device push notifications...');
+      logging.info('[Push Notification] Device UUID is $deviceUuid');
+      logging
+          .info('[Push Notification] Registering device push notifications...');
     }
 
     if (Platform.isIOS || Platform.isMacOS) {
@@ -60,7 +64,7 @@ class NotificationProvider extends ChangeNotifier {
       provider = 'fcm';
       token = await FirebaseMessaging.instance.getToken();
     }
-    log('Device Push Token is $token');
+    logging.info('[Push Notification] Device Push Token is $token');
 
     await _sn.client.post(
       '/cgi/id/notifications/subscription',
@@ -76,22 +80,49 @@ class NotificationProvider extends ChangeNotifier {
   int showingTrayCount = 0;
   List<SnNotification> notifications = List.empty(growable: true);
 
+  int? skippableNotifyChannel;
+  bool isMuted = false;
+
   void listen() {
     _ws.pk.stream.listen((event) {
       if (event.method == 'notifications.new') {
         final notification = SnNotification.fromJson(event.payload!);
+
+        final doHaptic = _cfg.prefs.getBool(kAppNotifyWithHaptic) ?? true;
+        if (doHaptic) HapticFeedback.mediumImpact();
+
+        if (notification.topic == 'messaging.message' &&
+            skippableNotifyChannel != null) {
+          if (notification.metadata['channel_id'] != null &&
+              notification.metadata['channel_id'] == skippableNotifyChannel) {
+            return;
+          }
+        }
+
         if (showingCount < 0) showingCount = 0;
         showingCount++;
         showingTrayCount++;
         notifications.add(notification);
-        Future.delayed(const Duration(seconds: 3), () {
+        Future.delayed(const Duration(seconds: 5), () {
           if (showingCount >= 0) showingCount--;
           notifyListeners();
         });
         notifyListeners();
         updateTray();
-        final doHaptic = _cfg.prefs.getBool(kAppNotifyWithHaptic) ?? true;
-        if (doHaptic) HapticFeedback.mediumImpact();
+
+        if (!kIsWeb && !isMuted) {
+          if (Platform.isWindows || Platform.isLinux || Platform.isMacOS) {
+            LocalNotification notify = LocalNotification(
+              title: notification.title,
+              subtitle: notification.subtitle,
+              body: notification.body,
+            );
+            notify.onClick = () {
+              appWindow.show();
+            };
+            notify.show();
+          }
+        }
       }
     });
   }

lib/providers/post.dart

@@ -2,19 +2,23 @@ import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/sn_realm.dart';
 import 'package:surface/providers/user_directory.dart';
 import 'package:surface/types/poll.dart';
 import 'package:surface/types/post.dart';
+import 'package:surface/types/realm.dart';
 
 class SnPostContentProvider {
   late final SnNetworkProvider _sn;
   late final UserDirectoryProvider _ud;
   late final SnAttachmentProvider _attach;
+  late final SnRealmProvider _realm;
 
   SnPostContentProvider(BuildContext context) {
     _sn = context.read<SnNetworkProvider>();
     _ud = context.read<UserDirectoryProvider>();
     _attach = context.read<SnAttachmentProvider>();
+    _realm = context.read<SnRealmProvider>();
   }
 
   Future<SnPoll> _fetchPoll(int id) async {
@@ -24,6 +28,7 @@ class SnPostContentProvider {
 
   Future<List<SnPost>> _preloadRelatedDataInBatch(List<SnPost> out) async {
     Set<String> rids = {};
+    Set<int> uids = {};
     for (var i = 0; i < out.length; i++) {
       rids.addAll(out[i].body['attachments']?.cast<String>() ?? []);
       if (out[i].body['thumbnail'] != null) {
@@ -37,34 +42,50 @@ class SnPostContentProvider {
           repostTo: await _preloadRelatedDataSingle(out[i].repostTo!),
         );
       }
+      if (out[i].publisher.type == 0) {
+        uids.add(out[i].publisher.accountId);
+      }
     }
 
     final attachments = await _attach.getMultiple(rids.toList());
     for (var i = 0; i < out.length; i++) {
       SnPoll? poll;
+      SnRealm? realm;
       if (out[i].pollId != null) {
         poll = await _fetchPoll(out[i].pollId!);
       }
+      if (out[i].realmId != null) {
+        realm = await _realm.getRealm(out[i].realmId!);
+      }
 
       out[i] = out[i].copyWith(
         preload: SnPostPreload(
-          thumbnail: attachments.where((ele) => ele?.rid == out[i].body['thumbnail']).firstOrNull,
-          attachments: attachments.where((ele) => out[i].body['attachments']?.contains(ele?.rid) ?? false).toList(),
-          video: attachments.where((ele) => ele?.rid == out[i].body['video']).firstOrNull,
+          thumbnail: attachments
+              .where((ele) => ele?.rid == out[i].body['thumbnail'])
+              .firstOrNull,
+          attachments: attachments
+              .where((ele) =>
+                  out[i].body['attachments']?.contains(ele?.rid) ?? false)
+              .toList(),
+          video: attachments
+              .where((ele) => ele?.rid == out[i].body['video'])
+              .firstOrNull,
           poll: poll,
+          realm: realm,
         ),
       );
     }
 
-    await _ud.listAccount(
-      attachments.where((ele) => ele != null).map((ele) => ele!.accountId).toSet(),
-    );
+    uids.addAll(
+        attachments.where((ele) => ele != null).map((ele) => ele!.accountId));
+    await _ud.listAccount(uids);
 
     return out;
   }
 
   Future<SnPost> _preloadRelatedDataSingle(SnPost out) async {
     Set<String> rids = {};
+    Set<int> uids = {};
     rids.addAll(out.body['attachments']?.cast<String>() ?? []);
     if (out.body['thumbnail'] != null) {
       rids.add(out.body['thumbnail']);
@@ -77,23 +98,42 @@ class SnPostContentProvider {
         repostTo: await _preloadRelatedDataSingle(out.repostTo!),
       );
     }
+    if (out.publisher.type == 0) {
+      uids.add(out.publisher.accountId);
+    }
 
     final attachments = await _attach.getMultiple(rids.toList());
 
     SnPoll? poll;
+    SnRealm? realm;
     if (out.pollId != null) {
       poll = await _fetchPoll(out.pollId!);
     }
+    if (out.realmId != null) {
+      realm = await _realm.getRealm(out.realmId!);
+    }
 
     out = out.copyWith(
       preload: SnPostPreload(
-        thumbnail: attachments.where((ele) => ele?.rid == out.body['thumbnail']).firstOrNull,
-        attachments: attachments.where((ele) => out.body['attachments']?.contains(ele?.rid) ?? false).toList(),
-        video: attachments.where((ele) => ele?.rid == out.body['video']).firstOrNull,
+        thumbnail: attachments
+            .where((ele) => ele?.rid == out.body['thumbnail'])
+            .firstOrNull,
+        attachments: attachments
+            .where(
+                (ele) => out.body['attachments']?.contains(ele?.rid) ?? false)
+            .toList(),
+        video: attachments
+            .where((ele) => ele?.rid == out.body['video'])
+            .firstOrNull,
         poll: poll,
+        realm: realm,
       ),
     );
 
+    uids.addAll(
+        attachments.where((ele) => ele != null).map((ele) => ele!.accountId));
+    await _ud.listAccount(uids);
+
     return out;
   }
 
@@ -105,6 +145,36 @@ class SnPostContentProvider {
     return out;
   }
 
+  Future<List<SnFeedEntry>> getFeed({int take = 20, DateTime? cursor}) async {
+    final resp =
+        await _sn.client.get('/cgi/co/recommendations/feed', queryParameters: {
+      'take': take,
+      if (cursor != null) 'cursor': cursor.toUtc().millisecondsSinceEpoch,
+    });
+    final List<SnFeedEntry> out =
+        List.from(resp.data.map((ele) => SnFeedEntry.fromJson(ele)));
+
+    List<SnPost> posts = List.empty(growable: true);
+    for (var idx = 0; idx < out.length; idx++) {
+      final ele = out[idx];
+      if (ele.type == 'interactive.post') {
+        posts.add(SnPost.fromJson(ele.data));
+      }
+    }
+    posts = await _preloadRelatedDataInBatch(posts);
+
+    var postsIdx = 0;
+    for (var idx = 0; idx < out.length; idx++) {
+      final ele = out[idx];
+      if (ele.type == 'interactive.post') {
+        out[idx] = ele.copyWith(data: posts[postsIdx].toJson());
+        postsIdx++;
+      }
+    }
+
+    return out;
+  }
+
   Future<(List<SnPost>, int)> listPosts({
     int take = 10,
     int offset = 0,
@@ -112,15 +182,27 @@ class SnPostContentProvider {
     String? author,
     Iterable<String>? categories,
     Iterable<String>? tags,
+    String? realm,
+    String? channel,
+    bool isDraft = false,
+    bool isShuffle = false,
   }) async {
-    final resp = await _sn.client.get('/cgi/co/posts', queryParameters: {
-      'take': take,
-      'offset': offset,
-      if (type != null) 'type': type,
-      if (author != null) 'author': author,
-      if (tags?.isNotEmpty ?? false) 'tags': tags!.join(','),
-      if (categories?.isNotEmpty ?? false) 'categories': categories!.join(','),
-    });
+    final resp = await _sn.client.get(
+      isShuffle
+          ? '/cgi/co/recommendations/shuffle'
+          : '/cgi/co/posts${isDraft ? '/drafts' : ''}',
+      queryParameters: {
+        'take': take,
+        'offset': offset,
+        if (type != null) 'type': type,
+        if (author != null) 'author': author,
+        if (tags?.isNotEmpty ?? false) 'tags': tags!.join(','),
+        if (categories?.isNotEmpty ?? false)
+          'categories': categories!.join(','),
+        if (realm != null) 'realm': realm,
+        if (channel != null) 'channel': channel,
+      },
+    );
     final List<SnPost> out = await _preloadRelatedDataInBatch(
       List.from(resp.data['data']?.map((e) => SnPost.fromJson(e)) ?? []),
     );
@@ -133,7 +215,8 @@ class SnPostContentProvider {
     int take = 10,
     int offset = 0,
   }) async {
-    final resp = await _sn.client.get('/cgi/co/posts/$parentId/replies', queryParameters: {
+    final resp = await _sn.client
+        .get('/cgi/co/posts/$parentId/replies', queryParameters: {
       'take': take,
       'offset': offset,
     });
@@ -172,4 +255,9 @@ class SnPostContentProvider {
     );
     return out;
   }
+
+  Future<SnPost> completePostData(SnPost post) async {
+    final out = await _preloadRelatedDataSingle(post);
+    return out;
+  }
 }

lib/providers/sn_attachment.dart

@@ -1,11 +1,14 @@
 import 'dart:collection';
+import 'dart:convert';
 import 'dart:math' as math;
-import 'dart:typed_data';
 
 import 'package:dio/dio.dart';
+import 'package:drift/drift.dart';
 import 'package:flutter/widgets.dart';
 import 'package:cross_file/cross_file.dart';
 import 'package:provider/provider.dart';
+import 'package:surface/database/database.dart';
+import 'package:surface/providers/database.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/attachment.dart';
 
@@ -13,10 +16,12 @@ const kConcurrentUploadChunks = 5;
 
 class SnAttachmentProvider {
   late final SnNetworkProvider _sn;
+  late final DatabaseProvider _dt;
   final Map<String, SnAttachment> _cache = {};
 
   SnAttachmentProvider(BuildContext context) {
     _sn = context.read<SnNetworkProvider>();
+    _dt = context.read<DatabaseProvider>();
   }
 
   void putCache(Iterable<SnAttachment> items, {bool noCheck = false}) {
@@ -28,20 +33,33 @@ class SnAttachmentProvider {
   }
 
   Future<SnAttachment> getOne(String rid, {noCache = false}) async {
+    // In-memory cache
     if (!noCache && _cache.containsKey(rid)) {
       return _cache[rid]!;
     }
-
+    // On-disk cache
+    final dbResp = await (_dt.db.snLocalAttachment.select()
+          ..where((e) => e.rid.equals(rid))
+          ..where((e) => e.cacheExpiredAt.isBiggerThanValue(DateTime.now())))
+        .getSingleOrNull();
+    if (dbResp != null) {
+      _cache[rid] = dbResp.content;
+      return dbResp.content;
+    }
+    // Remote server
     final resp = await _sn.client.get('/cgi/uc/attachments/$rid/meta');
     final out = SnAttachment.fromJson(resp.data);
     if (out.isAnalyzed) {
       _cache[rid] = out;
     }
+    _saveToLocal([out]);
 
     return out;
   }
 
-  Future<List<SnAttachment?>> getMultiple(List<String> rids, {noCache = false}) async {
+  Future<List<SnAttachment?>> getMultiple(List<String> rids,
+      {bool noCache = false}) async {
+    // In-memory cache
     final result = List<SnAttachment?>.filled(rids.length, null);
     final Map<String, int> randomMapping = {};
     for (int i = 0; i < rids.length; i++) {
@@ -52,32 +70,55 @@ class SnAttachmentProvider {
         result[i] = _cache[rid]!;
       }
     }
-    final pendingFetch = randomMapping.keys;
-
-    if (pendingFetch.isNotEmpty) {
-      final resp = await _sn.client.get(
-        '/cgi/uc/attachments',
-        queryParameters: {
-          'take': pendingFetch.length,
-          'id': pendingFetch.join(','),
-        },
-      );
-      final List<SnAttachment?> out =
-          resp.data['data'].map((e) => e['id'] == 0 ? null : SnAttachment.fromJson(e)).cast<SnAttachment?>().toList();
-
-      for (final item in out) {
-        if (item == null) continue;
-        if (item.isAnalyzed) {
-          _cache[item.rid] = item;
+    var pendingFetch = randomMapping.keys;
+    // On-disk cache
+    if (pendingFetch.isEmpty) return result;
+    if (!noCache) {
+      final dbResp = await (_dt.db.snLocalAttachment.select()
+            ..where((e) => e.rid.isIn(pendingFetch))
+            ..where((e) => e.cacheExpiredAt.isBiggerThanValue(DateTime.now())))
+          .get();
+      for (final item in dbResp) {
+        if (item.content.isAnalyzed) {
+          _cache[item.rid] = item.content;
         }
-        result[randomMapping[item.rid]!] = item;
+        result[randomMapping[item.rid]!] = item.content;
+        randomMapping.remove(item.rid);
       }
+      pendingFetch = randomMapping.keys;
     }
+    // Remote server
+    if (pendingFetch.isEmpty) return result;
+    final resp = await _sn.client.get(
+      '/cgi/uc/attachments',
+      queryParameters: {
+        'take': pendingFetch.length,
+        'id': pendingFetch.join(','),
+      },
+    );
+    final List<SnAttachment?> out = resp.data['data']
+        .map((e) => e['id'] == 0 ? null : SnAttachment.fromJson(e))
+        .cast<SnAttachment?>()
+        .toList();
+    for (final item in out) {
+      if (item == null) continue;
+      if (item.isAnalyzed) {
+        _cache[item.rid] = item;
+      }
+      result[randomMapping[item.rid]!] = item;
+    }
+    _saveToLocal(out.where((ele) => ele != null).cast());
 
     return result;
   }
 
-  static Map<String, String> mimetypeOverrides = {'mov': 'video/quicktime', 'mp4': 'video/mp4'};
+  static Map<String, String> mimetypeOverrides = {
+    'mov': 'video/quicktime',
+    'mp4': 'video/mp4',
+    'm4a': 'audio/mp4',
+    'apng': 'image/apng',
+    'webp': 'image/webp',
+  };
 
   Future<SnAttachment> directUploadOne(
     Uint8List data,
@@ -89,8 +130,11 @@ class SnAttachmentProvider {
     bool analyzeNow = false,
   }) async {
     final filePayload = MultipartFile.fromBytes(data, filename: filename);
-    final fileAlt = filename.contains('.') ? filename.substring(0, filename.lastIndexOf('.')) : filename;
-    final fileExt = filename.substring(filename.lastIndexOf('.') + 1).toLowerCase();
+    final fileAlt = filename.contains('.')
+        ? filename.substring(0, filename.lastIndexOf('.'))
+        : filename;
+    final fileExt =
+        filename.substring(filename.lastIndexOf('.') + 1).toLowerCase();
 
     String? mimetypeOverride;
     if (mimetype != null) {
@@ -127,8 +171,11 @@ class SnAttachmentProvider {
     Map<String, dynamic>? metadata, {
     String? mimetype,
   }) async {
-    final fileAlt = filename.contains('.') ? filename.substring(0, filename.lastIndexOf('.')) : filename;
-    final fileExt = filename.substring(filename.lastIndexOf('.') + 1).toLowerCase();
+    final fileAlt = filename.contains('.')
+        ? filename.substring(0, filename.lastIndexOf('.'))
+        : filename;
+    final fileExt =
+        filename.substring(filename.lastIndexOf('.') + 1).toLowerCase();
 
     String? mimetypeOverride;
     if (mimetype == null && mimetypeOverrides.keys.contains(fileExt)) {
@@ -146,7 +193,10 @@ class SnAttachmentProvider {
       if (mimetypeOverride != null) 'mimetype': mimetypeOverride,
     });
 
-    return (SnAttachmentFragment.fromJson(resp.data['meta']), resp.data['chunk_size'] as int);
+    return (
+      SnAttachmentFragment.fromJson(resp.data['meta']),
+      resp.data['chunk_size'] as int
+    );
   }
 
   Future<dynamic> _chunkedUploadOnePart(
@@ -197,7 +247,10 @@ class SnAttachmentProvider {
           (entry.value + 1) * chunkSize,
           await file.length(),
         );
-        final data = Uint8List.fromList(await file.openRead(beginCursor, endCursor).expand((chunk) => chunk).toList());
+        final data = Uint8List.fromList(await file
+            .openRead(beginCursor, endCursor)
+            .expand((chunk) => chunk)
+            .toList());
 
         final result = await _chunkedUploadOnePart(
           data,
@@ -253,6 +306,31 @@ class SnAttachmentProvider {
       'metadata': metadata ?? item.usermeta,
       'is_indexable': isIndexable ?? item.isIndexable,
     });
-    return SnAttachment.fromJson(resp.data);
+    final out = SnAttachment.fromJson(resp.data);
+    _saveToLocal([out]);
+    return out;
+  }
+
+  Future<void> _saveToLocal(Iterable<SnAttachment> out) async {
+    for (final ele in out) {
+      if (!ele.isAnalyzed || ele.destination == 0) continue;
+      await _dt.db.snLocalAttachment.insertOne(
+        SnLocalAttachmentCompanion.insert(
+          id: Value(ele.id),
+          rid: ele.rid,
+          uuid: ele.uuid,
+          content: ele,
+          accountId: ele.accountId,
+          cacheExpiredAt: DateTime.now().add(const Duration(hours: 1)),
+        ),
+        onConflict: DoUpdate(
+          (_) => SnLocalAttachmentCompanion.custom(
+            content: Constant(jsonEncode(ele.toJson())),
+            cacheExpiredAt:
+                Constant(DateTime.now().add(const Duration(hours: 1))),
+          ),
+        ),
+      );
+    }
   }
 }

lib/providers/sn_network.dart

@@ -1,6 +1,5 @@
 import 'dart:async';
 import 'dart:convert';
-import 'dart:developer';
 import 'dart:io';
 
 import 'package:dio/dio.dart';
@@ -11,9 +10,26 @@ import 'package:package_info_plus/package_info_plus.dart';
 import 'package:device_info_plus/device_info_plus.dart';
 import 'package:provider/provider.dart';
 import 'package:shared_preferences/shared_preferences.dart';
+import 'package:surface/logger.dart';
 import 'package:surface/providers/config.dart';
 import 'package:surface/providers/widget.dart';
 import 'package:synchronized/synchronized.dart';
+import 'package:talker_dio_logger/talker_dio_logger_interceptor.dart';
+import 'package:talker_dio_logger/talker_dio_logger_settings.dart';
+
+enum ServiceStatus { operational, downgraded, failed }
+
+const Map<String, String> kServicesName = {
+  'ai': 'Insights',
+  'co': 'Interactive',
+  're': 'Reader',
+  'im': 'Messaging',
+  'ma': 'Matrix',
+  'uc': 'Paperclip',
+  'wa': 'Wallet',
+  'id': 'Passport',
+  'pusher': 'Pusher',
+};
 
 const kNetworkServerDirectory = [
   ('Solar Network', 'https://api.sn.solsynth.dev'),
@@ -36,6 +52,19 @@ class SnNetworkProvider {
 
     client = Dio();
 
+    client.interceptors.add(
+      TalkerDioLogger(
+        talker: logging,
+        settings: const TalkerDioLoggerSettings(
+          printRequestHeaders: false,
+          printResponseHeaders: false,
+          printResponseMessage: false,
+          printResponseData: false,
+          printRequestData: false,
+        ),
+      ),
+    );
+
     client.interceptors.add(RetryInterceptor(
       dio: client,
       retries: 3,
@@ -69,7 +98,6 @@ class SnNetworkProvider {
       _prefs = _config.prefs;
       client.options.baseUrl = _config.serverUrl;
     });
-
   }
 
   static Future<Dio> createOffContextClient() async {
@@ -91,7 +119,8 @@ class SnNetworkProvider {
           RequestOptions options,
           RequestInterceptorHandler handler,
         ) async {
-          final atk = await _getFreshAtk(client, prefs.getString(kAtkStoreKey), prefs.getString(kRtkStoreKey), (atk, rtk) {
+          final atk = await _getFreshAtk(client, prefs.getString(kAtkStoreKey),
+              prefs.getString(kRtkStoreKey), (atk, rtk) {
             prefs.setString(kAtkStoreKey, atk);
             prefs.setString(kRtkStoreKey, rtk);
           });
@@ -103,7 +132,8 @@ class SnNetworkProvider {
         },
       ),
     );
-    client.options.baseUrl = prefs.getString(kNetworkServerStoreKey) ?? kNetworkServerDefault;
+    client.options.baseUrl =
+        prefs.getString(kNetworkServerStoreKey) ?? kNetworkServerDefault;
 
     return client;
   }
@@ -119,7 +149,8 @@ class SnNetworkProvider {
       platformInfo = 'Web; ${deviceInfo.vendor}';
     } else if (Platform.isAndroid) {
       final deviceInfo = await DeviceInfoPlugin().androidInfo;
-      platformInfo = 'Android; ${deviceInfo.brand} ${deviceInfo.model}; ${deviceInfo.id}';
+      platformInfo =
+          'Android; ${deviceInfo.brand} ${deviceInfo.model}; ${deviceInfo.id}';
     } else if (Platform.isIOS) {
       final deviceInfo = await DeviceInfoPlugin().iosInfo;
       platformInfo = 'iOS; ${deviceInfo.model}; ${deviceInfo.name}';
@@ -128,7 +159,8 @@ class SnNetworkProvider {
       platformInfo = 'MacOS; ${deviceInfo.model}; ${deviceInfo.hostName}';
     } else if (Platform.isWindows) {
       final deviceInfo = await DeviceInfoPlugin().windowsInfo;
-      platformInfo = 'Windows NT; ${deviceInfo.productName}; ${deviceInfo.computerName}';
+      platformInfo =
+          'Windows NT; ${deviceInfo.productName}; ${deviceInfo.computerName}';
     } else if (Platform.isLinux) {
       final deviceInfo = await DeviceInfoPlugin().linuxInfo;
       platformInfo = 'Linux; ${deviceInfo.prettyName}';
@@ -148,12 +180,15 @@ class SnNetworkProvider {
   final tkLock = Lock();
 
   Future<String?> getFreshAtk() async {
-    return await _getFreshAtk(client, _prefs.getString(kAtkStoreKey), _prefs.getString(kRtkStoreKey), (atk, rtk) {
+    return await _getFreshAtk(
+        client, _prefs.getString(kAtkStoreKey), _prefs.getString(kRtkStoreKey),
+        (atk, rtk) {
       setTokenPair(atk, rtk);
     });
   }
 
-  static Future<String?> _getFreshAtk(Dio client, String? atk, String? rtk, Function(String atk, String rtk)? onRefresh) async {
+  static Future<String?> _getFreshAtk(Dio client, String? atk, String? rtk,
+      Function(String atk, String rtk)? onRefresh) async {
     if (_refreshCompleter != null) {
       return await _refreshCompleter!.future;
     } else {
@@ -185,7 +220,8 @@ class SnNetworkProvider {
         final payload = b64.decode(rawPayload);
         final exp = jsonDecode(payload)['exp'];
         if (exp <= DateTime.now().millisecondsSinceEpoch ~/ 1000) {
-          log('Access token need refresh, doing it at ${DateTime.now()}');
+          logging.debug(
+              '[Auth] Access token need refresh, doing it at ${DateTime.now()}');
           final result = await _refreshToken(client.options.baseUrl, rtk);
           if (result == null) {
             atk = null;
@@ -199,12 +235,12 @@ class SnNetworkProvider {
           _refreshCompleter!.complete(atk);
           return atk;
         } else {
-          log('Access token refresh failed...');
+          logging.error('[Auth] Access token refresh failed...');
           _refreshCompleter!.complete(null);
         }
       }
     } catch (err) {
-      log('Failed to authenticate user: $err');
+      logging.error('[Auth] Failed to authenticate user...', err);
       _refreshCompleter!.completeError(err);
     } finally {
       _refreshCompleter = null;
@@ -237,7 +273,8 @@ class SnNetworkProvider {
     return result.$1;
   }
 
-  static Future<(String, String)?> _refreshToken(String baseUrl, String? rtk) async {
+  static Future<(String, String)?> _refreshToken(
+      String baseUrl, String? rtk) async {
     if (rtk == null) return null;
 
     final dio = Dio();

lib/providers/sn_realm.dart

@@ -0,0 +1,85 @@
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/database/database.dart';
+import 'package:surface/providers/database.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/realm.dart';
+
+class SnRealmProvider {
+  late final SnNetworkProvider _sn;
+  late final DatabaseProvider _dt;
+
+  SnRealmProvider(BuildContext context) {
+    _sn = context.read<SnNetworkProvider>();
+    _dt = context.read<DatabaseProvider>();
+  }
+
+  final Map<String, SnRealm> _cache = {};
+  List<SnRealm> _availableRealms = List.empty(growable: true);
+
+  Future<void> refreshAvailableRealms() async {
+    _availableRealms = await listAvailableRealms();
+  }
+
+  List<SnRealm> get availableRealms => _availableRealms;
+
+  Future<List<SnRealm>> listAvailableRealms() async {
+    final resp = await _sn.client.get('/cgi/id/realms/me/available');
+    final out = List<SnRealm>.from(
+      resp.data?.map((e) => SnRealm.fromJson(e)) ?? [],
+    );
+    for (final realm in out) {
+      _cache[realm.alias] = realm;
+      _cache[realm.id.toString()] = realm;
+    }
+    _saveToLocal(out);
+    return out;
+  }
+
+  Future<SnRealm> getRealm(dynamic aliasOrId) async {
+    if (_cache.containsKey(aliasOrId.toString())) {
+      return _cache[aliasOrId.toString()]!;
+    }
+    final localResp = await (_dt.db.snLocalRealm.select()
+          ..where((e) =>
+              e.id.equals(aliasOrId is int ? aliasOrId : 0) |
+              e.alias.equals(aliasOrId.toString()))
+          ..where((e) => e.cacheExpiredAt.isBiggerThanValue(DateTime.now())))
+        .getSingleOrNull();
+    if (localResp != null) {
+      _cache[localResp.content.id.toString()] = localResp.content;
+      _cache[localResp.content.alias] = localResp.content;
+      return localResp.content;
+    }
+    final resp = await _sn.client.get('/cgi/id/realms/$aliasOrId');
+    final out = SnRealm.fromJson(resp.data);
+    _cache[out.alias] = out;
+    _cache[out.id.toString()] = out;
+    _saveToLocal([out]);
+    return out;
+  }
+
+  Future<void> _saveToLocal(Iterable<SnRealm> out) async {
+    for (final ele in out) {
+      await _dt.db.snLocalRealm.insertOne(
+        SnLocalRealmCompanion.insert(
+          id: Value(ele.id),
+          alias: ele.alias,
+          content: ele,
+          accountId: ele.accountId,
+          cacheExpiredAt: DateTime.now().add(const Duration(hours: 1)),
+        ),
+        onConflict: DoUpdate(
+          (_) => SnLocalRealmCompanion.custom(
+            content: Constant(jsonEncode(ele.toJson())),
+            cacheExpiredAt:
+                Constant(DateTime.now().add(const Duration(hours: 1))),
+          ),
+        ),
+      );
+    }
+  }
+}

lib/providers/sn_sticker.dart

@@ -1,20 +1,27 @@
-import 'dart:developer';
+import 'dart:convert';
 
+import 'package:drift/drift.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
+import 'package:surface/database/database.dart';
+import 'package:surface/logger.dart';
+import 'package:surface/providers/database.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/attachment.dart';
 
 class SnStickerProvider {
   late final SnNetworkProvider _sn;
+  late final DatabaseProvider _dt;
   final Map<String, SnSticker?> _cache = {};
 
   final Map<int, List<SnSticker>> stickersByPack = {};
 
-  List<SnSticker> get stickers => _cache.values.where((ele) => ele != null).cast<SnSticker>().toList();
+  List<SnSticker> get stickers =>
+      _cache.values.where((ele) => ele != null).cast<SnSticker>().toList();
 
   SnStickerProvider(BuildContext context) {
     _sn = context.read<SnNetworkProvider>();
+    _dt = context.read<DatabaseProvider>();
   }
 
   bool hasNotSticker(String alias) {
@@ -23,52 +30,103 @@ class SnStickerProvider {
 
   void _cacheSticker(SnSticker sticker) {
     _cache['${sticker.pack.prefix}:${sticker.alias}'] = sticker;
-    if (stickersByPack[sticker.pack.id] == null) stickersByPack[sticker.pack.id] = List.empty(growable: true);
-    if (!stickersByPack[sticker.pack.id]!.contains(sticker)) stickersByPack[sticker.pack.id]!.add(sticker);
+    if (stickersByPack[sticker.pack.id] == null) {
+      stickersByPack[sticker.pack.id] = List.empty(growable: true);
+    }
+    if (!stickersByPack[sticker.pack.id]!.contains(sticker)) {
+      stickersByPack[sticker.pack.id]!.add(sticker);
+    }
+  }
+
+  void putSticker(Iterable<SnSticker> stickers) {
+    for (final ele in stickers) {
+      _cacheSticker(ele);
+    }
+    _saveStickerToLocal(stickers);
+    _saveStickerPackToLocal(stickers.map((ele) => ele.pack).toSet());
   }
 
   Future<SnSticker?> lookupSticker(String alias) async {
+    // In-memory cache
     if (_cache.containsKey(alias)) {
       return _cache[alias];
     }
-
+    // On-disk cache
+    final localStickers = await (_dt.db.snLocalSticker.select()
+          ..where((e) => e.fullAlias.equals(alias)))
+        .getSingleOrNull();
+    if (localStickers != null) {
+      _cache[alias] = localStickers.content;
+      return localStickers.content;
+    }
+    // Remote server
     try {
       final resp = await _sn.client.get('/cgi/uc/stickers/lookup/$alias');
       final sticker = SnSticker.fromJson(resp.data);
-      _cacheSticker(sticker);
-
+      putSticker([sticker]);
       return sticker;
     } catch (err) {
       _cache[alias] = null;
-      log('[Sticker] Failed to lookup sticker $alias: $err');
+      logging.warning('[Sticker] Failed to lookup sticker $alias', err);
     }
 
     return null;
   }
 
-  Future<void> listStickerEagerly() async {
-    var count = await listSticker();
-    for (var page = 1; count > 0; count -= 10) {
-      await listSticker(page: page);
-      page++;
+  Future<void> listSticker() async {
+    final localPacks = await _dt.db.snLocalStickerPack.select().get();
+    final localStickers = await _dt.db.snLocalSticker.select().get();
+    final local = localStickers.map((ele) {
+      return ele.content.copyWith(
+        pack: localPacks
+            .firstWhere((pk) => pk.content.id == ele.content.packId)
+            .content,
+      );
+    });
+    for (final sticker in local) {
+      _cacheSticker(sticker);
     }
-  }
-
-  Future<int> listSticker({int page = 0}) async {
     try {
-      final resp = await _sn.client.get('/cgi/uc/stickers', queryParameters: {
-        'take': 10,
-        'offset': page * 10,
-      });
+      final resp = await _sn.client.get('/cgi/uc/stickers');
       final data = resp.data;
-      final stickers = List.from(data['data']).map((ele) => SnSticker.fromJson(ele));
+      final stickers = List.from(data).map((ele) => SnSticker.fromJson(ele));
       for (final sticker in stickers) {
         _cacheSticker(sticker);
       }
-      return data['count'] as int;
     } catch (err) {
-      log('[Sticker] Failed to list stickers: $err');
+      logging.error('[Sticker] Failed to list stickers...', err);
       rethrow;
     }
   }
+
+  Future<void> _saveStickerToLocal(Iterable<SnSticker> stickers) async {
+    await _dt.db.snLocalSticker.insertAll(
+      stickers.map(
+        (ele) => SnLocalStickerCompanion.insert(
+          id: Value(ele.id),
+          alias: ele.alias,
+          fullAlias: '${ele.pack.prefix}${ele.alias}',
+          content: ele,
+          createdAt: Value(ele.createdAt),
+        ),
+      ),
+      onConflict: DoNothing(),
+    );
+  }
+
+  Future<void> _saveStickerPackToLocal(Iterable<SnStickerPack> packs) async {
+    final queries = packs
+        .map(
+          (ele) => _dt.db.snLocalStickerPack.insertOne(
+              SnLocalStickerPackCompanion.insert(
+                id: Value(ele.id),
+                content: ele,
+                createdAt: Value(ele.createdAt),
+              ),
+              onConflict: DoUpdate((_) => SnLocalStickerPackCompanion.custom(
+                  content: Constant(jsonEncode(ele.toJson()))))),
+        )
+        .toList();
+    await Future.wait(queries);
+  }
 }

lib/providers/theme.dart

@@ -13,8 +13,16 @@ class ThemeProvider extends ChangeNotifier {
     });
   }
 
-  void reloadTheme({Color? seedColorOverride, bool? useMaterial3}) {
-    createAppThemeSet(seedColorOverride: seedColorOverride, useMaterial3: useMaterial3).then((value) {
+  void reloadTheme({
+    Color? seedColorOverride,
+    bool? useMaterial3,
+    String? customFonts,
+  }) {
+    createAppThemeSet(
+      seedColorOverride: seedColorOverride,
+      useMaterial3: useMaterial3,
+      customFonts: customFonts,
+    ).then((value) {
       theme = value;
       notifyListeners();
     });

lib/providers/translation.dart

@@ -0,0 +1,56 @@
+import 'dart:convert';
+
+import 'package:crypto/crypto.dart';
+import 'package:dio/dio.dart';
+import 'package:surface/logger.dart';
+
+// TODO self host translate api
+const kTranslateApiBaseUrl = 'https://translate.disroot.org';
+
+class SnTranslator {
+  final Dio client = Dio(
+    BaseOptions(
+      baseUrl: kTranslateApiBaseUrl,
+      connectTimeout: Duration(seconds: 3),
+      sendTimeout: Duration(seconds: 3),
+      receiveTimeout: Duration(seconds: 3),
+    ),
+  );
+
+  final Map<String, String> _cache = {};
+
+  Future<String> translate(
+    String text, {
+    required String to,
+    String from = 'auto',
+    bool skipCache = false,
+  }) async {
+    if (text.isEmpty) return text;
+
+    final cacheKey = md5.convert(utf8.encode('$text$from$to')).toString();
+    if (!skipCache && _cache.containsKey(cacheKey)) {
+      return _cache[cacheKey]!;
+    }
+
+    logging.info('[Translator] Translate $text from $from to $to');
+
+    final resp = await client.post(
+      '/translate',
+      data: {
+        'q': text,
+        'source': from,
+        'target': to,
+        'format': 'text',
+      },
+    );
+    if (resp.statusCode == 200) {
+      final out = resp.data['translatedText'];
+      if (out.isNotEmpty) {
+        logging.info('[Translator] Translated $text from $from to $to');
+        _cache[cacheKey] = out;
+        return out;
+      }
+    }
+    throw Exception('translate failed: $resp');
+  }
+}

lib/providers/user_directory.dart

@@ -1,19 +1,44 @@
+import 'dart:convert';
+
+import 'package:drift/drift.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
+import 'package:surface/database/database.dart';
+import 'package:surface/providers/database.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/account.dart';
 
 class UserDirectoryProvider {
   late final SnNetworkProvider _sn;
+  late final DatabaseProvider _dt;
 
   UserDirectoryProvider(BuildContext context) {
     _sn = context.read<SnNetworkProvider>();
+    _dt = context.read<DatabaseProvider>();
   }
 
   final Map<String, int> _idCache = {};
   final Map<int, SnAccount> _cache = {};
+  DateTime? _cacheExpiredAt;
+
+  Future<int> loadAccountCache({int max = 100}) async {
+    final out = await (_dt.db.snLocalAccount.select()..limit(max)).get();
+    for (final ele in out) {
+      _cache[ele.id] = ele.content;
+      _idCache[ele.name] = ele.id;
+    }
+    _cacheExpiredAt = DateTime.now().add(const Duration(hours: 1));
+    return out.length;
+  }
 
   Future<List<SnAccount?>> listAccount(Iterable<dynamic> id) async {
+    // In-memory cache
+    if (_cacheExpiredAt != null && _cacheExpiredAt!.isBefore(DateTime.now())) {
+      _cache.clear();
+      _cacheExpiredAt = DateTime.now().add(const Duration(hours: 1));
+    } else {
+      _cacheExpiredAt ??= DateTime.now().add(const Duration(hours: 1));
+    }
     final out = List<SnAccount?>.generate(id.length, (e) => null);
     final plannedQuery = <int>{};
     for (var idx = 0; idx < out.length; idx++) {
@@ -27,8 +52,30 @@ class UserDirectoryProvider {
         plannedQuery.add(item);
       }
     }
-    final resp = await _sn.client.get('/cgi/id/users', queryParameters: {'id': plannedQuery.join(',')});
-    final respDecoded = resp.data.map((e) => SnAccount.fromJson(e)).cast<SnAccount>().toList();
+    // On-disk cache
+    if (plannedQuery.isEmpty) return out;
+    final dbResp = await (_dt.db.snLocalAccount.select()
+          ..where((e) => e.id.isIn(plannedQuery))
+          ..where((e) => e.cacheExpiredAt.isBiggerThanValue(DateTime.now()))
+          ..limit(plannedQuery.length))
+        .get();
+    for (var idx = 0; idx < out.length; idx++) {
+      if (out[idx] != null) continue;
+      if (dbResp.length <= idx) {
+        break;
+      }
+      out[idx] = dbResp[idx].content;
+      _cache[dbResp[idx].id] = dbResp[idx].content;
+      _idCache[dbResp[idx].name] = dbResp[idx].id;
+      plannedQuery.remove(dbResp[idx].id);
+    }
+    // Remote server
+    _saveToLocal(out.where((ele) => ele != null).cast());
+    if (plannedQuery.isEmpty) return out;
+    final resp = await _sn.client
+        .get('/cgi/id/users', queryParameters: {'id': plannedQuery.join(',')});
+    final respDecoded =
+        resp.data.map((e) => SnAccount.fromJson(e)).cast<SnAccount>().toList();
     var sideIdx = 0;
     for (var idx = 0; idx < out.length; idx++) {
       if (out[idx] != null) continue;
@@ -40,17 +87,29 @@ class UserDirectoryProvider {
       _idCache[respDecoded[sideIdx].name] = respDecoded[sideIdx].id;
       sideIdx++;
     }
+    if (respDecoded.isNotEmpty) _saveToLocal(respDecoded);
     return out;
   }
 
   Future<SnAccount?> getAccount(dynamic id) async {
+    // In-memory cache
     if (id is String && _idCache.containsKey(id)) {
       id = _idCache[id];
     }
     if (_cache.containsKey(id)) {
       return _cache[id];
     }
-
+    // On-disk cache
+    final dbResp = await (_dt.db.snLocalAccount.select()
+          ..where((e) => e.id.equals(id))
+          ..where((e) => e.cacheExpiredAt.isBiggerThanValue(DateTime.now())))
+        .getSingleOrNull();
+    if (dbResp != null) {
+      _cache[dbResp.id] = dbResp.content;
+      _idCache[dbResp.name] = dbResp.id;
+      return dbResp.content;
+    }
+    // Remote server
     try {
       final resp = await _sn.client.get('/cgi/id/users/$id');
       final account = SnAccount.fromJson(
@@ -58,16 +117,42 @@ class UserDirectoryProvider {
       );
       _cache[account.id] = account;
       if (id is String) _idCache[id] = account.id;
+      _saveToLocal([account]);
       return account;
     } catch (err) {
       return null;
     }
   }
 
-  SnAccount? getAccountFromCache(dynamic id) {
+  SnAccount? getFromCache(dynamic id) {
     if (id is String && _idCache.containsKey(id)) {
       id = _idCache[id];
     }
     return _cache[id];
   }
+
+  Future<void> _saveToLocal(Iterable<SnAccount> out) async {
+    // For better on conflict resolution
+    // And consider the method usually called with usually small amount of data
+    // Use for to insert each record instead of bulk insert
+    List<Future<int>> queries = out.map((ele) {
+      return _dt.db.snLocalAccount.insertOne(
+        SnLocalAccountCompanion.insert(
+          id: Value(ele.id),
+          name: ele.name,
+          content: ele,
+          cacheExpiredAt: DateTime.now().add(const Duration(hours: 1)),
+        ),
+        onConflict: DoUpdate(
+          (_) => SnLocalAccountCompanion.custom(
+            name: Constant(ele.name),
+            content: Constant(jsonEncode(ele.toJson())),
+            cacheExpiredAt:
+                Constant(DateTime.now().add(const Duration(hours: 1))),
+          ),
+        ),
+      );
+    }).toList();
+    await Future.wait(queries);
+  }
 }

lib/providers/userinfo.dart

@@ -1,8 +1,9 @@
-import 'dart:developer';
+import 'dart:convert';
 
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:shared_preferences/shared_preferences.dart';
+import 'package:surface/logger.dart';
 import 'package:surface/providers/config.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/account.dart';
@@ -30,12 +31,38 @@ class UserProvider extends ChangeNotifier {
     notifyListeners();
     refreshUser().then((value) async {
       if (value != null) {
-        log('Logged in as @${value.name}');
-        log('Atk: ${await atk}');
+        logging.info('[Auth] Logged in as @${value.name}');
+        logging.debug('[Auth] Access token: ${await atk}');
       }
     });
   }
 
+  Future<Map<String, dynamic>?> get atkClaims async {
+    final tk = (await atk);
+    if (tk == null) return null;
+    final atkParts = tk.split('.');
+    if (atkParts.length != 3) {
+      throw Exception('invalid format of access token');
+    }
+
+    var rawPayload = atkParts[1].replaceAll('-', '+').replaceAll('_', '/');
+    switch (rawPayload.length % 4) {
+      case 0:
+        break;
+      case 2:
+        rawPayload += '==';
+        break;
+      case 3:
+        rawPayload += '=';
+        break;
+      default:
+        throw Exception('illegal format of access token payload');
+    }
+
+    final b64 = utf8.fuse(base64Url);
+    return jsonDecode(b64.decode(rawPayload));
+  }
+
   Future<SnAccount?> refreshUser() async {
     final resp = await _sn.client.get('/cgi/id/users/me');
     final out = SnAccount.fromJson(resp.data);
@@ -48,7 +75,13 @@ class UserProvider extends ChangeNotifier {
   }
 
   void logoutUser() async {
-    _sn.clearTokenPair();
+    atkClaims.then((value) async {
+      if (value != null) {
+        await _sn.client.delete('/cgi/id/users/me/tickets/${value['sed']}');
+        logging.info('[Auth] Current session has been destroyed.');
+      }
+      _sn.clearTokenPair();
+    });
     isAuthorized = false;
     user = null;
     notifyListeners();

lib/providers/websocket.dart

@@ -1,12 +1,15 @@
 import 'dart:async';
 import 'dart:convert';
-import 'dart:developer';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_udid/flutter_udid.dart';
 import 'package:provider/provider.dart';
+import 'package:surface/logger.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/websocket.dart';
+import 'package:web_socket_channel/io.dart';
 import 'package:web_socket_channel/web_socket_channel.dart';
 
 class WebSocketProvider extends ChangeNotifier {
@@ -30,7 +33,7 @@ class WebSocketProvider extends ChangeNotifier {
     if (isConnected) return;
     if (!_ua.isAuthorized) return;
 
-    log('[WebSocket] Connecting to the server...');
+    logging.debug('[WebSocket] Connecting to the server...');
     await connect();
   }
 
@@ -39,7 +42,7 @@ class WebSocketProvider extends ChangeNotifier {
   Future<void> connect({noRetry = false}) async {
     if (_connectCompleter != null) {
       await _connectCompleter!.future;
-      _connectCompleter = null;
+      return;
     }
 
     if (!_ua.isAuthorized) return;
@@ -52,27 +55,39 @@ class WebSocketProvider extends ChangeNotifier {
 
       final atk = await _sn.getFreshAtk();
       final uri = Uri.parse(
-        '${_sn.client.options.baseUrl.replaceFirst('http', 'ws')}/ws?tk=$atk',
+        kIsWeb
+            ? '${_sn.client.options.baseUrl.replaceFirst('http', 'ws')}/ws?tk=$atk'
+            : '${_sn.client.options.baseUrl.replaceFirst('http', 'ws')}/ws?clientId=${await FlutterUdid.consistentUdid}tk=$atk',
       );
 
       isBusy = true;
       notifyListeners();
 
-      conn = WebSocketChannel.connect(uri);
+      conn = kIsWeb
+          ? WebSocketChannel.connect(uri)
+          : IOWebSocketChannel.connect(
+              uri,
+              headers: {'Authorization': 'Bearer $atk'},
+            );
       await conn!.ready;
       _wsStream = conn!.stream.asBroadcastStream();
       listen();
-      log('[WebSocket] Connected to server!');
+      logging.info('[WebSocket] Connected to server!');
       isConnected = true;
     } catch (err) {
       if (err is WebSocketChannelException) {
-        log('Failed to connect to websocket: ${(err.inner as dynamic).message}');
+        logging.error(
+          '[WebSocket] Failed to connect to websocket...',
+          err.inner,
+        );
       } else {
-        log('Failed to connect to websocket: $err');
+        logging.error('[WebSocket] Failed to connect to websocket...', err);
       }
 
       if (!noRetry) {
-        log('Retry connecting to websocket in 3 seconds...');
+        logging.warning(
+          '[WebSocket] Retry connecting to websocket in 3 seconds...',
+        );
         return Future.delayed(
           const Duration(seconds: 3),
           () => connect(noRetry: true),
@@ -100,7 +115,9 @@ class WebSocketProvider extends ChangeNotifier {
     _wsStream!.listen(
       (event) {
         final packet = WebSocketPackage.fromJson(jsonDecode(event));
-        log('Websocket incoming message: ${packet.method} ${packet.message}');
+        logging.debug(
+          '[Websocket] Incoming message: ${packet.method} ${packet.message}',
+        );
         pk.sink.add(packet);
       },
       onDone: () {

lib/router.dart

@@ -4,12 +4,19 @@ 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/account_settings.dart';
+import 'package:surface/screens/account/action_events.dart';
+import 'package:surface/screens/account/badges.dart';
+import 'package:surface/screens/account/contact_methods.dart';
 import 'package:surface/screens/account/factor_settings.dart';
+import 'package:surface/screens/account/keypairs.dart';
+import 'package:surface/screens/account/prefs/notify.dart';
+import 'package:surface/screens/account/prefs/security.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';
 import 'package:surface/screens/account/publishers/publishers.dart';
+import 'package:surface/screens/account/auth_tickets.dart';
 import 'package:surface/screens/album.dart';
 import 'package:surface/screens/auth/login.dart';
 import 'package:surface/screens/auth/register.dart';
@@ -21,26 +28,32 @@ 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/logging.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_draft.dart';
 import 'package:surface/screens/post/post_editor.dart';
+import 'package:surface/screens/post/post_shuffle.dart';
 import 'package:surface/screens/post/publisher_page.dart';
 import 'package:surface/screens/post/post_search.dart';
 import 'package:surface/screens/realm.dart';
+import 'package:surface/screens/realm/community.dart';
 import 'package:surface/screens/realm/manage.dart';
 import 'package:surface/screens/realm/realm_detail.dart';
 import 'package:surface/screens/realm/realm_discovery.dart';
 import 'package:surface/screens/settings.dart';
 import 'package:surface/screens/sharing.dart';
+import 'package:surface/screens/stickers.dart';
+import 'package:surface/screens/stickers/pack_detail.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_scaffold.dart';
 
-Widget _fadeThroughTransition(
-    BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
+Widget _fadeThroughTransition(BuildContext context, Animation<double> animation,
+    Animation<double> secondaryAnimation, Widget child) {
   return FadeThroughTransition(
     animation: animation,
     secondaryAnimation: secondaryAnimation,
@@ -61,10 +74,15 @@ final _appRoutes = [
     builder: (context, state) => const ExploreScreen(),
     routes: [
       GoRoute(
-        path: '/write/:mode',
+        path: '/draft',
+        name: 'postDraftBox',
+        builder: (context, state) => const PostDraftBox(),
+      ),
+      GoRoute(
+        path: '/write',
         name: 'postEditor',
         builder: (context, state) => PostEditorScreen(
-          mode: state.pathParameters['mode']!,
+          mode: state.uri.queryParameters['mode'],
           postEditId: int.tryParse(
             state.uri.queryParameters['editing'] ?? '',
           ),
@@ -77,18 +95,25 @@ final _appRoutes = [
           extraProps: state.extra as PostEditorExtra?,
         ),
       ),
+      GoRoute(
+        path: '/shuffle',
+        name: 'postShuffle',
+        builder: (context, state) => const PostShuffleScreen(),
+      ),
       GoRoute(
         path: '/search',
         name: 'postSearch',
         builder: (context, state) => PostSearchScreen(
           initialTags: state.uri.queryParameters['tags']?.split(','),
-          initialCategories: state.uri.queryParameters['categories']?.split(','),
+          initialCategories:
+              state.uri.queryParameters['categories']?.split(','),
         ),
       ),
       GoRoute(
         path: '/publishers/:name',
         name: 'postPublisher',
-        builder: (context, state) => PostPublisherScreen(name: state.pathParameters['name']!),
+        builder: (context, state) =>
+            PostPublisherScreen(name: state.pathParameters['name']!),
       ),
       GoRoute(
         path: '/:slug',
@@ -100,52 +125,94 @@ final _appRoutes = [
       ),
     ],
   ),
-  GoRoute(path: '/account', name: 'account', builder: (context, state) => const AccountScreen(), routes: [
-    GoRoute(
-      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: '/account',
+    name: 'account',
+    builder: (context, state) => const AccountScreen(),
+    routes: [
+      GoRoute(
+        path: '/contacts',
+        name: 'accountContactMethods',
+        builder: (context, state) => const AccountContactMethod(),
       ),
-    ),
-    GoRoute(
-      path: '/:name',
-      name: 'accountProfilePage',
-      pageBuilder: (context, state) => NoTransitionPage(
-        child: UserScreen(name: state.pathParameters['name']!),
+      GoRoute(
+        path: '/events',
+        name: 'accountActionEvents',
+        builder: (context, state) => const ActionEventScreen(),
       ),
-    ),
-  ]),
+      GoRoute(
+        path: '/tickets',
+        name: 'accountAuthTickets',
+        builder: (context, state) => const AccountAuthTicket(),
+      ),
+      GoRoute(
+        path: '/badges',
+        name: 'accountBadges',
+        builder: (context, state) => const AccountBadgesScreen(),
+      ),
+      GoRoute(
+        path: '/wallet',
+        name: 'accountWallet',
+        builder: (context, state) => const WalletScreen(),
+      ),
+      GoRoute(
+        path: '/keypairs',
+        name: 'accountKeyPairs',
+        builder: (context, state) => const KeyPairScreen(),
+      ),
+      GoRoute(
+        path: '/settings',
+        name: 'accountSettings',
+        builder: (context, state) => AccountSettingsScreen(),
+        routes: [
+          GoRoute(
+            path: '/notify',
+            name: 'accountSettingsNotify',
+            builder: (context, state) => const AccountNotifyPrefsScreen(),
+          ),
+          GoRoute(
+            path: '/auth',
+            name: 'accountSettingsSecurity',
+            builder: (context, state) => const AccountSecurityPrefsScreen(),
+          ),
+        ],
+      ),
+      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: '/profile/:name',
+        name: 'accountProfilePage',
+        pageBuilder: (context, state) => NoTransitionPage(
+          child: UserScreen(name: state.pathParameters['name']!),
+        ),
+      ),
+    ],
+  ),
   GoRoute(
     path: '/chat',
     name: 'chat',
@@ -193,6 +260,13 @@ final _appRoutes = [
       child: const RealmScreen(),
     ),
     routes: [
+      GoRoute(
+        path: '/:alias/community',
+        name: 'realmCommunity',
+        builder: (context, state) => RealmCommunityScreen(
+          alias: state.pathParameters['alias']!,
+        ),
+      ),
       GoRoute(
         path: '/manage',
         name: 'realmManage',
@@ -208,19 +282,44 @@ final _appRoutes = [
       GoRoute(
         path: '/:alias',
         name: 'realmDetail',
-        builder: (context, state) => RealmDetailScreen(alias: state.pathParameters['alias']!),
+        builder: (context, state) =>
+            RealmDetailScreen(alias: state.pathParameters['alias']!),
       ),
     ],
   ),
-  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: '/news',
+    name: 'news',
+    builder: (context, state) => const NewsScreen(),
+    routes: [
+      GoRoute(
+        path: '/:hash',
+        name: 'newsDetail',
+        builder: (context, state) => NewsDetailScreen(
+          hash: state.pathParameters['hash']!,
+        ),
       ),
-    ),
-  ]),
+    ],
+  ),
+  GoRoute(
+    path: '/stickers',
+    name: 'stickers',
+    builder: (context, state) => const StickerScreen(),
+    routes: [
+      GoRoute(
+        path: '/packs/:id',
+        name: 'stickerPack',
+        builder: (context, state) => StickerPackScreen(
+          id: int.tryParse(state.pathParameters['id']!)!,
+        ),
+      ),
+    ],
+  ),
+  GoRoute(
+    path: '/debug/logging',
+    name: 'debugLogging',
+    builder: (context, state) => const DebugLoggingScreen(),
+  ),
   GoRoute(
     path: '/album',
     name: 'album',

lib/screens/account.dart

@@ -4,14 +4,16 @@ 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:hive_flutter/hive_flutter.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/database.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/providers/websocket.dart';
+import 'package:surface/types/account.dart';
 import 'package:surface/widgets/account/account_image.dart';
+import 'package:surface/widgets/account/account_status.dart';
 import 'package:surface/widgets/app_bar_leading.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
@@ -45,7 +47,8 @@ class AccountScreen extends StatelessWidget {
             ? Stack(
                 fit: StackFit.expand,
                 children: [
-                  AutoResizeUniversalImage(sn.getAttachmentUrl(ua.user!.banner), fit: BoxFit.cover),
+                  AutoResizeUniversalImage(sn.getAttachmentUrl(ua.user!.banner),
+                      fit: BoxFit.cover),
                   Positioned(
                     top: 0,
                     left: 0,
@@ -79,7 +82,9 @@ class AccountScreen extends StatelessWidget {
         ],
       ),
       body: SingleChildScrollView(
-        child: ua.isAuthorized ? _AuthorizedAccountScreen() : _UnauthorizedAccountScreen(),
+        child: ua.isAuthorized
+            ? _AuthorizedAccountScreen()
+            : _UnauthorizedAccountScreen(),
       ),
     );
   }
@@ -109,18 +114,34 @@ class _AuthorizedAccountScreen extends StatelessWidget {
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  AccountImage(content: ua.user!.avatar, radius: 28),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      AccountImage(content: ua.user!.avatar, radius: 28),
+                      _AccountStatusWidget(account: ua.user!),
+                    ],
+                  ),
                   const Gap(8),
                   Row(
                     crossAxisAlignment: CrossAxisAlignment.baseline,
                     textBaseline: TextBaseline.alphabetic,
                     children: [
-                      Text(ua.user!.nick).textStyle(Theme.of(context).textTheme.titleLarge!),
+                      Text(ua.user!.nick)
+                          .textStyle(Theme.of(context).textTheme.titleLarge!),
                       const Gap(4),
-                      Text('@${ua.user!.name}').textStyle(Theme.of(context).textTheme.bodySmall!),
+                      Text('@${ua.user!.name}')
+                          .textStyle(Theme.of(context).textTheme.bodySmall!),
                     ],
                   ),
-                  Text(ua.user!.description).textStyle(Theme.of(context).textTheme.bodyMedium!),
+                  Text(
+                    (ua.user!.profile?.description.isNotEmpty ?? false)
+                        ? ua.user!.profile!.description
+                        : 'userNoDescription'.tr(),
+                    style: (ua.user!.profile?.description.isEmpty ?? true)
+                        ? TextStyle(fontStyle: FontStyle.italic)
+                        : null,
+                  ).textStyle(Theme.of(context).textTheme.bodyMedium!),
                 ],
               ),
             );
@@ -166,6 +187,46 @@ class _AuthorizedAccountScreen extends StatelessWidget {
             GoRouter.of(context).pushNamed('accountWallet');
           },
         ),
+        ListTile(
+          title: Text('accountBadges').tr(),
+          subtitle: Text('accountBadgesDescription').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Symbols.award_star),
+          trailing: const Icon(Symbols.chevron_right),
+          onTap: () {
+            GoRouter.of(context).pushNamed('accountBadges');
+          },
+        ),
+        ListTile(
+          title: Text('accountKeyPairs').tr(),
+          subtitle: Text('accountKeyPairsDescription').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Symbols.key),
+          trailing: const Icon(Symbols.chevron_right),
+          onTap: () {
+            GoRouter.of(context).pushNamed('accountKeyPairs');
+          },
+        ),
+        ListTile(
+          title: Text('accountActionEvent').tr(),
+          subtitle: Text('accountActionEventDescription').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Symbols.history),
+          trailing: const Icon(Symbols.chevron_right),
+          onTap: () {
+            GoRouter.of(context).pushNamed('accountActionEvents');
+          },
+        ),
+        ListTile(
+          title: Text('accountAuthTickets').tr(),
+          subtitle: Text('accountAuthTicketsDescription').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Symbols.confirmation_number),
+          trailing: const Icon(Symbols.chevron_right),
+          onTap: () {
+            GoRouter.of(context).pushNamed('accountAuthTickets');
+          },
+        ),
         ListTile(
           title: Text('accountSettings').tr(),
           subtitle: Text('accountSettingsSubtitle').tr(),
@@ -193,8 +254,7 @@ class _AuthorizedAccountScreen extends StatelessWidget {
             ua.logoutUser();
             final ws = context.read<WebSocketProvider>();
             ws.disconnect();
-            await Hive.deleteFromDisk();
-            await Hive.initFlutter();
+            context.read<DatabaseProvider>().removeDatabase();
           },
         ),
       ],
@@ -220,7 +280,9 @@ class _UnauthorizedAccountScreen extends StatelessWidget {
                   child: Icon(Symbols.waving_hand, size: 28),
                 ),
                 const Gap(8),
-                Text('accountIntroTitle').tr().textStyle(Theme.of(context).textTheme.titleLarge!),
+                Text('accountIntroTitle')
+                    .tr()
+                    .textStyle(Theme.of(context).textTheme.titleLarge!),
                 Text('accountIntroSubtitle').tr(),
               ],
             ).padding(all: 20),
@@ -257,3 +319,81 @@ class _UnauthorizedAccountScreen extends StatelessWidget {
     );
   }
 }
+
+class _AccountStatusWidget extends StatefulWidget {
+  final SnAccount account;
+  const _AccountStatusWidget({required this.account});
+
+  @override
+  State<_AccountStatusWidget> createState() => _AccountStatusWidgetState();
+}
+
+class _AccountStatusWidgetState extends State<_AccountStatusWidget> {
+  SnAccountStatusInfo? _status;
+
+  Future<void> _fetchStatus() async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp =
+          await sn.client.get('/cgi/id/users/${widget.account.name}/status');
+      setState(() {
+        _status = SnAccountStatusInfo.fromJson(resp.data);
+      });
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() {});
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchStatus();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      child: Row(
+        children: [
+          Text(
+            _status != null
+                ? (_status!.status?.label.isNotEmpty ?? false)
+                    ? _status!.status!.label
+                    : _status!.isOnline
+                        ? 'accountStatusOnline'.tr()
+                        : 'accountStatusOffline'.tr()
+                : 'loading'.tr(),
+          ),
+          const Gap(4),
+          Icon(
+            (_status?.isDisturbable ?? true)
+                ? Symbols.circle
+                : Symbols.do_not_disturb_on,
+            fill: (_status?.isOnline ?? false) ? 1 : 0,
+            size: 16,
+            color: (_status?.isOnline ?? false)
+                ? (_status?.isDisturbable ?? true)
+                    ? Colors.green
+                    : Colors.red
+                : Colors.grey,
+          ).padding(all: 4),
+        ],
+      ),
+      onTap: () {
+        showModalBottomSheet(
+          context: context,
+          builder: (context) => AccountStatusActionPopup(
+            currentStatus: _status,
+          ),
+        ).then((value) {
+          if (value == true && mounted) {
+            _fetchStatus();
+          }
+        });
+      },
+    );
+  }
+}

lib/screens/account/account_settings.dart

@@ -54,14 +54,20 @@ class AccountSettingsScreen extends StatelessWidget {
                 child: DropdownButton2<Locale?>(
                   isExpanded: true,
                   items: [
-                    ...EasyLocalization.of(context)!.supportedLocales.mapIndexed((idx, ele) {
+                    ...EasyLocalization.of(context)!
+                        .supportedLocales
+                        .mapIndexed((idx, ele) {
                       return DropdownMenuItem<Locale?>(
                         value: Locale.parse(ele.toString()),
-                        child: Text('${ele.languageCode}-${ele.countryCode}').fontSize(14),
+                        child: Text('${ele.languageCode}-${ele.countryCode}')
+                            .fontSize(14),
                       );
                     }),
                   ],
-                  value: ua.user?.language != null ? Locale.parse(ua.user!.language) : Locale.parse('en-US'),
+                  value: ua.user?.language != null
+                      ? (Locale.tryParse(ua.user!.language) ??
+                          Locale.parse('en-US'))
+                      : Locale.parse('en-US'),
                   onChanged: (Locale? value) {
                     if (value == null) return;
                     _setAccountLanguage(context, value);
@@ -81,6 +87,36 @@ class AccountSettingsScreen extends StatelessWidget {
                 ),
               ),
             ),
+            ListTile(
+              title: Text('accountContactMethods').tr(),
+              subtitle: Text('accountContactMethodsDescription').tr(),
+              contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+              leading: const Icon(Symbols.contacts),
+              trailing: const Icon(Symbols.chevron_right),
+              onTap: () {
+                GoRouter.of(context).pushNamed('accountContactMethods');
+              },
+            ),
+            ListTile(
+              title: Text('accountSettingsNotify').tr(),
+              subtitle: Text('accountSettingsNotifyDescription').tr(),
+              contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+              leading: const Icon(Symbols.notifications),
+              trailing: const Icon(Symbols.chevron_right),
+              onTap: () {
+                GoRouter.of(context).pushNamed('accountSettingsNotify');
+              },
+            ),
+            ListTile(
+              title: Text('accountSettingsSecurity').tr(),
+              subtitle: Text('accountSettingsSecurityDescription').tr(),
+              contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+              leading: const Icon(Symbols.shield),
+              trailing: const Icon(Symbols.chevron_right),
+              onTap: () {
+                GoRouter.of(context).pushNamed('accountSettingsSecurity');
+              },
+            ),
             ListTile(
               title: Text('accountProfileEdit').tr(),
               subtitle: Text('accountProfileEditSubtitle').tr(),

lib/screens/account/action_events.dart

@@ -0,0 +1,160 @@
+import 'dart:convert';
+
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.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/account.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+import 'package:timelines_plus/timelines_plus.dart';
+import 'package:very_good_infinite_list/very_good_infinite_list.dart';
+
+class ActionEventScreen extends StatefulWidget {
+  const ActionEventScreen({super.key});
+
+  @override
+  State<ActionEventScreen> createState() => _ActionEventScreenState();
+}
+
+class _ActionEventScreenState extends State<ActionEventScreen> {
+  bool _isBusy = false;
+  int? _totalCount;
+  final List<SnActionEvent> _actionEvents = List.empty(growable: true);
+
+  Future<void> _fetchActionEvents() async {
+    setState(() => _isBusy = true);
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get(
+        '/cgi/id/users/me/events',
+        queryParameters: {
+          'take': 10,
+          'offset': _actionEvents.length,
+        },
+      );
+      _totalCount = resp.data['count'];
+      _actionEvents.addAll(
+        (resp.data['data'] as List<dynamic>)
+            .map((e) => SnActionEvent.fromJson(e)),
+      );
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchActionEvents();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('accountActionEvent').tr(),
+      ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          Expanded(
+            child: RefreshIndicator(
+              onRefresh: () {
+                _totalCount = null;
+                return _fetchActionEvents();
+              },
+              child: InfiniteList(
+                padding: EdgeInsets.only(left: 20, right: 8),
+                itemCount: _actionEvents.length,
+                isLoading: _isBusy,
+                hasReachedMax:
+                    _totalCount != null && _actionEvents.length >= _totalCount!,
+                onFetchData: _fetchActionEvents,
+                itemBuilder: (context, idx) {
+                  final event = _actionEvents[idx];
+                  return TimelineTile(
+                    nodeAlign: TimelineNodeAlign.start,
+                    contents: Card(
+                      margin: EdgeInsets.symmetric(horizontal: 8, vertical: 12),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Container(
+                            padding: EdgeInsets.symmetric(
+                              horizontal: 16,
+                              vertical: 12,
+                            ),
+                            child: Column(
+                              crossAxisAlignment: CrossAxisAlignment.start,
+                              children: [
+                                Text(
+                                  event.type,
+                                  maxLines: 1,
+                                  style: GoogleFonts.robotoMono(),
+                                ),
+                                if (event.ipAddress.isNotEmpty)
+                                  Text(
+                                    event.ipAddress,
+                                    style: TextStyle(fontSize: 13),
+                                  ),
+                                if (event.location?.isNotEmpty ?? false)
+                                  Text(event.location!),
+                                Row(
+                                  children: [
+                                    Text(DateFormat()
+                                            .format(event.createdAt.toLocal()))
+                                        .fontSize(12),
+                                    Text(' · ')
+                                        .fontSize(12)
+                                        .padding(horizontal: 4),
+                                    Text(RelativeTime(context)
+                                            .format(event.createdAt.toLocal()))
+                                        .fontSize(12),
+                                  ],
+                                ).opacity(0.75).padding(top: 4),
+                              ],
+                            ),
+                          ),
+                          if (event.metadata != null)
+                            ExpansionTile(
+                              minTileHeight: 40,
+                              tilePadding: EdgeInsets.symmetric(horizontal: 16),
+                              title: Text('eventMetadata').tr(),
+                              expandedAlignment: Alignment.topLeft,
+                              expandedCrossAxisAlignment:
+                                  CrossAxisAlignment.start,
+                              children: [
+                                Text(
+                                  JsonEncoder.withIndent('\t')
+                                      .convert(event.metadata),
+                                  style: GoogleFonts.robotoMono(),
+                                ).padding(vertical: 8, horizontal: 16),
+                              ],
+                            ).padding(bottom: 6),
+                        ],
+                      ),
+                    ),
+                    node: TimelineNode(
+                      indicator: DotIndicator(),
+                      startConnector: SolidLineConnector(),
+                      endConnector: SolidLineConnector(),
+                    ),
+                  );
+                },
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/account/auth_tickets.dart

@@ -0,0 +1,186 @@
+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:styled_widget/styled_widget.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/userinfo.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';
+import 'package:very_good_infinite_list/very_good_infinite_list.dart';
+
+const Map<String, IconData> kAuthTicketIcon = {
+  'ios': Symbols.ios,
+  'android': Symbols.android,
+  'macos': Symbols.computer,
+  'windows nt': Symbols.laptop_windows,
+  'linux': Symbols.laptop,
+};
+
+class AccountAuthTicket extends StatefulWidget {
+  const AccountAuthTicket({super.key});
+
+  @override
+  State<AccountAuthTicket> createState() => _AccountAuthTicketState();
+}
+
+class _AccountAuthTicketState extends State<AccountAuthTicket> {
+  bool _isBusy = false;
+  int? _totalCount;
+  final List<SnAuthTicket> _authTickets = List.empty(growable: true);
+
+  Future<void> _fetchAuthTickets() async {
+    setState(() => _isBusy = true);
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get(
+        '/cgi/id/users/me/tickets',
+        queryParameters: {
+          'take': 10,
+          'offset': _authTickets.length,
+        },
+      );
+      _totalCount = resp.data['count'];
+      _authTickets.addAll(
+        (resp.data['data'] as List<dynamic>)
+            .map((e) => SnAuthTicket.fromJson(e)),
+      );
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  Future<void> _deleteAuthTicket(SnAuthTicket ticket) async {
+    setState(() => _isBusy = true);
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.delete(
+        '/cgi/id/users/me/tickets/${ticket.id}',
+      );
+      setState(() {
+        _authTickets.remove(ticket);
+      });
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  int? _currentTicketId;
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchAuthTickets();
+
+    final ua = context.read<UserProvider>();
+    ua.atkClaims.then((value) {
+      if (value == null) return;
+      _currentTicketId = int.parse(value['sed']);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('accountAuthTickets').tr(),
+      ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          Expanded(
+            child: RefreshIndicator(
+              onRefresh: () {
+                _totalCount = null;
+                return _fetchAuthTickets();
+              },
+              child: InfiniteList(
+                padding: EdgeInsets.zero,
+                onFetchData: _fetchAuthTickets,
+                isLoading: _isBusy,
+                hasReachedMax:
+                    _totalCount != null && _authTickets.length >= _totalCount!,
+                itemCount: _authTickets.length,
+                itemBuilder: (context, idx) {
+                  final ticket = _authTickets[idx];
+                  final platform = RegExp(r'\(([^;]+);')
+                      .firstMatch(ticket.userAgent)
+                      ?.group(1);
+                  return Row(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Icon(
+                        kAuthTicketIcon[platform!.toLowerCase()] ?? Symbols.web,
+                      ),
+                      const Gap(12),
+                      Expanded(
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              ticket.ipAddress,
+                              style: TextStyle(fontSize: 15),
+                            ),
+                            Text(ticket.userAgent).opacity(0.8),
+                            if (ticket.location?.isNotEmpty ?? false)
+                              const Gap(4),
+                            if (ticket.location?.isNotEmpty ?? false)
+                              Text(ticket.location!).opacity(0.8),
+                            const Gap(4),
+                            Text('authTicketCreatedAt'.tr(args: [
+                              (DateFormat().format(ticket.createdAt.toLocal()))
+                            ])).fontSize(12).opacity(0.75),
+                            if (ticket.expiredAt != null)
+                              Text('authTicketExpiredAt'.tr(args: [
+                                (DateFormat()
+                                    .format(ticket.expiredAt!.toLocal()))
+                              ])).fontSize(12).opacity(0.75),
+                            if (ticket.lastGrantAt != null)
+                              Text('authTicketLastGrantAt'.tr(args: [
+                                (DateFormat()
+                                    .format(ticket.lastGrantAt!.toLocal()))
+                              ])).fontSize(12).opacity(0.75),
+                            const Gap(4),
+                            if (_currentTicketId == ticket.id)
+                              Text('authTicketCurrent'.tr())
+                                  .fontSize(11)
+                                  .bold()
+                                  .opacity(0.75),
+                            Text('#${ticket.id}').fontSize(11).opacity(0.75),
+                          ],
+                        ),
+                      ),
+                      IconButton(
+                        iconSize: 20,
+                        visualDensity:
+                            VisualDensity(horizontal: -4, vertical: -4),
+                        constraints: const BoxConstraints(),
+                        padding: EdgeInsets.zero,
+                        icon: const Icon(Symbols.logout),
+                        onPressed: _currentTicketId == ticket.id
+                            ? null
+                            : () {
+                                _deleteAuthTicket(ticket);
+                              },
+                      ),
+                    ],
+                  ).padding(horizontal: 16, vertical: 12);
+                },
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/account/badges.dart

@@ -0,0 +1,140 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+import 'package:provider/provider.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/screens/account/profile_page.dart' show kBadgesMeta;
+import 'package:surface/theme.dart';
+import 'package:surface/types/account.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+
+class AccountBadgesScreen extends StatefulWidget {
+  const AccountBadgesScreen({super.key});
+
+  @override
+  State<AccountBadgesScreen> createState() => _AccountBadgesScreenState();
+}
+
+class _AccountBadgesScreenState extends State<AccountBadgesScreen> {
+  bool _isBusy = false;
+  List<SnAccountBadge>? _badges;
+
+  Future<void> _fetchBadges() async {
+    setState(() => _isBusy = true);
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/id/badges/me');
+      if (!mounted) return;
+      setState(
+        () => _badges = List<SnAccountBadge>.from(
+          resp.data?.map((e) => SnAccountBadge.fromJson(e)) ?? [],
+        ),
+      );
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  bool _isActivating = false;
+
+  Future<void> _activateBadge(SnAccountBadge badge) async {
+    try {
+      setState(() => _isActivating = true);
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.post('/cgi/id/badges/${badge.id}/active');
+      if (!mounted) return;
+      context.showSnackbar('badgeActivated'
+          .tr(args: [(kBadgesMeta[badge.type]?.$1 ?? 'unknown').tr()]));
+      await _fetchBadges();
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isActivating = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchBadges();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        title: Text('screenAccountBadges').tr(),
+      ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          if (_badges != null)
+            Expanded(
+              child: MediaQuery.removePadding(
+                context: context,
+                removeTop: true,
+                child: RefreshIndicator(
+                  onRefresh: _fetchBadges,
+                  child: ListView.builder(
+                    itemCount: _badges!.length,
+                    itemBuilder: (context, idx) {
+                      final badge = _badges![idx];
+                      return ListTile(
+                        title: Text(
+                          kBadgesMeta[badge.type]?.$1 ?? 'unknown',
+                        ).tr(),
+                        contentPadding: const EdgeInsets.only(
+                          left: 24,
+                          right: 16,
+                          top: 4,
+                          bottom: 4,
+                        ),
+                        subtitle: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            if (badge.metadata['title'] != null)
+                              Text(badge.metadata['title']).fontSize(14).bold()
+                            else
+                              Text(
+                                '#${badge.id.toString().padLeft(8, '0')}',
+                                style: GoogleFonts.robotoMono(),
+                              ).fontSize(14).bold(),
+                            Text(
+                              DateFormat('y/M/d').format(badge.createdAt),
+                            )
+                          ],
+                        ),
+                        trailing: IconButton(
+                          icon: const Icon(Symbols.check),
+                          onPressed: (badge.isActive || _isActivating)
+                              ? null
+                              : () {
+                                  _activateBadge(badge);
+                                },
+                        ),
+                        leading: Icon(
+                          kBadgesMeta[badge.type]?.$2 ?? Symbols.question_mark,
+                          color: badge.metadata['color'] != null
+                              ? HexColor.fromHex(badge.metadata['color']!)
+                              : kBadgesMeta[badge.type]?.$3,
+                          fill: 1,
+                        ),
+                      );
+                    },
+                  ),
+                ),
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/account/contact_methods.dart

@@ -0,0 +1,322 @@
+import 'package:collection/collection.dart';
+import 'package:dio/dio.dart';
+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:styled_widget/styled_widget.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/account.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+
+const kContactMethodsIcons = [Symbols.email, Symbols.phone, Symbols.map];
+const kContactMethodsName = ['Email', 'Phone', 'Address'];
+
+class AccountContactMethod extends StatefulWidget {
+  const AccountContactMethod({super.key});
+
+  @override
+  State<AccountContactMethod> createState() => _AccountContactMethodState();
+}
+
+class _AccountContactMethodState extends State<AccountContactMethod> {
+  bool _isBusy = false;
+  List<SnAccountContact> _contactMethods = List.empty(growable: true);
+
+  Future<void> _fetchContactMethods() async {
+    setState(() => _isBusy = true);
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/id/users/me/contacts');
+      _contactMethods = List.from((resp.data as List<dynamic>)
+          .map((e) => SnAccountContact.fromJson(e)));
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  Future<void> _deleteContactMethod(SnAccountContact contact) async {
+    final confirm = await context.showConfirmDialog(
+      'accountContactMethodsDelete'.tr(),
+      'accountContactMethodsDeleteDescription'.tr(args: [contact.content]),
+    );
+    if (!confirm || !mounted) return;
+
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.delete('/cgi/id/users/me/contacts/${contact.id}');
+      if (!mounted) return;
+      await _fetchContactMethods();
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchContactMethods();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('accountContactMethods').tr(),
+      ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          ListTile(
+            title: Text('accountContactMethodsAdd').tr(),
+            subtitle: Text('accountContactMethodsAddDescription').tr(),
+            contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+            leading: const Icon(Symbols.add),
+            trailing: const Icon(Symbols.chevron_right),
+            onTap: () {
+              showDialog(
+                context: context,
+                builder: (context) => _ContactMethodEditor(),
+              ).then((value) {
+                if (value) {
+                  _fetchContactMethods();
+                }
+              });
+            },
+          ),
+          Divider(height: 1),
+          Expanded(
+            child: RefreshIndicator(
+              onRefresh: _fetchContactMethods,
+              child: ListView.builder(
+                padding: EdgeInsets.zero,
+                itemCount: _contactMethods.length,
+                itemBuilder: (context, index) {
+                  final method = _contactMethods[index];
+                  return ListTile(
+                    title: Text(method.content),
+                    subtitle: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          'accountContactMethodsName${kContactMethodsName[method.type]}',
+                        ).tr().bold(),
+                        if (method.isPrimary ||
+                            method.isPublic ||
+                            method.verifiedAt != null)
+                          Row(
+                            spacing: 4,
+                            children: [
+                              if (method.isPrimary)
+                                Text('accountContactMethodsPrimary').tr(),
+                              if (method.isPublic)
+                                Text('accountContactMethodsPublic').tr(),
+                              if (method.verifiedAt != null)
+                                Text('accountContactMethodsVerified').tr(),
+                            ],
+                          ),
+                      ],
+                    ),
+                    contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                    leading: Icon(
+                      kContactMethodsIcons[method.type],
+                    ),
+                    trailing: PopupMenuButton(
+                      itemBuilder: (_) => [
+                        PopupMenuItem(
+                          child: Row(
+                            children: [
+                              const Icon(Symbols.edit),
+                              const Gap(16),
+                              Text('edit').tr(),
+                            ],
+                          ),
+                          onTap: () {
+                            showDialog(
+                              context: context,
+                              builder: (context) => _ContactMethodEditor(
+                                contact: method,
+                              ),
+                            ).then((value) {
+                              if (value) {
+                                _fetchContactMethods();
+                              }
+                            });
+                          },
+                        ),
+                        PopupMenuItem(
+                          child: Row(
+                            children: [
+                              const Icon(Symbols.delete),
+                              const Gap(16),
+                              Text('delete'.tr()),
+                            ],
+                          ),
+                          onTap: () {
+                            _deleteContactMethod(method);
+                          },
+                        ),
+                      ],
+                    ),
+                  );
+                },
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _ContactMethodEditor extends StatefulWidget {
+  final SnAccountContact? contact;
+  const _ContactMethodEditor({this.contact});
+
+  @override
+  State<_ContactMethodEditor> createState() => _ContactMethodEditorState();
+}
+
+class _ContactMethodEditorState extends State<_ContactMethodEditor> {
+  int _type = 0;
+  bool _isPublic = false;
+  final TextEditingController _contentController = TextEditingController();
+
+  bool _isBusy = false;
+
+  Future<void> _saveContactMethod() async {
+    setState(() => _isBusy = true);
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.request(
+        widget.contact == null
+            ? '/cgi/id/users/me/contacts'
+            : '/cgi/id/users/me/contacts/${widget.contact!.id}',
+        data: {
+          'content': _contentController.text,
+          'type': _type,
+          'is_public': _isPublic,
+        },
+        options: Options(
+          method: widget.contact == null ? 'POST' : 'PUT',
+        ),
+      );
+      if (!mounted) return;
+      Navigator.pop(context, true);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    if (widget.contact != null) {
+      _type = widget.contact!.type;
+      _isPublic = widget.contact!.isPublic;
+      _contentController.text = widget.contact!.content;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: widget.contact == null
+          ? Text('accountContactMethodsAdd').tr()
+          : Text('accountContactMethodsEdit').tr(),
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          DropdownButtonHideUnderline(
+            child: DropdownButton2<int>(
+              value: _type,
+              items: kContactMethodsName
+                  .mapIndexed((idx, ele) => DropdownMenuItem<int>(
+                        value: idx,
+                        child: Text('accountContactMethodsName$ele').tr(),
+                      ))
+                  .toList(),
+              buttonStyleData: ButtonStyleData(
+                height: 48,
+                width: double.infinity,
+                padding: const EdgeInsets.only(left: 14, right: 14),
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(4),
+                  border: Border.all(
+                    color: Theme.of(context).dividerColor,
+                  ),
+                ),
+              ),
+              menuItemStyleData: const MenuItemStyleData(
+                height: 48,
+                padding: EdgeInsets.only(left: 14, right: 14),
+              ),
+              onChanged: (value) {
+                setState(() => _type = value ?? 0);
+              },
+            ),
+          ),
+          const Gap(8),
+          TextField(
+            controller: _contentController,
+            decoration: InputDecoration(
+              isDense: true,
+              border: const OutlineInputBorder(),
+              labelText: 'fieldContactContent'.tr(),
+            ),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+          ),
+          const Gap(8),
+          Card(
+            margin: EdgeInsets.zero,
+            child: CheckboxListTile(
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.all(
+                  Radius.circular(8),
+                ),
+              ),
+              title: Text('accountContactMethodsPublic').tr(),
+              subtitle: Text('accountContactMethodsPublicHint').tr(),
+              secondary: const Icon(Symbols.globe),
+              value: _isPublic,
+              onChanged: (value) {
+                setState(() => _isPublic = value ?? false);
+              },
+            ),
+          )
+        ],
+      ),
+      actions: [
+        TextButton(
+          onPressed: _isBusy
+              ? null
+              : () {
+                  Navigator.of(context).pop();
+                },
+          child: Text('dialogDismiss').tr(),
+        ),
+        TextButton(
+          onPressed: _isBusy
+              ? null
+              : () {
+                  _saveContactMethod();
+                },
+          child: Text('dialogConfirm').tr(),
+        ),
+      ],
+    );
+  }
+}

lib/screens/account/keypairs.dart

@@ -0,0 +1,106 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/keypair.dart';
+import 'package:surface/types/keypair.dart';
+import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+
+class KeyPairScreen extends StatefulWidget {
+  const KeyPairScreen({super.key});
+
+  @override
+  State<KeyPairScreen> createState() => _KeyPairScreenState();
+}
+
+class _KeyPairScreenState extends State<KeyPairScreen> {
+  bool _isBusy = false;
+  List<SnKeyPair>? _keyPairs;
+
+  Future<void> _loadKeyPairs() async {
+    setState(() => _isBusy = true);
+    final kps = await context.read<KeyPairProvider>().listKeyPair();
+    setState(() {
+      _keyPairs = kps;
+      _isBusy = false;
+    });
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _loadKeyPairs();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        title: Text('screenKeyPairs').tr(),
+      ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          ListTile(
+            leading: const Icon(Symbols.add),
+            title: Text('enrollNewKeyPair').tr(),
+            subtitle: Text('enrollNewKeyPairDescription').tr(),
+            onTap: () async {
+              await context.read<KeyPairProvider>().enrollNew();
+              _loadKeyPairs();
+            },
+          ),
+          const Divider(height: 1),
+          if (_keyPairs != null)
+            Expanded(
+              child: MediaQuery.removePadding(
+                context: context,
+                removeTop: true,
+                child: RefreshIndicator(
+                  onRefresh: _loadKeyPairs,
+                  child: ListView.builder(
+                    itemCount: _keyPairs!.length,
+                    itemBuilder: (context, index) {
+                      final kp = _keyPairs![index];
+                      return ListTile(
+                        title: Text(kp.id.toUpperCase()),
+                        subtitle: Row(
+                          spacing: 8,
+                          children: [
+                            if (kp.privateKey != null)
+                              Text(
+                                'keyPairHasPrivateKey'.tr(),
+                              ),
+                            if (kp.privateKey != null) Text('·'),
+                            Flexible(
+                              flex: 1,
+                              child: Text(
+                                'UID #${kp.accountId.toString().padLeft(8, '0')}',
+                                style: GoogleFonts.robotoMono(),
+                              ),
+                            ),
+                          ],
+                        ),
+                        trailing: IconButton(
+                          icon: const Icon(Symbols.check),
+                          onPressed: kp.isActive == true
+                              ? null
+                              : () async {
+                                  final k = context.read<KeyPairProvider>();
+                                  await k.activeKeyPair(kp.id);
+                                  _loadKeyPairs();
+                                },
+                        ),
+                      );
+                    },
+                  ),
+                ),
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/account/prefs/notify.dart

@@ -0,0 +1,122 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+
+final Map<String, String> kNotifyTopicMap = {
+  'interactive.reply': 'notificationTopicPostReply'.tr(),
+  'interactive.feedback': 'notificationTopicPostFeedback'.tr(),
+  'interactive.subscription': 'notificationTopicPostSubscription'.tr(),
+  'messaging.message': 'notificationTopicMessaging'.tr(),
+  'messaging.call': 'notificationTopicMessagingCall'.tr(),
+  'general': 'notificationTopicGeneral'.tr(),
+};
+
+class AccountNotifyPrefsScreen extends StatefulWidget {
+  const AccountNotifyPrefsScreen({super.key});
+
+  @override
+  State<AccountNotifyPrefsScreen> createState() =>
+      _AccountNotifyPrefsScreenState();
+}
+
+class _AccountNotifyPrefsScreenState extends State<AccountNotifyPrefsScreen> {
+  bool _isBusy = true;
+
+  Map<String, bool> _config = {};
+
+  Future<void> _getPreferences() async {
+    setState(() => _isBusy = true);
+
+    final sn = context.read<SnNetworkProvider>();
+
+    try {
+      final resp = await sn.client.get('/cgi/id/preferences/notifications');
+      _config = resp.data['config']
+          .map((k, v) => MapEntry(k, v as bool))
+          .cast<String, bool>();
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  Future<void> _savePreferences() async {
+    setState(() => _isBusy = true);
+
+    final sn = context.read<SnNetworkProvider>();
+
+    try {
+      await sn.client.put(
+        '/cgi/id/preferences/notifications',
+        data: {
+          'config': _config,
+        },
+      );
+      if (!mounted) return;
+      context.showSnackbar('accountSettingsApplied'.tr());
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _getPreferences();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('accountSettingsNotify').tr(),
+      ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          ListTile(
+            tileColor: Theme.of(context).colorScheme.surfaceContainer,
+            contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+            leading: const Icon(Icons.save),
+            title: Text('save').tr(),
+            enabled: !_isBusy,
+            onTap: () {
+              _savePreferences();
+            },
+          ),
+          Expanded(
+            child: ListView.builder(
+              padding: EdgeInsets.zero,
+              itemCount: kNotifyTopicMap.length,
+              itemBuilder: (context, index) {
+                final element = kNotifyTopicMap.entries.elementAt(index);
+                return CheckboxListTile(
+                  title: Text(element.value),
+                  subtitle: Text(
+                    element.key,
+                    style: GoogleFonts.robotoMono(fontSize: 12),
+                  ),
+                  value: _config[element.key] ?? true,
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  onChanged: (value) {
+                    setState(() {
+                      _config[element.key] = value ?? false;
+                    });
+                  },
+                );
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/account/prefs/security.dart

@@ -0,0 +1,147 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.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/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+
+class AccountSecurityPrefsScreen extends StatefulWidget {
+  const AccountSecurityPrefsScreen({super.key});
+
+  @override
+  State<AccountSecurityPrefsScreen> createState() =>
+      _AccountSecurityPrefsScreenState();
+}
+
+class _AccountSecurityPrefsScreenState
+    extends State<AccountSecurityPrefsScreen> {
+  bool _isBusy = true;
+
+  Map<String, dynamic> _config = {
+    'maximum_auth_steps': 2,
+    'always_risky': false,
+  };
+
+  Future<void> _getPreferences() async {
+    setState(() => _isBusy = true);
+
+    final sn = context.read<SnNetworkProvider>();
+
+    try {
+      final resp = await sn.client.get('/cgi/id/preferences/auth');
+      _config = resp.data['config']
+          .map((k, v) => MapEntry(k, v as bool))
+          .cast<String, bool>();
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  Future<void> _savePreferences() async {
+    setState(() => _isBusy = true);
+
+    final sn = context.read<SnNetworkProvider>();
+
+    try {
+      await sn.client.put(
+        '/cgi/id/preferences/auth',
+        data: {
+          'config': _config,
+        },
+      );
+      if (!mounted) return;
+      context.showSnackbar('accountSettingsApplied'.tr());
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _getPreferences();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('accountSettingsSecurity').tr(),
+      ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          ListTile(
+            tileColor: Theme.of(context).colorScheme.surfaceContainer,
+            contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+            leading: const Icon(Icons.save),
+            title: Text('save').tr(),
+            enabled: !_isBusy,
+            onTap: () {
+              _savePreferences();
+            },
+          ),
+          Expanded(
+            child: ListView(
+              padding: EdgeInsets.zero,
+              children: [
+                ListTile(
+                  title: Text('authMaximumAuthSteps').tr(),
+                  subtitle: Text('authMaximumAuthStepsDescription')
+                      .plural(_config['maximum_auth_steps'] ?? 2),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  trailing: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      IconButton(
+                        padding: EdgeInsets.zero,
+                        visualDensity: const VisualDensity(
+                          horizontal: -4,
+                          vertical: -4,
+                        ),
+                        icon: const Icon(Symbols.remove),
+                        onPressed: () {
+                          if (_config['maximum_auth_steps'] > 1) {
+                            setState(() => _config['maximum_auth_steps']--);
+                          }
+                        },
+                      ),
+                      IconButton(
+                        padding: EdgeInsets.zero,
+                        visualDensity: const VisualDensity(
+                          horizontal: -4,
+                          vertical: -4,
+                        ),
+                        icon: const Icon(Symbols.add),
+                        onPressed: () {
+                          if (_config['maximum_auth_steps'] < 99) {
+                            setState(() => _config['maximum_auth_steps']++);
+                          }
+                        },
+                      ),
+                    ],
+                  ),
+                ),
+                CheckboxListTile(
+                  title: Text('authAlwaysRisky').tr(),
+                  subtitle: Text('authAlwaysRiskyDescription').tr(),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  value: _config['always_risky'] ?? false,
+                  onChanged: (value) {
+                    setState(() => _config['always_risky'] = value);
+                  },
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/account/profile_edit.dart

@@ -6,6 +6,7 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_timezone/flutter_timezone.dart';
 import 'package:gap/gap.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:material_symbols_icons/symbols.dart';
@@ -36,11 +37,16 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
   final _firstNameController = TextEditingController();
   final _lastNameController = TextEditingController();
   final _descriptionController = TextEditingController();
+  final _timezoneController = TextEditingController();
+  final _genderController = TextEditingController();
+  final _pronounsController = TextEditingController();
+  final _locationController = TextEditingController();
   final _birthdayController = TextEditingController();
 
   String? _avatar;
   String? _banner;
   DateTime? _birthday;
+  List<(String, String)>? _links;
 
   bool _isBusy = false;
 
@@ -51,43 +57,46 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
     final prof = ua.user!;
     _usernameController.text = prof.name;
     _nicknameController.text = prof.nick;
-    _descriptionController.text = prof.description;
+    _descriptionController.text = prof.profile!.description;
     _firstNameController.text = prof.profile!.firstName;
     _lastNameController.text = prof.profile!.lastName;
+    _timezoneController.text = prof.profile!.timeZone;
+    _genderController.text = prof.profile!.gender;
+    _pronounsController.text = prof.profile!.pronouns;
+    _locationController.text = prof.profile!.location;
     _avatar = prof.avatar;
     _banner = prof.banner;
-    if (prof.profile!.birthday != null) {
-      _birthdayController.text = DateFormat(_kDateFormat).format(
-        prof.profile!.birthday!.toLocal(),
-      );
+    _links = prof.profile!.links.entries.map((ele) => (ele.key, ele.value)).toList();
+    _birthday = prof.profile!.birthday?.toLocal();
+    if (_birthday != null) {
+      _birthdayController.text = DateFormat(_kDateFormat).format(prof.profile!.birthday!.toLocal());
     }
   }
 
   void _selectBirthday() async {
     await showCupertinoModalPopup<DateTime?>(
       context: context,
-      builder: (BuildContext context) => Container(
-        height: 216,
-        padding: const EdgeInsets.only(top: 6.0),
-        margin: EdgeInsets.only(
-          bottom: MediaQuery.of(context).viewInsets.bottom,
-        ),
-        color: Theme.of(context).colorScheme.surface,
-        child: SafeArea(
-          top: false,
-          child: CupertinoDatePicker(
-            initialDateTime: _birthday?.toLocal(),
-            mode: CupertinoDatePickerMode.date,
-            use24hFormat: true,
-            onDateTimeChanged: (DateTime newDate) {
-              setState(() {
-                _birthday = newDate;
-                _birthdayController.text = DateFormat(_kDateFormat).format(_birthday!);
-              });
-            },
+      builder:
+          (BuildContext context) => Container(
+            height: 216,
+            padding: const EdgeInsets.only(top: 6.0),
+            margin: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
+            color: Theme.of(context).colorScheme.surface,
+            child: SafeArea(
+              top: false,
+              child: CupertinoDatePicker(
+                initialDateTime: _birthday?.toLocal(),
+                mode: CupertinoDatePickerMode.date,
+                use24hFormat: true,
+                onDateTimeChanged: (DateTime newDate) {
+                  setState(() {
+                    _birthday = newDate;
+                    _birthdayController.text = DateFormat(_kDateFormat).format(_birthday!);
+                  });
+                },
+              ),
+            ),
           ),
-        ),
-      ),
     );
   }
 
@@ -96,32 +105,42 @@ 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 result = (!kIsWeb && (Platform.isIOS || Platform.isMacOS))
-        ? await showCupertinoImageCropper(
-            // ignore: use_build_context_synchronously
-            context,
-            allowedAspectRatios: aspectRatios,
-            imageProvider: imageProvider,
-          )
-        : await showMaterialImageCropper(
-            // ignore: use_build_context_synchronously
-            context,
-            allowedAspectRatios: aspectRatios,
-            imageProvider: imageProvider,
-          );
+    final skipCrop = image.path.endsWith('.gif');
 
-    if (result == null) return;
+    Uint8List? rawBytes;
+    if (!skipCrop) {
+      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
+                context,
+                allowedAspectRatios: aspectRatios,
+                imageProvider: imageProvider,
+              )
+              : await showMaterialImageCropper(
+                // ignore: use_build_context_synchronously
+                context,
+                allowedAspectRatios: aspectRatios,
+                imageProvider: imageProvider,
+              );
+
+      if (result == null) return;
+
+      if (!mounted) return;
+      setState(() => _isBusy = true);
+      rawBytes = (await result.uiImage.toByteData(format: ImageByteFormat.png))!.buffer.asUint8List();
+    } else {
+      if (!mounted) return;
+      setState(() => _isBusy = true);
+      rawBytes = await image.readAsBytes();
+    }
 
     if (!mounted) return;
     final attach = context.read<SnAttachmentProvider>();
 
-    setState(() => _isBusy = true);
-
-    final rawBytes = (await result.uiImage.toByteData(format: ImageByteFormat.png))!.buffer.asUint8List();
-
     try {
       final attachment = await attach.directUploadOne(
         rawBytes,
@@ -133,10 +152,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
 
       if (!mounted) return;
       final sn = context.read<SnNetworkProvider>();
-      await sn.client.put(
-        '/cgi/id/users/me/$place',
-        data: {'attachment': attachment.rid},
-      );
+      await sn.client.put('/cgi/id/users/me/$place', data: {'attachment': attachment.rid});
 
       if (!mounted) return;
       final ua = context.read<UserProvider>();
@@ -166,7 +182,14 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
           'description': _descriptionController.value.text,
           'first_name': _firstNameController.value.text,
           'last_name': _lastNameController.value.text,
+          'time_zone': _timezoneController.value.text,
+          'gender': _genderController.value.text,
+          'pronouns': _pronounsController.value.text,
+          'location': _locationController.value.text,
           'birthday': _birthday?.toUtc().toIso8601String(),
+          'links': {
+            for (final link in _links!.where((ele) => ele.$1.isNotEmpty && ele.$2.isNotEmpty)) link.$1: link.$2,
+          },
         },
       );
 
@@ -197,6 +220,10 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
     _firstNameController.dispose();
     _lastNameController.dispose();
     _descriptionController.dispose();
+    _timezoneController.dispose();
+    _genderController.dispose();
+    _pronounsController.dispose();
+    _locationController.dispose();
     _birthdayController.dispose();
     super.dispose();
   }
@@ -208,10 +235,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
     final sn = context.read<SnNetworkProvider>();
 
     return AppScaffold(
-      appBar: AppBar(
-        leading: const PageBackButton(),
-        title: Text('screenAccountProfileEdit').tr(),
-      ),
+      appBar: AppBar(leading: const PageBackButton(), title: Text('screenAccountProfileEdit').tr()),
       body: SingleChildScrollView(
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
@@ -230,12 +254,10 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
                         aspectRatio: 16 / 9,
                         child: Container(
                           color: Theme.of(context).colorScheme.surfaceContainerHigh,
-                          child: _banner != null
-                              ? AutoResizeUniversalImage(
-                                  sn.getAttachmentUrl(_banner!),
-                                  fit: BoxFit.cover,
-                                )
-                              : const SizedBox.shrink(),
+                          child:
+                              _banner != null
+                                  ? AutoResizeUniversalImage(sn.getAttachmentUrl(_banner!), fit: BoxFit.cover)
+                                  : const SizedBox.shrink(),
                         ),
                       ),
                     ),
@@ -262,6 +284,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
             ).padding(horizontal: padding),
             const Gap(8 + 28),
             Column(
+              spacing: 4,
               children: [
                 TextField(
                   readOnly: true,
@@ -271,16 +294,13 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
                     labelText: 'fieldUsername'.tr(),
                     helperText: 'fieldUsernameCannotEditHint'.tr(),
                   ),
+                  onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
                 ),
-                const Gap(4),
                 TextField(
                   controller: _nicknameController,
-                  decoration: InputDecoration(
-                    border: const UnderlineInputBorder(),
-                    labelText: 'fieldNickname'.tr(),
-                  ),
+                  decoration: InputDecoration(border: const UnderlineInputBorder(), labelText: 'fieldNickname'.tr()),
+                  onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
                 ),
-                const Gap(4),
                 Row(
                   children: [
                     Flexible(
@@ -291,6 +311,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
                           border: const UnderlineInputBorder(),
                           labelText: 'fieldFirstName'.tr(),
                         ),
+                        onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
                       ),
                     ),
                     const Gap(8),
@@ -302,31 +323,165 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
                           border: const UnderlineInputBorder(),
                           labelText: 'fieldLastName'.tr(),
                         ),
+                        onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                      ),
+                    ),
+                  ],
+                ),
+                Row(
+                  children: [
+                    Flexible(
+                      flex: 1,
+                      child: TextField(
+                        controller: _genderController,
+                        decoration: InputDecoration(
+                          border: const UnderlineInputBorder(),
+                          labelText: 'fieldGender'.tr(),
+                        ),
+                        onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                      ),
+                    ),
+                    const Gap(4),
+                    Flexible(
+                      flex: 1,
+                      child: TextField(
+                        controller: _pronounsController,
+                        decoration: InputDecoration(
+                          border: const UnderlineInputBorder(),
+                          labelText: 'fieldPronouns'.tr(),
+                        ),
+                        onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
                       ),
                     ),
                   ],
                 ),
-                const Gap(4),
                 TextField(
                   controller: _descriptionController,
                   keyboardType: TextInputType.multiline,
                   maxLines: null,
                   minLines: 3,
-                  decoration: InputDecoration(
-                    border: const UnderlineInputBorder(),
-                    labelText: 'fieldDescription'.tr(),
-                  ),
+                  decoration: InputDecoration(border: const UnderlineInputBorder(), labelText: 'fieldDescription'.tr()),
+                  onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                ),
+                Row(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Expanded(
+                      child: TextField(
+                        controller: _timezoneController,
+                        decoration: InputDecoration(
+                          border: const UnderlineInputBorder(),
+                          labelText: 'fieldTimeZone'.tr(),
+                        ),
+                        onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                      ),
+                    ),
+                    const Gap(4),
+                    StyledWidget(
+                      IconButton(
+                        icon: const Icon(Symbols.calendar_month),
+                        visualDensity: VisualDensity(horizontal: -4, vertical: -4),
+                        padding: EdgeInsets.zero,
+                        constraints: const BoxConstraints(),
+                        onPressed: () async {
+                          _timezoneController.text = await FlutterTimezone.getLocalTimezone();
+                        },
+                      ),
+                    ).padding(top: 6),
+                    const Gap(4),
+                    StyledWidget(
+                      IconButton(
+                        icon: const Icon(Symbols.clear),
+                        visualDensity: VisualDensity(horizontal: -4, vertical: -4),
+                        padding: EdgeInsets.zero,
+                        constraints: const BoxConstraints(),
+                        onPressed: () {
+                          _timezoneController.clear();
+                        },
+                      ),
+                    ).padding(top: 6),
+                  ],
+                ),
+                TextField(
+                  controller: _locationController,
+                  decoration: InputDecoration(border: const UnderlineInputBorder(), labelText: 'fieldLocation'.tr()),
+                  onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
                 ),
-                const Gap(4),
                 TextField(
                   controller: _birthdayController,
                   readOnly: true,
-                  decoration: InputDecoration(
-                    border: const UnderlineInputBorder(),
-                    labelText: 'fieldBirthday'.tr(),
-                  ),
+                  decoration: InputDecoration(border: const UnderlineInputBorder(), labelText: 'fieldBirthday'.tr()),
                   onTap: () => _selectBirthday(),
                 ),
+                if (_links != null)
+                  Card(
+                    margin: const EdgeInsets.only(top: 16, bottom: 4),
+                    child: Container(
+                      width: double.infinity,
+                      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Row(
+                            children: [
+                              Expanded(
+                                child: Text(
+                                  'fieldLinks'.tr(),
+                                  style: Theme.of(context).textTheme.titleMedium!.copyWith(fontSize: 17),
+                                ),
+                              ),
+                              IconButton(
+                                padding: EdgeInsets.zero,
+                                constraints: const BoxConstraints(),
+                                visualDensity: VisualDensity(horizontal: -4, vertical: -4),
+                                icon: const Icon(Symbols.add),
+                                onPressed: () {
+                                  setState(() => _links!.add(('', '')));
+                                },
+                              ),
+                            ],
+                          ),
+                          const Gap(8),
+                          for (var idx = 0; idx < _links!.length; idx++)
+                            Row(
+                              children: [
+                                Flexible(
+                                  flex: 1,
+                                  child: TextFormField(
+                                    initialValue: _links![idx].$1,
+                                    decoration: InputDecoration(
+                                      isDense: true,
+                                      border: const OutlineInputBorder(),
+                                      labelText: 'fieldLinkName'.tr(),
+                                    ),
+                                    onChanged: (value) {
+                                      _links![idx] = (value, _links![idx].$2);
+                                    },
+                                    onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                                  ),
+                                ),
+                                const Gap(8),
+                                Flexible(
+                                  flex: 1,
+                                  child: TextFormField(
+                                    initialValue: _links![idx].$2,
+                                    decoration: InputDecoration(
+                                      isDense: true,
+                                      border: const OutlineInputBorder(),
+                                      labelText: 'fieldLinkUrl'.tr(),
+                                    ),
+                                    onChanged: (value) {
+                                      _links![idx] = (_links![idx].$1, value);
+                                    },
+                                    onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                                  ),
+                                ),
+                              ],
+                            ),
+                        ],
+                      ),
+                    ),
+                  ),
               ],
             ).padding(horizontal: padding + 8),
             const Gap(12),
@@ -340,6 +495,7 @@ class _ProfileEditScreenState extends State<ProfileEditScreen> {
                 ),
               ],
             ).padding(horizontal: padding),
+            Gap(MediaQuery.of(context).padding.bottom),
           ],
         ),
       ),

lib/screens/account/profile_page.dart

@@ -18,10 +18,13 @@ import 'package:surface/types/account.dart';
 import 'package:surface/types/check_in.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/widgets/account/account_image.dart';
+import 'package:surface/widgets/account/badge.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/universal_image.dart';
+import 'package:surface/theme.dart';
+import 'package:url_launcher/url_launcher_string.dart';
 
-const Map<String, (String, IconData, Color)> kBadgesMeta = {
+final Map<String, (String, IconData, Color)> kBadgesMeta = {
   'company.staff': (
     'badgeCompanyStaff',
     Symbols.tools_wrench,
@@ -32,6 +35,31 @@ const Map<String, (String, IconData, Color)> kBadgesMeta = {
     Symbols.flag,
     Colors.orange,
   ),
+  'site.anniversary': (
+    'badgeSiteAnniversary',
+    Symbols.celebration,
+    Colors.orangeAccent,
+  ),
+  'user.birthday': (
+    'badgeUserBirthday',
+    Symbols.cake,
+    Colors.red[400]!,
+  ),
+  'community.survey': (
+    'badgeCommunitySurvey',
+    Symbols.star,
+    Colors.yellow[700]!,
+  ),
+  'community.verified': (
+    'badgeCommunityVerified',
+    Symbols.verified,
+    Colors.blue,
+  ),
+  'community.contributor': (
+    'badgeCommunityContributor',
+    Symbols.thumb_up,
+    Colors.lightGreen,
+  ),
 };
 
 class UserScreen extends StatefulWidget {
@@ -43,7 +71,8 @@ class UserScreen extends StatefulWidget {
   State<UserScreen> createState() => _UserScreenState();
 }
 
-class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateMixin {
+class _UserScreenState extends State<UserScreen>
+    with SingleTickerProviderStateMixin {
   late final ScrollController _scrollController = ScrollController();
 
   SnAccount? _account;
@@ -64,13 +93,18 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
     }
   }
 
-  Future<List<SnCheckInRecord>> _getCheckInRecords() async {
+  List<SnCheckInRecord>? _records;
+
+  Future<void> _getCheckInRecords() async {
     try {
       final sn = context.read<SnNetworkProvider>();
-      final resp = await sn.client.get('/cgi/id/users/${widget.name}/check-in?take=14');
-      return List.from(
-        resp.data['data']?.map((x) => SnCheckInRecord.fromJson(x)) ?? [],
-      );
+      final resp =
+          await sn.client.get('/cgi/id/users/${widget.name}/check-in?take=14');
+      setState(() {
+        _records = List.from(
+          resp.data['data']?.map((x) => SnCheckInRecord.fromJson(x)) ?? [],
+        );
+      });
     } catch (err) {
       if (mounted) context.showErrorDialog(err);
       rethrow;
@@ -98,7 +132,8 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
   Future<void> _fetchPublishers() async {
     try {
       final sn = context.read<SnNetworkProvider>();
-      final resp = await sn.client.get('/cgi/co/publishers?user=${widget.name}');
+      final resp =
+          await sn.client.get('/cgi/co/publishers?user=${widget.name}');
       _publishers = List<SnPublisher>.from(
         resp.data?.map((e) => SnPublisher.fromJson(e)) ?? [],
       );
@@ -144,7 +179,8 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
         'related': _account!.name,
       });
       if (!mounted) return;
-      context.showSnackbar('userBlocked'.tr(args: ['@${_account?.name ?? 'unknown'}']));
+      context.showSnackbar(
+          'userBlocked'.tr(args: ['@${_account?.name ?? 'unknown'}']));
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -160,9 +196,11 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
 
     try {
       final rel = context.read<SnRelationshipProvider>();
-      await rel.updateRelationship(_account!.id, 1, _accountRelationship?.permNodes ?? {});
+      await rel.updateRelationship(
+          _account!.id, 1, _accountRelationship?.permNodes ?? {});
       if (!mounted) return;
-      context.showSnackbar('userUnblocked'.tr(args: ['@${_account?.name ?? 'unknown'}']));
+      context.showSnackbar(
+          'userUnblocked'.tr(args: ['@${_account?.name ?? 'unknown'}']));
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -188,12 +226,14 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
   double _appBarBlur = 0.0;
 
   late final _appBarWidth = MediaQuery.of(context).size.width;
-  late final _appBarHeight = (_appBarWidth * kBannerAspectRatio).roundToDouble();
+  late final _appBarHeight =
+      (_appBarWidth * kBannerAspectRatio).roundToDouble();
 
   void _updateAppBarBlur() {
     if (_scrollController.offset > _appBarHeight) return;
     setState(() {
-      _appBarBlur = (_scrollController.offset / _appBarHeight * 10).clamp(0.0, 10.0);
+      _appBarBlur =
+          (_scrollController.offset / _appBarHeight * 10).clamp(0.0, 10.0);
     });
   }
 
@@ -205,6 +245,7 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
 
       _fetchStatus();
       _fetchPublishers();
+      _getCheckInRecords();
 
       try {
         final rel = context.read<SnRelationshipProvider>();
@@ -260,18 +301,20 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                       text: TextSpan(children: [
                         TextSpan(
                           text: _account!.nick,
-                          style: Theme.of(context).textTheme.titleLarge!.copyWith(
-                                color: Colors.white,
-                                shadows: labelShadows,
-                              ),
+                          style:
+                              Theme.of(context).textTheme.titleLarge!.copyWith(
+                                    color: Colors.white,
+                                    shadows: labelShadows,
+                                  ),
                         ),
                         const TextSpan(text: '\n'),
                         TextSpan(
                           text: '@${_account!.name}',
-                          style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                                color: Colors.white,
-                                shadows: labelShadows,
-                              ),
+                          style:
+                              Theme.of(context).textTheme.bodySmall!.copyWith(
+                                    color: Colors.white,
+                                    shadows: labelShadows,
+                                  ),
                         ),
                       ]),
                     ),
@@ -280,14 +323,21 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                   ? Stack(
                       fit: StackFit.expand,
                       children: [
-                        UniversalImage(
-                          sn.getAttachmentUrl(_account!.banner),
-                          fit: BoxFit.cover,
-                          height: imageHeight,
-                          width: _appBarWidth,
-                          cacheHeight: imageHeight,
-                          cacheWidth: _appBarWidth,
-                        ),
+                        if (_account!.banner.isNotEmpty)
+                          UniversalImage(
+                            sn.getAttachmentUrl(_account!.banner),
+                            fit: BoxFit.cover,
+                            height: imageHeight,
+                            width: _appBarWidth,
+                            cacheHeight: imageHeight,
+                            cacheWidth: _appBarWidth,
+                          )
+                        else
+                          Container(
+                            color: Theme.of(context)
+                                .colorScheme
+                                .surfaceContainerHigh,
+                          ),
                         Positioned(
                           top: 0,
                           left: 0,
@@ -339,7 +389,8 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                       PopupMenuButton(
                         padding: EdgeInsets.zero,
                         style: ButtonStyle(
-                          visualDensity: VisualDensity(horizontal: -4, vertical: -4),
+                          visualDensity:
+                              VisualDensity(horizontal: -4, vertical: -4),
                         ),
                         itemBuilder: (context) => [
                           PopupMenuItem(
@@ -389,27 +440,41 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                       ),
                     ],
                   ).padding(right: 8),
-                  const Gap(12),
-                  Text(_account!.description).padding(horizontal: 8),
+                  if (_account!.profile!.description.isNotEmpty)
+                    const Gap(12)
+                  else
+                    const Gap(8),
+                  if (_account!.profile!.description.isNotEmpty)
+                    Text(_account!.profile!.description).padding(horizontal: 8),
                   const Gap(4),
                   Card(
                     child: Row(
                       children: [
                         Icon(
-                          Symbols.circle,
-                          fill: 1,
+                          (_status?.isDisturbable ?? true)
+                              ? Symbols.circle
+                              : Symbols.do_not_disturb_on,
+                          fill: (_status?.isOnline ?? false) ? 1 : 0,
                           size: 16,
-                          color: (_status?.isOnline ?? false) ? Colors.green : Colors.grey,
+                          color: (_status?.isOnline ?? false)
+                              ? (_status?.isDisturbable ?? true)
+                                  ? Colors.green
+                                  : Colors.red
+                              : Colors.grey,
                         ).padding(all: 4),
                         const Gap(8),
                         Text(
                           _status != null
-                              ? _status!.isOnline
-                                  ? 'accountStatusOnline'.tr()
-                                  : 'accountStatusOffline'.tr()
+                              ? (_status!.status?.label.isNotEmpty ?? false)
+                                  ? _status!.status!.label
+                                  : _status!.isOnline
+                                      ? 'accountStatusOnline'.tr()
+                                      : 'accountStatusOffline'.tr()
                               : 'loading'.tr(),
                         ),
-                        if (_status != null && !_status!.isOnline && _status!.lastSeenAt != null)
+                        if (_status != null &&
+                            !_status!.isOnline &&
+                            _status!.lastSeenAt != null)
                           Text(
                             'accountStatusLastSeen'.tr(args: [
                               _status!.lastSeenAt != null
@@ -426,27 +491,7 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                   Wrap(
                     children: _account!.badges
                         .map(
-                          (ele) => Tooltip(
-                            richMessage: TextSpan(
-                              children: [
-                                TextSpan(text: kBadgesMeta[ele.type]?.$1.tr() ?? 'unknown'.tr()),
-                                if (ele.metadata['title'] != null)
-                                  TextSpan(
-                                    text: '\n${ele.metadata['title']}',
-                                    style: const TextStyle(fontWeight: FontWeight.bold),
-                                  ),
-                                TextSpan(text: '\n'),
-                                TextSpan(
-                                  text: DateFormat.yMEd().format(ele.createdAt),
-                                ),
-                              ],
-                            ),
-                            child: Icon(
-                              kBadgesMeta[ele.type]?.$2 ?? Symbols.question_mark,
-                              color: kBadgesMeta[ele.type]?.$3,
-                              fill: 1,
-                            ),
-                          ),
+                          (ele) => AccountBadge(badge: ele),
                         )
                         .toList(),
                   ).padding(horizontal: 8),
@@ -458,7 +503,9 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                         children: [
                           const Icon(Symbols.calendar_add_on),
                           const Gap(8),
-                          Text('publisherJoinedAt').tr(args: [DateFormat('y/M/d').format(_account!.createdAt)]),
+                          Text('publisherJoinedAt').tr(args: [
+                            DateFormat('y/M/d').format(_account!.createdAt)
+                          ]),
                         ],
                       ),
                       Row(
@@ -475,6 +522,44 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                           ]),
                         ],
                       ),
+                      if (_account!.profile!.gender.isNotEmpty ||
+                          _account!.profile!.pronouns.isNotEmpty)
+                        Row(
+                          crossAxisAlignment: CrossAxisAlignment.center,
+                          children: [
+                            const Icon(Symbols.wc),
+                            const Gap(8),
+                            Text(
+                              _account!.profile!.gender.isNotEmpty
+                                  ? _account!.profile!.gender
+                                  : 'unknown'.tr(),
+                            ),
+                            Text(' · ').padding(horizontal: 4),
+                            Text(
+                              _account!.profile!.pronouns.isNotEmpty
+                                  ? _account!.profile!.pronouns
+                                  : 'unknown'.tr(),
+                            ),
+                          ],
+                        ),
+                      if (_account!.profile!.timeZone.isNotEmpty)
+                        Row(
+                          crossAxisAlignment: CrossAxisAlignment.center,
+                          children: [
+                            const Icon(Symbols.schedule),
+                            const Gap(8),
+                            Text(_account!.profile!.timeZone),
+                          ],
+                        ),
+                      if (_account!.profile!.location.isNotEmpty)
+                        Row(
+                          crossAxisAlignment: CrossAxisAlignment.center,
+                          children: [
+                            const Icon(Symbols.location_on),
+                            const Gap(8),
+                            Text(_account!.profile!.location),
+                          ],
+                        ),
                       Row(
                         crossAxisAlignment: CrossAxisAlignment.center,
                         children: [
@@ -491,17 +576,24 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                         children: [
                           const Icon(Symbols.star),
                           const Gap(8),
-                          Text('Lv${getLevelFromExp(_account?.profile?.experience ?? 0)}'),
+                          Text(
+                              'Lv${getLevelFromExp(_account?.profile?.experience ?? 0)}'),
                           const Gap(8),
-                          Text(calcLevelUpProgressLevel(_account?.profile?.experience ?? 0)).fontSize(11).opacity(0.5),
+                          Text(calcLevelUpProgressLevel(
+                                  _account?.profile?.experience ?? 0))
+                              .fontSize(11)
+                              .opacity(0.5),
                           const Gap(8),
                           Container(
                             width: double.infinity,
                             constraints: const BoxConstraints(maxWidth: 160),
                             child: LinearProgressIndicator(
-                              value: calcLevelUpProgress(_account?.profile?.experience ?? 0),
+                              value: calcLevelUpProgress(
+                                  _account?.profile?.experience ?? 0),
                               borderRadius: BorderRadius.circular(8),
-                              backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
+                              backgroundColor: Theme.of(context)
+                                  .colorScheme
+                                  .surfaceContainer,
                             ).alignment(Alignment.centerLeft),
                           ),
                         ],
@@ -511,24 +603,46 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
                 ],
               ).padding(all: 16),
             ),
+          if (_account?.profile?.links.isNotEmpty ?? false)
+            SliverToBoxAdapter(child: const Divider()),
+          if (_account?.profile?.links.isNotEmpty ?? false)
+            SliverToBoxAdapter(
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: _account!.profile!.links.entries.map((ele) {
+                  return ListTile(
+                    leading: const Icon(Symbols.link),
+                    title: Text(ele.key),
+                    subtitle: Text(ele.value),
+                    contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                    onTap: () {
+                      launchUrlString(ele.value);
+                    },
+                  );
+                }).toList(),
+              ),
+            ),
           SliverToBoxAdapter(child: const Divider()),
           const SliverGap(12),
           SliverToBoxAdapter(
-            child: FutureBuilder<List<SnCheckInRecord>>(
-              future: _getCheckInRecords(),
-              builder: (context, snapshot) {
-                if (!snapshot.hasData) return const SizedBox.shrink();
-                if (snapshot.data!.length <= 1) {
+            child: Builder(
+              builder: (context) {
+                if (_records == null) return const SizedBox.shrink();
+                if (_records!.length <= 1) {
                   return Text(
                     'accountCheckInNoRecords',
                     textAlign: TextAlign.center,
-                  ).tr().fontWeight(FontWeight.bold).center().padding(horizontal: 20, vertical: 8);
+                  )
+                      .tr()
+                      .fontWeight(FontWeight.bold)
+                      .center()
+                      .padding(horizontal: 20, vertical: 8);
                 }
-                final records = snapshot.data!;
                 return SizedBox(
                   width: double.infinity,
                   height: 240,
-                  child: CheckInRecordChart(records: records),
+                  child: CheckInRecordChart(records: _records!),
                 ).padding(
                   right: 24,
                   left: 16,
@@ -540,45 +654,55 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
           const SliverGap(12),
           SliverToBoxAdapter(child: const Divider()),
           const SliverGap(12),
-          SliverToBoxAdapter(
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                Text('accountBadge').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
-                SizedBox(
-                  height: 80,
-                  width: double.infinity,
-                  child: ListView(
-                    padding: EdgeInsets.symmetric(horizontal: 8),
-                    scrollDirection: Axis.horizontal,
-                    children: [
-                      for (final badge in _account?.badges ?? [])
-                        SizedBox(
-                          width: 280,
-                          child: Card(
-                            child: ListTile(
-                              leading: Icon(
-                                kBadgesMeta[badge.type]?.$2 ?? Symbols.question_mark,
-                                color: kBadgesMeta[badge.type]?.$3,
-                                fill: 1,
+          if (_account?.badges.isNotEmpty ?? false)
+            SliverToBoxAdapter(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text('accountBadge')
+                      .bold()
+                      .fontSize(17)
+                      .tr()
+                      .padding(horizontal: 20, bottom: 4),
+                  SizedBox(
+                    height: 80,
+                    width: double.infinity,
+                    child: ListView(
+                      padding: EdgeInsets.symmetric(horizontal: 8),
+                      scrollDirection: Axis.horizontal,
+                      children: [
+                        for (final badge in _account?.badges ?? [])
+                          SizedBox(
+                            width: 280,
+                            child: Card(
+                              child: ListTile(
+                                leading: Icon(
+                                  kBadgesMeta[badge.type]?.$2 ??
+                                      Symbols.question_mark,
+                                  color: badge.metadata['color'] != null
+                                      ? HexColor.fromHex(
+                                          badge.metadata['color']!)
+                                      : kBadgesMeta[badge.type]?.$3,
+                                  fill: 1,
+                                ),
+                                title: Text(
+                                  kBadgesMeta[badge.type]?.$1 ?? 'unknown',
+                                ).tr(),
+                                subtitle: badge.metadata['title'] != null
+                                    ? Text(badge.metadata['title'])
+                                    : Text(
+                                        DateFormat('y/M/d')
+                                            .format(badge.createdAt),
+                                      ),
                               ),
-                              title: Text(
-                                kBadgesMeta[badge.type]?.$1 ?? 'unknown',
-                              ).tr(),
-                              subtitle: badge.metadata['title'] != null
-                                  ? Text(badge.metadata['title'])
-                                  : Text(
-                                      DateFormat('y/M/d').format(badge.createdAt),
-                                    ),
                             ),
                           ),
-                        ),
-                    ],
+                      ],
+                    ),
                   ),
-                ),
-              ],
+                ],
+              ),
             ),
-          ),
           const SliverGap(8),
           SliverToBoxAdapter(child: const Divider()),
           SliverList.builder(
@@ -664,7 +788,8 @@ class CheckInRecordChart extends StatelessWidget {
                   ),
                 )
                 .toList(),
-            getTooltipColor: (_) => Theme.of(context).colorScheme.surfaceContainerHigh,
+            getTooltipColor: (_) =>
+                Theme.of(context).colorScheme.surfaceContainerHigh,
           ),
         ),
         titlesData: FlTitlesData(

lib/screens/account/publishers/publisher_edit.dart

@@ -68,16 +68,19 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
     setState(() => _isBusy = true);
 
     try {
-      await sn.client.put('/cgi/co/publishers/${widget.name}', data: {
-        'avatar': _avatar,
-        'banner': _banner,
-        'nick': _nickController.text,
-        'name': _nameController.text,
-        'description': _descriptionController.text,
-      });
+      await sn.client.put(
+        '/cgi/co/publishers/${widget.name}',
+        data: {
+          'avatar': _avatar,
+          'banner': _banner,
+          'nick': _nickController.text,
+          'name': _nameController.text,
+          'description': _descriptionController.text,
+        },
+      );
       if (mounted) Navigator.pop(context, true);
     } catch (err) {
-      if(mounted) context.showErrorDialog(err);
+      if (mounted) context.showErrorDialog(err);
     } finally {
       setState(() => _isBusy = false);
     }
@@ -97,7 +100,7 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
     _banner = ua.user!.banner;
     _nickController.text = ua.user!.nick;
     _nameController.text = ua.user!.name;
-    _descriptionController.text = ua.user!.description;
+    _descriptionController.text = ua.user!.profile!.description;
     setState(() {});
   }
 
@@ -108,32 +111,42 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
     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 result = (!kIsWeb && (Platform.isIOS || Platform.isMacOS))
-        ? await showCupertinoImageCropper(
-            // ignore: use_build_context_synchronously
-            context,
-            allowedAspectRatios: aspectRatios,
-            imageProvider: imageProvider,
-          )
-        : await showMaterialImageCropper(
-            // ignore: use_build_context_synchronously
-            context,
-            allowedAspectRatios: aspectRatios,
-            imageProvider: imageProvider,
-          );
+    final skipCrop = image.path.endsWith('.gif');
 
-    if (result == null) return;
+    Uint8List? rawBytes;
+    if (!skipCrop) {
+      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
+                context,
+                allowedAspectRatios: aspectRatios,
+                imageProvider: imageProvider,
+              )
+              : await showMaterialImageCropper(
+                // ignore: use_build_context_synchronously
+                context,
+                allowedAspectRatios: aspectRatios,
+                imageProvider: imageProvider,
+              );
+
+      if (result == null) return;
+
+      if (!mounted) return;
+      setState(() => _isBusy = true);
+      rawBytes = (await result.uiImage.toByteData(format: ImageByteFormat.png))!.buffer.asUint8List();
+    } else {
+      if (!mounted) return;
+      setState(() => _isBusy = true);
+      rawBytes = await image.readAsBytes();
+    }
 
     if (!mounted) return;
     final attach = context.read<SnAttachmentProvider>();
 
-    setState(() => _isBusy = true);
-
-    final rawBytes = (await result.uiImage.toByteData(format: ImageByteFormat.png))!.buffer.asUint8List();
-
     try {
       final attachment = await attach.directUploadOne(
         rawBytes,
@@ -178,10 +191,7 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
     final sn = context.read<SnNetworkProvider>();
 
     return AppScaffold(
-      appBar: AppBar(
-        leading: PageBackButton(),
-        title: Text('screenAccountPublisherEdit').tr(),
-      ),
+      appBar: AppBar(leading: PageBackButton(), title: Text('screenAccountPublisherEdit').tr()),
       body: SingleChildScrollView(
         child: Column(
           children: [
@@ -199,12 +209,10 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
                         aspectRatio: 16 / 9,
                         child: Container(
                           color: Theme.of(context).colorScheme.surfaceContainerHigh,
-                          child: _banner != null
-                              ? AutoResizeUniversalImage(
-                                  sn.getAttachmentUrl(_banner!),
-                                  fit: BoxFit.cover,
-                                )
-                              : const SizedBox.shrink(),
+                          child:
+                              _banner != null
+                                  ? AutoResizeUniversalImage(sn.getAttachmentUrl(_banner!), fit: BoxFit.cover)
+                                  : const SizedBox.shrink(),
                         ),
                       ),
                     ),
@@ -242,9 +250,7 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
             const Gap(4),
             TextField(
               controller: _nickController,
-              decoration: InputDecoration(
-                labelText: 'fieldNickname'.tr(),
-              ),
+              decoration: InputDecoration(labelText: 'fieldNickname'.tr()),
               onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
             ),
             const Gap(4),
@@ -252,9 +258,7 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
               controller: _descriptionController,
               maxLines: null,
               minLines: 3,
-              decoration: InputDecoration(
-                labelText: 'fieldDescription'.tr(),
-              ),
+              decoration: InputDecoration(labelText: 'fieldDescription'.tr()),
               onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
             ),
             const Gap(12),
@@ -275,7 +279,7 @@ class _AccountPublisherEditScreenState extends State<AccountPublisherEditScreen>
                   icon: const Icon(Symbols.save),
                 ),
               ],
-            )
+            ),
           ],
         ).padding(horizontal: 24, vertical: 12),
       ),

lib/screens/account/publishers/publisher_new.dart

@@ -109,7 +109,7 @@ class _PublisherNewPersonalState extends State<_PublisherNewPersonal> {
 
     _nameController.text = ua.user!.name;
     _nickController.text = ua.user!.nick;
-    _descriptionController.text = ua.user!.description;
+    _descriptionController.text = ua.user!.profile!.description;
   }
 
   @override

lib/screens/album.dart

@@ -2,6 +2,9 @@ import 'package:dismissible_page/dismissible_page.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:gap/gap.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/sn_network.dart';
@@ -27,9 +30,23 @@ class _AlbumScreenState extends State<AlbumScreen> {
   bool _isBusy = false;
   int? _totalCount;
 
+  SnAttachmentBilling? _billing;
+
   final List<SnAttachment> _attachments = List.empty(growable: true);
   final List<String> _heroTags = List.empty(growable: true);
 
+  Future<void> _fetchBillingStatus() async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/uc/billing');
+      final out = SnAttachmentBilling.fromJson(resp.data);
+      setState(() => _billing = out);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
   Future<void> _fetchAttachments() async {
     setState(() => _isBusy = true);
 
@@ -62,6 +79,7 @@ class _AlbumScreenState extends State<AlbumScreen> {
   @override
   void initState() {
     super.initState();
+    _fetchBillingStatus();
     _fetchAttachments();
     _scrollController.addListener(() {
       if (_scrollController.position.atEdge) {
@@ -91,6 +109,48 @@ class _AlbumScreenState extends State<AlbumScreen> {
             leading: AutoAppBarLeading(),
             title: Text('screenAlbum').tr(),
           ),
+          SliverToBoxAdapter(
+            child: Card(
+              child: Row(
+                children: [
+                  SizedBox(
+                    width: 80,
+                    height: 80,
+                    child: CircularProgressIndicator(
+                      value: _billing?.includedRatio ?? 0,
+                      strokeWidth: 8,
+                      backgroundColor: Theme.of(context).colorScheme.surfaceContainerHigh,
+                    ),
+                  ).padding(all: 12),
+                  const Gap(24),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text('attachmentBillingUploaded').tr().bold(),
+                        Text(
+                          (_billing?.currentBytes ?? 0).formatBytes(decimals: 4),
+                          style: GoogleFonts.robotoMono(),
+                        ),
+                        Text('attachmentBillingDiscount').tr().bold(),
+                        Text(
+                          '${(_billing?.discountFileSize ?? 0).formatBytes(decimals: 2)} · ${((_billing?.includedRatio ?? 0) * 100).toStringAsFixed(2)}%',
+                          style: GoogleFonts.robotoMono(),
+                        ),
+                      ],
+                    ),
+                  ),
+                  Tooltip(
+                    message: 'attachmentBillingHint'.tr(),
+                    child: IconButton(
+                      icon: const Icon(Symbols.info),
+                      onPressed: () {},
+                    ),
+                  ),
+                ],
+              ).padding(horizontal: 24, vertical: 8),
+            ),
+          ),
           SliverMasonryGrid.extent(
             childCount: _attachments.length,
             maxCrossAxisExtent: 320,

lib/screens/auth/register.dart

@@ -7,6 +7,7 @@ import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/screens/captcha.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:url_launcher/url_launcher_string.dart';
@@ -33,10 +34,20 @@ class _RegisterScreenState extends State<RegisterScreen> {
     final username = _usernameController.value.text;
     final nickname = _nicknameController.value.text;
     final password = _passwordController.value.text;
-    if (email.isEmpty || username.isEmpty || nickname.isEmpty || password.isEmpty) {
+    if (email.isEmpty ||
+        username.isEmpty ||
+        nickname.isEmpty ||
+        password.isEmpty) {
       return;
     }
 
+    final captchaTk = await Navigator.of(context, rootNavigator: true).push(
+      MaterialPageRoute(
+        builder: (context) => TurnstileScreen(),
+      ),
+    );
+    if (captchaTk == null) return;
+
     try {
       final sn = context.read<SnNetworkProvider>();
       await sn.client.post('/cgi/id/users', data: {
@@ -45,6 +56,7 @@ class _RegisterScreenState extends State<RegisterScreen> {
         'email': email,
         'password': password,
         'language': EasyLocalization.of(context)!.currentLocale.toString(),
+        'captcha_token': captchaTk,
       });
 
       if (!context.mounted) return;
@@ -91,8 +103,11 @@ class _RegisterScreenState extends State<RegisterScreen> {
                   children: [
                     TextFormField(
                       validator: (value) {
-                        if (value == null || value.length < 4 || value.length > 32) {
-                          return 'fieldUsernameLengthLimit'.tr(args: [4.toString(), 32.toString()]);
+                        if (value == null ||
+                            value.length < 4 ||
+                            value.length > 32) {
+                          return 'fieldUsernameLengthLimit'
+                              .tr(args: [4.toString(), 32.toString()]);
                         }
                         if (!RegExp(r'^[a-zA-Z0-9_]+$').hasMatch(value)) {
                           return 'fieldUsernameAlphanumOnly'.tr();
@@ -108,13 +123,17 @@ class _RegisterScreenState extends State<RegisterScreen> {
                         border: const UnderlineInputBorder(),
                         labelText: 'fieldUsername'.tr(),
                       ),
-                      onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                      onTapOutside: (_) =>
+                          FocusManager.instance.primaryFocus?.unfocus(),
                     ),
                     const Gap(12),
                     TextFormField(
                       validator: (value) {
-                        if (value == null || value.length < 4 || value.length > 32) {
-                          return 'fieldNicknameLengthLimit'.tr(args: [4.toString(), 32.toString()]);
+                        if (value == null ||
+                            value.length < 4 ||
+                            value.length > 32) {
+                          return 'fieldNicknameLengthLimit'
+                              .tr(args: [4.toString(), 32.toString()]);
                         }
                         return null;
                       },
@@ -127,7 +146,8 @@ class _RegisterScreenState extends State<RegisterScreen> {
                         border: const UnderlineInputBorder(),
                         labelText: 'fieldNickname'.tr(),
                       ),
-                      onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                      onTapOutside: (_) =>
+                          FocusManager.instance.primaryFocus?.unfocus(),
                     ),
                     const Gap(12),
                     TextFormField(
@@ -149,7 +169,8 @@ class _RegisterScreenState extends State<RegisterScreen> {
                         border: const UnderlineInputBorder(),
                         labelText: 'fieldEmail'.tr(),
                       ),
-                      onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                      onTapOutside: (_) =>
+                          FocusManager.instance.primaryFocus?.unfocus(),
                     ),
                     const Gap(12),
                     TextFormField(
@@ -169,7 +190,8 @@ class _RegisterScreenState extends State<RegisterScreen> {
                         border: const UnderlineInputBorder(),
                         labelText: 'fieldPassword'.tr(),
                       ),
-                      onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                      onTapOutside: (_) =>
+                          FocusManager.instance.primaryFocus?.unfocus(),
                     ),
                   ],
                 ).padding(horizontal: 7),
@@ -186,9 +208,13 @@ class _RegisterScreenState extends State<RegisterScreen> {
                         Text(
                           'termAcceptNextWithAgree'.tr(),
                           textAlign: TextAlign.end,
-                          style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                                color: Theme.of(context).colorScheme.onSurface.withAlpha((255 * 0.75).round()),
-                              ),
+                          style:
+                              Theme.of(context).textTheme.bodySmall!.copyWith(
+                                    color: Theme.of(context)
+                                        .colorScheme
+                                        .onSurface
+                                        .withAlpha((255 * 0.75).round()),
+                                  ),
                         ),
                         Material(
                           color: Colors.transparent,

lib/screens/captcha.dart

@@ -0,0 +1,38 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_inappwebview/flutter_inappwebview.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/config.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+
+class TurnstileScreen extends StatefulWidget {
+  const TurnstileScreen({
+    super.key,
+  });
+
+  @override
+  State<TurnstileScreen> createState() => _TurnstileScreenState();
+}
+
+class _TurnstileScreenState extends State<TurnstileScreen> {
+  @override
+  Widget build(BuildContext context) {
+    final cfg = context.read<ConfigProvider>();
+    return AppScaffold(
+      appBar: AppBar(title: Text("reCaptcha").tr()),
+      body: InAppWebView(
+        initialUrlRequest: URLRequest(
+          url: WebUri('${cfg.serverUrl}/captcha?redirect_uri=solink://captcha'),
+        ),
+        shouldOverrideUrlLoading: (controller, navigationAction) async {
+          Uri? url = navigationAction.request.url;
+          if (url != null && url.queryParameters.containsKey('captcha_tk')) {
+            Navigator.pop(context, url.queryParameters['captcha_tk']!);
+            return NavigationActionPolicy.CANCEL;
+          }
+          return NavigationActionPolicy.ALLOW;
+        },
+      ),
+    );
+  }
+}

lib/screens/chat.dart

@@ -3,23 +3,26 @@ import 'package:flutter/material.dart';
 import 'package:flutter_expandable_fab/flutter_expandable_fab.dart';
 import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
+import 'package:responsive_framework/responsive_framework.dart';
 import 'package:surface/providers/channel.dart';
+import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/user_directory.dart';
+import 'package:surface/providers/userinfo.dart';
+import 'package:surface/screens/chat/room.dart';
 import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/account/account_image.dart';
 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_background.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
 import 'package:surface/widgets/unauthorized_hint.dart';
 import 'package:uuid/uuid.dart';
 
-import '../providers/sn_network.dart';
-import '../providers/userinfo.dart';
-
 class ChatScreen extends StatefulWidget {
   const ChatScreen({super.key});
 
@@ -34,8 +37,19 @@ class _ChatScreenState extends State<ChatScreen> {
 
   List<SnChannel>? _channels;
   Map<int, SnChatMessage>? _lastMessages;
+  Map<int, int>? _unreadCounts;
 
-  void _refreshChannels() {
+  Future<void> _fetchWhatsNew() async {
+    final sn = context.read<SnNetworkProvider>();
+    final resp = await sn.client.get('/cgi/im/whats-new');
+    if (resp.data == null) return;
+    final List<dynamic> out = resp.data;
+    setState(() {
+      _unreadCounts = {for (var v in out) v['channel_id']: v['count']};
+    });
+  }
+
+  void _refreshChannels({bool noRemote = false}) {
     final ua = context.read<UserProvider>();
     if (!ua.isAuthorized) {
       setState(() => _isBusy = false);
@@ -43,12 +57,15 @@ class _ChatScreenState extends State<ChatScreen> {
     }
 
     final chan = context.read<ChatChannelProvider>();
-    chan.fetchChannels().listen((channels) async {
+    chan.fetchChannels(noRemote: noRemote).listen((channels) async {
       final lastMessages = await chan.getLastMessages(channels);
       _lastMessages = {for (final val in lastMessages) val.channelId: val};
       channels.sort((a, b) {
-        if (_lastMessages!.containsKey(a.id) && _lastMessages!.containsKey(b.id)) {
-          return _lastMessages![b.id]!.createdAt.compareTo(_lastMessages![a.id]!.createdAt);
+        if (_lastMessages!.containsKey(a.id) &&
+            _lastMessages!.containsKey(b.id)) {
+          return _lastMessages![b.id]!
+              .createdAt
+              .compareTo(_lastMessages![a.id]!.createdAt);
         }
         if (_lastMessages!.containsKey(a.id)) return -1;
         if (_lastMessages!.containsKey(b.id)) return 1;
@@ -57,18 +74,20 @@ class _ChatScreenState extends State<ChatScreen> {
 
       if (!mounted) return;
       final ud = context.read<UserDirectoryProvider>();
+      final idSet = <int>{};
       for (final channel in channels) {
         if (channel.type == 1) {
-          await ud.listAccount(
+          idSet.addAll(
             channel.members
                     ?.cast<SnChannelMember?>()
                     .map((ele) => ele?.accountId)
                     .where((ele) => ele != null)
-                    .toSet() ??
-                {},
+                    .cast<int>() ??
+                [],
           );
         }
       }
+      if (idSet.isNotEmpty) await ud.listAccount(idSet);
 
       if (mounted) setState(() => _channels = channels);
     })
@@ -86,7 +105,8 @@ class _ChatScreenState extends State<ChatScreen> {
   void _newDirectMessage() async {
     final user = await showModalBottomSheet(
       context: context,
-      builder: (context) => AccountSelect(title: 'channelNewDirectMessage'.tr()),
+      builder: (context) =>
+          AccountSelect(title: 'channelNewDirectMessage'.tr()),
     );
     if (user == null) return;
     if (!mounted) return;
@@ -98,7 +118,8 @@ class _ChatScreenState extends State<ChatScreen> {
       await sn.client.post('/cgi/im/channels/global/dm', data: {
         'alias': uuid.v4().replaceAll('-', '').substring(0, 12),
         'name': 'DM',
-        'description': 'A direct message channel between @${ua.user?.name} and @${user.name}',
+        'description':
+            'A direct message channel between @${ua.user?.name} and @${user.name}',
         'related_user': user.id,
       });
       _fabKey.currentState!.toggle();
@@ -109,15 +130,39 @@ class _ChatScreenState extends State<ChatScreen> {
     }
   }
 
+  SnChannel? _focusChannel;
+
   @override
   void initState() {
     super.initState();
     _refreshChannels();
+    _fetchWhatsNew();
+  }
+
+  void _onTapChannel(SnChannel channel) {
+    final doExpand = ResponsiveBreakpoints.of(context).largerOrEqualTo(DESKTOP);
+
+    if (doExpand) {
+      setState(() => _focusChannel = channel);
+      return;
+    }
+    GoRouter.of(context).pushNamed(
+      'chatRoom',
+      pathParameters: {
+        'scope': channel.realm?.alias ?? 'global',
+        'alias': channel.alias,
+      },
+    ).then((value) {
+      if (mounted) {
+        _unreadCounts?[channel.id] = 0;
+        setState(() => _unreadCounts?[channel.id] = 0);
+        _refreshChannels(noRemote: true);
+      }
+    });
   }
 
   @override
   Widget build(BuildContext context) {
-    final ud = context.read<UserDirectoryProvider>();
     final ua = context.read<UserProvider>();
 
     if (!ua.isAuthorized) {
@@ -132,7 +177,10 @@ class _ChatScreenState extends State<ChatScreen> {
       );
     }
 
-    return AppScaffold(
+    final doExpand = ResponsiveBreakpoints.of(context).largerOrEqualTo(DESKTOP);
+
+    final chatList = AppScaffold(
+      noBackground: doExpand,
       appBar: AppBar(
         leading: AutoAppBarLeading(),
         title: Text('screenChat').tr(),
@@ -144,21 +192,26 @@ class _ChatScreenState extends State<ChatScreen> {
         type: ExpandableFabType.up,
         childrenAnimation: ExpandableFabAnimation.none,
         overlayStyle: ExpandableFabOverlayStyle(
-          color: Theme.of(context).colorScheme.surface.withAlpha((255 * 0.5).round()),
+          color: Theme.of(context)
+              .colorScheme
+              .surface
+              .withAlpha((255 * 0.5).round()),
         ),
         openButtonBuilder: RotateFloatingActionButtonBuilder(
           child: const Icon(Symbols.add, size: 28),
           fabSize: ExpandableFabSize.regular,
-          foregroundColor: Theme.of(context).floatingActionButtonTheme.foregroundColor,
-          backgroundColor: Theme.of(context).floatingActionButtonTheme.backgroundColor,
-          shape: const CircleBorder(),
+          foregroundColor:
+              Theme.of(context).floatingActionButtonTheme.foregroundColor,
+          backgroundColor:
+              Theme.of(context).floatingActionButtonTheme.backgroundColor,
         ),
         closeButtonBuilder: DefaultFloatingActionButtonBuilder(
           child: const Icon(Symbols.close, size: 28),
           fabSize: ExpandableFabSize.regular,
-          foregroundColor: Theme.of(context).floatingActionButtonTheme.foregroundColor,
-          backgroundColor: Theme.of(context).floatingActionButtonTheme.backgroundColor,
-          shape: const CircleBorder(),
+          foregroundColor:
+              Theme.of(context).floatingActionButtonTheme.foregroundColor,
+          backgroundColor:
+              Theme.of(context).floatingActionButtonTheme.backgroundColor,
         ),
         children: [
           Row(
@@ -200,80 +253,27 @@ class _ChatScreenState extends State<ChatScreen> {
               context: context,
               removeTop: true,
               child: RefreshIndicator(
-                onRefresh: () => Future.sync(() => _refreshChannels()),
+                onRefresh: () => Future.wait([
+                  Future.sync(() => _refreshChannels()),
+                  _fetchWhatsNew(),
+                ]),
                 child: ListView.builder(
                   itemCount: _channels?.length ?? 0,
                   itemBuilder: (context, idx) {
                     final channel = _channels![idx];
                     final lastMessage = _lastMessages?[channel.id];
 
-                    if (channel.type == 1) {
-                      final otherMember = channel.members?.cast<SnChannelMember?>().firstWhere(
-                            (ele) => ele?.accountId != ua.user?.id,
-                            orElse: () => null,
-                          );
-
-                      return ListTile(
-                        title: Text(ud.getAccountFromCache(otherMember?.accountId)?.nick ?? channel.name),
-                        subtitle: lastMessage != null
-                            ? Text(
-                                '${ud.getAccountFromCache(lastMessage.sender.accountId)?.nick}: ${lastMessage.body['text'] ?? 'Unable preview'}',
-                                maxLines: 1,
-                                overflow: TextOverflow.ellipsis,
-                              )
-                            : Text(
-                                'channelDirectMessageDescription'.tr(args: [
-                                  '@${ud.getAccountFromCache(otherMember?.accountId)?.name}',
-                                ]),
-                                maxLines: 1,
-                                overflow: TextOverflow.ellipsis,
-                              ),
-                        contentPadding: const EdgeInsets.symmetric(horizontal: 16),
-                        leading: AccountImage(
-                          content: ud.getAccountFromCache(otherMember?.accountId)?.avatar,
-                        ),
-                        onTap: () {
-                          GoRouter.of(context).pushNamed(
-                            'chatRoom',
-                            pathParameters: {
-                              'scope': channel.realm?.alias ?? 'global',
-                              'alias': channel.alias,
-                            },
-                          ).then((value) {
-                            if (mounted) _refreshChannels();
-                          });
-                        },
-                      );
-                    }
-
-                    return ListTile(
-                      title: Text(channel.name),
-                      subtitle: lastMessage != null
-                          ? Text(
-                              '${ud.getAccountFromCache(lastMessage.sender.accountId)?.nick}: ${lastMessage.body['text'] ?? 'Unable preview'}',
-                              maxLines: 1,
-                              overflow: TextOverflow.ellipsis,
-                            )
-                          : Text(
-                              channel.description,
-                              maxLines: 1,
-                              overflow: TextOverflow.ellipsis,
-                            ),
-                      contentPadding: const EdgeInsets.symmetric(horizontal: 16),
-                      leading: AccountImage(
-                        content: null,
-                        fallbackWidget: const Icon(Symbols.chat, size: 20),
-                      ),
+                    return _ChatChannelEntry(
+                      channel: channel,
+                      lastMessage: lastMessage,
+                      unreadCount: _unreadCounts?[channel.id],
                       onTap: () {
-                        GoRouter.of(context).pushNamed(
-                          'chatRoom',
-                          pathParameters: {
-                            'scope': channel.realm?.alias ?? 'global',
-                            'alias': channel.alias,
-                          },
-                        ).then((value) {
-                          if (value == true) _refreshChannels();
-                        });
+                        if (doExpand) {
+                          _unreadCounts?[channel.id] = 0;
+                          setState(() => _focusChannel = channel);
+                          return;
+                        }
+                        _onTapChannel(channel);
                       },
                     );
                   },
@@ -284,5 +284,124 @@ class _ChatScreenState extends State<ChatScreen> {
         ],
       ),
     );
+
+    if (doExpand) {
+      return AppBackground(
+        isRoot: true,
+        child: Row(
+          children: [
+            SizedBox(width: 340, child: chatList),
+            const VerticalDivider(width: 1),
+            if (_focusChannel != null)
+              Expanded(
+                child: ChatRoomScreen(
+                  key: ValueKey(_focusChannel!.id),
+                  scope: _focusChannel!.realm?.alias ?? 'global',
+                  alias: _focusChannel!.alias,
+                ),
+              ),
+          ],
+        ),
+      );
+    }
+
+    return chatList;
+  }
+}
+
+class _ChatChannelEntry extends StatelessWidget {
+  final SnChannel channel;
+  final int? unreadCount;
+  final SnChatMessage? lastMessage;
+  final Function? onTap;
+  const _ChatChannelEntry({
+    required this.channel,
+    this.unreadCount,
+    this.lastMessage,
+    this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final ud = context.read<UserDirectoryProvider>();
+    final ua = context.read<UserProvider>();
+
+    final otherMember = channel.type == 1
+        ? channel.members?.cast<SnChannelMember?>().firstWhere(
+              (ele) => ele?.accountId != ua.user?.id,
+              orElse: () => null,
+            )
+        : null;
+
+    final title = otherMember != null
+        ? ud.getFromCache(otherMember.accountId)?.nick ?? channel.name
+        : channel.name;
+
+    return ListTile(
+      title: Row(
+        children: [
+          Expanded(child: Text(title)),
+          const Gap(8),
+          if (unreadCount != null && unreadCount! > 0)
+            Badge(
+              label: Text(unreadCount.toString()),
+            ),
+        ],
+      ),
+      subtitle: lastMessage != null
+          ? Row(
+              children: [
+                Badge(
+                  label: Text(
+                      ud.getFromCache(lastMessage!.sender.accountId)?.nick ??
+                          'unknown'.tr()),
+                  backgroundColor: Theme.of(context).colorScheme.primary,
+                  textColor: Theme.of(context).colorScheme.onPrimary,
+                ),
+                const Gap(6),
+                Expanded(
+                  child: Text(
+                    lastMessage!.body['algorithm'] == 'plain'
+                        ? lastMessage!.body['text'] ??
+                            'messageUnablePreview'.tr()
+                        : 'messageUnablePreviewEncrypted'.tr(),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    style: lastMessage!.body['algorithm'] != 'plain' ||
+                            lastMessage!.body['text'] == null
+                        ? TextStyle(fontStyle: FontStyle.italic)
+                        : null,
+                  ),
+                ),
+                const Gap(4),
+                Text(
+                  DateFormat(
+                    lastMessage!.createdAt.toLocal().day == DateTime.now().day
+                        ? 'HH:mm'
+                        : lastMessage!.createdAt.toLocal().year ==
+                                DateTime.now().year
+                            ? 'MM/dd'
+                            : 'yy/MM/dd',
+                  ).format(lastMessage!.createdAt.toLocal()),
+                  style: GoogleFonts.robotoMono(
+                    fontSize: 12,
+                  ),
+                ),
+              ],
+            )
+          : Text(
+              channel.description,
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+            ),
+      contentPadding: const EdgeInsets.symmetric(horizontal: 16),
+      leading: AccountImage(
+        content: otherMember != null
+            ? ud.getFromCache(otherMember.accountId)?.avatar
+            : channel.realm?.avatar,
+        fallbackWidget: const Icon(Symbols.chat, size: 20),
+      ),
+      onTap: () => onTap?.call(),
+    );
   }
 }

lib/screens/chat/channel_detail.dart

@@ -57,10 +57,10 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
     setState(() => _isBusy = true);
 
     try {
-      final sn = context.read<SnNetworkProvider>();
-      final resp = await sn.client.get('/cgi/im/channels/${_channel!.keyPath}/members/me');
-      _profile = SnChannelMember.fromJson(resp.data);
-      _notifyLevel = _profile!.notify;
+      final ct = context.read<ChatChannelProvider>();
+      final resp = await ct.getChannelProfile(_channel!);
+      _profile = resp;
+      _notifyLevel = resp.notify;
       if (!mounted) return;
       final ud = context.read<UserDirectoryProvider>();
       await ud.getAccount(_profile!.accountId);
@@ -102,10 +102,12 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
     if (!mounted) return;
 
     try {
+      final ct = context.read<ChatChannelProvider>();
       final sn = context.read<SnNetworkProvider>();
       await sn.client.delete(
-        '/cgi/im/channels/${_channel!.realm?.alias ?? 'global'}/${_channel!.id}/members/me',
+        '/cgi/im/channels/${_channel!.realm?.alias ?? 'global'}/${_channel!.alias}/me',
       );
+      await ct.removeLocalChannel(_channel!);
       if (!mounted) return;
       Navigator.pop(context, false);
     } catch (err) {
@@ -129,12 +131,15 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
     setState(() => _isUpdatingNotifyLevel = true);
 
     try {
+      final ct = context.read<ChatChannelProvider>();
       final sn = context.read<SnNetworkProvider>();
-      await sn.client.put(
+      final resp = await sn.client.put(
         '/cgi/im/channels/${_channel!.keyPath}/members/me/notify',
         data: {'notify_level': value},
       );
+      _profile = SnChannelMember.fromJson(resp.data);
       _notifyLevel = value;
+      await ct.updateChannelProfile(_profile!);
       if (!mounted) return;
       context.showSnackbar('channelNotifyLevelApplied'.tr());
     } catch (err) {
@@ -245,7 +250,11 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
               Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Text('channelDetailPersonalRegion').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                  Text('channelDetailPersonalRegion')
+                      .bold()
+                      .fontSize(17)
+                      .tr()
+                      .padding(horizontal: 20, bottom: 4),
                   ListTile(
                     leading: const Icon(Symbols.notifications),
                     trailing: DropdownButtonHideUnderline(
@@ -284,14 +293,14 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
                   ),
                   ListTile(
                     leading: AccountImage(
-                      content: ud.getAccountFromCache(_profile!.accountId)?.avatar,
+                      content: ud.getFromCache(_profile!.accountId)?.avatar,
                       radius: 18,
                     ),
                     trailing: const Icon(Symbols.chevron_right),
                     title: Text('channelEditProfile').tr(),
                     subtitle: Text(
                       (_profile?.nick?.isEmpty ?? true)
-                          ? ud.getAccountFromCache(_profile!.accountId)!.nick
+                          ? ud.getFromCache(_profile!.accountId)!.nick
                           : _profile!.nick!,
                     ),
                     contentPadding: const EdgeInsets.only(left: 20, right: 20),
@@ -303,7 +312,8 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
                       trailing: const Icon(Symbols.chevron_right),
                       title: Text('channelActionLeave').tr(),
                       subtitle: Text('channelActionLeaveDescription').tr(),
-                      contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                      contentPadding:
+                          const EdgeInsets.symmetric(horizontal: 24),
                       onTap: _leaveChannel,
                     ),
                 ],
@@ -311,7 +321,11 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
             Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text('channelDetailMemberRegion').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                Text('channelDetailMemberRegion')
+                    .bold()
+                    .fontSize(17)
+                    .tr()
+                    .padding(horizontal: 20, bottom: 4),
                 ListTile(
                   leading: const Icon(Symbols.group),
                   trailing: const Icon(Symbols.chevron_right),
@@ -333,7 +347,11 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
             Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text('channelDetailAdminRegion').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                Text('channelDetailAdminRegion')
+                    .bold()
+                    .fontSize(17)
+                    .tr()
+                    .padding(horizontal: 20, bottom: 4),
                 ListTile(
                   leading: const Icon(Symbols.edit),
                   trailing: const Icon(Symbols.chevron_right),
@@ -379,10 +397,12 @@ class _ChannelProfileDetailDialog extends StatefulWidget {
   });
 
   @override
-  State<_ChannelProfileDetailDialog> createState() => _ChannelProfileDetailDialogState();
+  State<_ChannelProfileDetailDialog> createState() =>
+      _ChannelProfileDetailDialogState();
 }
 
-class _ChannelProfileDetailDialogState extends State<_ChannelProfileDetailDialog> {
+class _ChannelProfileDetailDialogState
+    extends State<_ChannelProfileDetailDialog> {
   bool _isBusy = false;
 
   final TextEditingController _nickController = TextEditingController();
@@ -391,11 +411,14 @@ class _ChannelProfileDetailDialogState extends State<_ChannelProfileDetailDialog
     setState(() => _isBusy = true);
 
     try {
+      final ct = context.read<ChatChannelProvider>();
       final sn = context.read<SnNetworkProvider>();
-      await sn.client.put(
+      final resp = await sn.client.put(
         '/cgi/im/channels/${widget.channel.keyPath}/members/me',
         data: {'nick': _nickController.text},
       );
+      final out = SnChannelMember.fromJson(resp.data);
+      await ct.updateChannelProfile(out);
       if (!mounted) return;
       Navigator.pop(context, true);
     } catch (err) {
@@ -457,7 +480,8 @@ class _ChannelMemberListWidget extends StatefulWidget {
   const _ChannelMemberListWidget({required this.channel});
 
   @override
-  State<_ChannelMemberListWidget> createState() => _ChannelMemberListWidgetState();
+  State<_ChannelMemberListWidget> createState() =>
+      _ChannelMemberListWidgetState();
 }
 
 class _ChannelMemberListWidgetState extends State<_ChannelMemberListWidget> {
@@ -472,10 +496,12 @@ class _ChannelMemberListWidgetState extends State<_ChannelMemberListWidget> {
     try {
       final ud = context.read<UserDirectoryProvider>();
       final sn = context.read<SnNetworkProvider>();
-      final resp = await sn.client.get('/cgi/im/channels/${widget.channel.keyPath}/members', queryParameters: {
-        'take': 10,
-        'offset': _members.length,
-      });
+      final resp = await sn.client.get(
+          '/cgi/im/channels/${widget.channel.keyPath}/members',
+          queryParameters: {
+            'take': 10,
+            'offset': _members.length,
+          });
       final out = List<SnChannelMember>.from(
         resp.data['data']?.map((e) => SnChannelMember.fromJson(e)) ?? [],
       );
@@ -533,7 +559,9 @@ class _ChannelMemberListWidgetState extends State<_ChannelMemberListWidget> {
           children: [
             const Icon(Symbols.group, size: 24),
             const Gap(16),
-            Text('channelMemberManage').tr().textStyle(Theme.of(context).textTheme.titleLarge!),
+            Text('channelMemberManage')
+                .tr()
+                .textStyle(Theme.of(context).textTheme.titleLarge!),
           ],
         ).padding(horizontal: 20, top: 16, bottom: 12),
         Expanded(
@@ -544,7 +572,8 @@ class _ChannelMemberListWidgetState extends State<_ChannelMemberListWidget> {
             },
             child: InfiniteList(
               itemCount: _members.length,
-              hasReachedMax: _totalCount != null && _members.length >= _totalCount!,
+              hasReachedMax:
+                  _totalCount != null && _members.length >= _totalCount!,
               isLoading: _isBusy,
               onFetchData: _fetchMembers,
               itemBuilder: (context, index) {
@@ -552,10 +581,10 @@ class _ChannelMemberListWidgetState extends State<_ChannelMemberListWidget> {
                 return ListTile(
                   contentPadding: const EdgeInsets.only(right: 24, left: 16),
                   leading: AccountImage(
-                    content: ud.getAccountFromCache(member.accountId)?.avatar,
+                    content: ud.getFromCache(member.accountId)?.avatar,
                   ),
                   title: Text(
-                    ud.getAccountFromCache(member.accountId)?.name ?? 'unknown'.tr(),
+                    ud.getFromCache(member.accountId)?.name ?? 'unknown'.tr(),
                   ),
                   subtitle: Text(member.nick ?? 'unknown'.tr()),
                   trailing: SizedBox(
@@ -565,7 +594,8 @@ class _ChannelMemberListWidgetState extends State<_ChannelMemberListWidget> {
                       mainAxisAlignment: MainAxisAlignment.end,
                       children: [
                         IconButton(
-                          onPressed: _isUpdating ? null : () => _deleteMember(member),
+                          onPressed:
+                              _isUpdating ? null : () => _deleteMember(member),
                           icon: const Icon(Symbols.person_remove),
                         ),
                       ],

lib/screens/chat/manage.dart

@@ -95,6 +95,10 @@ class _ChatManageScreenState extends State<ChatManageScreen> {
       'description': _descriptionController.text,
       'is_public': _isPublic,
       'is_community': _isCommunity,
+      if (_editingChannel != null && _belongToRealm == null)
+        'new_belongs_realm': 'global'
+      else if (_editingChannel != null && _belongToRealm?.id != _editingChannel?.realm?.id)
+        'new_belongs_realm': _belongToRealm!.alias,
     };
 
     try {
@@ -171,7 +175,6 @@ class _ChatManageScreenState extends State<ChatManageScreen> {
                 items: [
                   ...(_realms?.map(
                         (SnRealm item) => DropdownMenuItem<SnRealm>(
-                          enabled: _editingChannel == null || _editingChannel?.realmId == item.id,
                           value: item,
                           child: Row(
                             children: [
@@ -204,7 +207,6 @@ class _ChatManageScreenState extends State<ChatManageScreen> {
                       ) ??
                       []),
                   DropdownMenuItem<SnRealm>(
-                    enabled: _editingChannel == null,
                     value: null,
                     child: Row(
                       children: [

lib/screens/chat/room.dart

@@ -1,4 +1,5 @@
 import 'dart:async';
+import 'dart:convert';
 import 'dart:developer';
 
 import 'package:dio/dio.dart';
@@ -13,11 +14,13 @@ import 'package:surface/controllers/chat_message_controller.dart';
 import 'package:surface/controllers/post_write_controller.dart';
 import 'package:surface/providers/channel.dart';
 import 'package:surface/providers/chat_call.dart';
+import 'package:surface/providers/notification.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/user_directory.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/providers/websocket.dart';
 import 'package:surface/types/chat.dart';
+import 'package:surface/types/websocket.dart';
 import 'package:surface/widgets/chat/call/call_prejoin.dart';
 import 'package:surface/widgets/chat/chat_message.dart';
 import 'package:surface/widgets/chat/chat_message_input.dart';
@@ -39,7 +42,8 @@ class ChatRoomScreen extends StatefulWidget {
   final String alias;
   final ChatRoomScreenExtra? extra;
 
-  const ChatRoomScreen({super.key, required this.scope, required this.alias, this.extra});
+  const ChatRoomScreen(
+      {super.key, required this.scope, required this.alias, this.extra});
 
   @override
   State<ChatRoomScreen> createState() => _ChatRoomScreenState();
@@ -48,16 +52,41 @@ class ChatRoomScreen extends StatefulWidget {
 class _ChatRoomScreenState extends State<ChatRoomScreen> {
   bool _isBusy = false;
   bool _isCalling = false;
+  bool _isJoining = false;
 
   SnChannel? _channel;
+  SnChannelMember? _currentMember;
   SnChannelMember? _otherMember;
   SnChatCall? _ongoingCall;
 
   final GlobalKey<ChatMessageInputState> _inputGlobalKey = GlobalKey();
   late final ChatMessageController _messageController;
 
+  late final NotificationProvider _nty = context.read<NotificationProvider>();
+  late final WebSocketProvider _ws = context.read<WebSocketProvider>();
+
+  bool _isEncrypted = false;
+
   StreamSubscription? _wsSubscription;
 
+  Future<void> _joinChannel() async {
+    try {
+      setState(() => _isJoining = true);
+      final sn = context.read<SnNetworkProvider>();
+      final ua = context.read<UserProvider>();
+      await sn.client
+          .post('/cgi/im/channels/${_channel!.keyPath}/members', data: {
+        'related': ua.user?.name,
+      });
+      _initializeChat();
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isJoining = true);
+    }
+  }
+
   Future<void> _fetchChannel() async {
     setState(() => _isBusy = true);
 
@@ -66,6 +95,12 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
       _channel = await chan.getChannel('${widget.scope}:${widget.alias}');
 
       if (!mounted || _channel == null) return;
+      final ct = context.read<ChatChannelProvider>();
+      try {
+        _currentMember = await ct.getChannelProfile(_channel!);
+      } catch (_) {}
+
+      if (!mounted || _currentMember == null) return;
       final ud = context.read<UserDirectoryProvider>();
       final ua = context.read<UserProvider>();
       if (_channel!.type == 1) {
@@ -82,6 +117,20 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
               orElse: () => null,
             );
       }
+
+      if (!mounted) return;
+      _nty.skippableNotifyChannel = _channel!.id;
+      final ws = context.read<WebSocketProvider>();
+      if (_channel != null) {
+        ws.conn?.sink.add(
+          jsonEncode(WebSocketPackage(
+              method: 'events.subscribe',
+              endpoint: 'im',
+              payload: {
+                'channel_id': _channel!.id,
+              })),
+        );
+      }
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -180,21 +229,21 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
     return a.createdAt.difference(b.createdAt).inMinutes <= 3;
   }
 
-  @override
-  void initState() {
-    super.initState();
-    _messageController = ChatMessageController(context);
+  Future<void> _initializeChat() async {
     _fetchChannel().then((_) async {
+      if (_currentMember == null) return;
       await _messageController.initialize(_channel!);
 
       if (widget.extra != null) {
         WidgetsBinding.instance.addPostFrameCallback((_) {
           log('[ChatInput] Setting initial text and attachments...');
           if (widget.extra!.initialText != null) {
-            _inputGlobalKey.currentState?.setInitialText(widget.extra!.initialText!);
+            _inputGlobalKey.currentState
+                ?.setInitialText(widget.extra!.initialText!);
           }
           if (widget.extra!.initialAttachments != null) {
-            _inputGlobalKey.currentState?.setInitialAttachments(widget.extra!.initialAttachments!);
+            _inputGlobalKey.currentState
+                ?.setInitialAttachments(widget.extra!.initialAttachments!);
           }
         });
       }
@@ -204,9 +253,15 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
         _fetchOngoingCall(),
       ]);
     });
+  }
 
-    final ws = context.read<WebSocketProvider>();
-    _wsSubscription = ws.pk.stream.listen((event) {
+  @override
+  void initState() {
+    super.initState();
+    _messageController = ChatMessageController(context);
+    _initializeChat();
+
+    _wsSubscription = _ws.pk.stream.listen((event) {
       switch (event.method) {
         case 'calls.new':
           final payload = SnChatCall.fromJson(event.payload!);
@@ -228,6 +283,18 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
   void dispose() {
     _wsSubscription?.cancel();
     _messageController.dispose();
+    _nty.skippableNotifyChannel = null;
+    if (_channel != null) {
+      _ws.conn?.sink.add(
+        jsonEncode(WebSocketPackage(
+          method: 'events.unsubscribe',
+          endpoint: 'im',
+          payload: {
+            'channel_id': _channel!.id,
+          },
+        )),
+      );
+    }
     super.dispose();
   }
 
@@ -240,18 +307,31 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
       appBar: AppBar(
         title: Text(
           _channel?.type == 1
-              ? ud.getAccountFromCache(_otherMember?.accountId)?.nick ?? _channel!.name
+              ? ud.getFromCache(_otherMember?.accountId)?.nick ?? _channel!.name
               : _channel?.name ?? 'loading'.tr(),
         ),
         actions: [
-          IconButton(
-            icon: _ongoingCall == null ? const Icon(Symbols.call) : const Icon(Symbols.call_end),
-            onPressed: _isCalling
-                ? null
-                : _ongoingCall == null
-                    ? _makeCall
-                    : _endCall,
-          ),
+          if (_currentMember != null)
+            IconButton(
+              onPressed: () {
+                setState(() => _isEncrypted = !_isEncrypted);
+                _inputGlobalKey.currentState?.setEncrypted(_isEncrypted);
+              },
+              icon: _isEncrypted
+                  ? const Icon(Symbols.lock)
+                  : const Icon(Symbols.no_encryption),
+            ),
+          if (_currentMember != null)
+            IconButton(
+              icon: _ongoingCall == null
+                  ? const Icon(Symbols.call)
+                  : const Icon(Symbols.call_end),
+              onPressed: _isCalling
+                  ? null
+                  : _ongoingCall == null
+                      ? _makeCall
+                      : _endCall,
+            ),
           IconButton(
             icon: const Icon(Symbols.more_vert),
             onPressed: () {
@@ -275,7 +355,9 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
         builder: (context, _) {
           return Column(
             children: [
-              LoadingIndicator(isActive: _isBusy),
+              LoadingIndicator(
+                isActive: _isBusy || _messageController.isAggressiveLoading,
+              ),
               SingleChildScrollView(
                 physics: const NeverScrollableScrollPhysics(),
                 child: MaterialBanner(
@@ -295,14 +377,48 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
                       )
                   ],
                 ),
-              )
-                  .height(_ongoingCall != null ? 54 : 0, animate: true)
-                  .animate(const Duration(milliseconds: 300), Curves.fastLinearToSlowEaseIn),
-              if (_messageController.isPending)
+              ).height(_ongoingCall != null ? 54 : 0, animate: true).animate(
+                  const Duration(milliseconds: 300),
+                  Curves.fastLinearToSlowEaseIn),
+              if (_currentMember == null && !_isBusy)
+                Expanded(
+                  child: Center(
+                    child: Container(
+                      constraints: const BoxConstraints(maxWidth: 280),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          const Icon(Symbols.person_remove, size: 40, fill: 1),
+                          const Gap(8),
+                          Text('chatUnjoined'.tr(), textAlign: TextAlign.center)
+                              .fontSize(16)
+                              .bold(),
+                          Text('chatUnjoinedDescription'.tr(),
+                                  textAlign: TextAlign.center)
+                              .fontSize(13),
+                          if (_channel!.isPublic)
+                            Text('chatUnjoinedPublicDescription'.tr(),
+                                    textAlign: TextAlign.center)
+                                .fontSize(13)
+                                .padding(top: 8),
+                          if (_channel!.isPublic)
+                            TextButton(
+                              style: ButtonStyle(
+                                visualDensity: VisualDensity.compact,
+                              ),
+                              onPressed: _isJoining ? null : _joinChannel,
+                              child: Text('chatJoin').tr(),
+                            ),
+                        ],
+                      ),
+                    ),
+                  ),
+                )
+              else if (_messageController.isPending)
                 Expanded(
                   child: const CircularProgressIndicator().center(),
-                ),
-              if (!_messageController.isPending)
+                )
+              else
                 Expanded(
                   child: InfiniteList(
                     reverse: true,
@@ -315,6 +431,7 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
                     },
                     itemBuilder: (context, idx) {
                       final message = _messageController.messages[idx];
+                      _messageController.readEvent(message.id);
 
                       bool canMerge = false, canMergePrevious = false;
                       if (idx > 0) {
@@ -336,7 +453,8 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
                           data: message,
                           isMerged: canMerge,
                           hasMerged: canMergePrevious,
-                          isPending: _messageController.unconfirmedMessages.contains(message.uuid),
+                          isPending: _messageController.unconfirmedMessages
+                              .contains(message.uuid),
                           onReply: (value) {
                             _inputGlobalKey.currentState?.setReply(value);
                           },
@@ -351,7 +469,7 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
                     },
                   ),
                 ),
-              if (!_messageController.isPending)
+              if (!_messageController.isPending && _currentMember != null)
                 Material(
                   elevation: 2,
                   child: Column(

lib/screens/explore.dart

@@ -5,16 +5,28 @@ import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
+import 'package:responsive_framework/responsive_framework.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/providers/sn_realm.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/app_bar_leading.dart';
 import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/feed/feed_news.dart';
+import 'package:surface/widgets/feed/feed_unknown.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
+import 'package:surface/widgets/post/fediverse_post_item.dart';
 import 'package:surface/widgets/post/post_item.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';
 
+const kPostChannels = ['Global', 'Friends', 'Following'];
+const kPostChannelIcons = [Symbols.globe, Symbols.group, Symbols.subscriptions];
+
 const Map<String, IconData> kCategoryIcons = {
   'technology': Symbols.tools_wrench,
   'gaming': Symbols.gamepad,
@@ -35,65 +47,115 @@ class ExploreScreen extends StatefulWidget {
   State<ExploreScreen> createState() => _ExploreScreenState();
 }
 
-class _ExploreScreenState extends State<ExploreScreen> {
+class _ExploreScreenState extends State<ExploreScreen>
+    with TickerProviderStateMixin {
+  late TabController _tabController = TabController(
+    length: kPostChannels.length,
+    vsync: this,
+  );
+
   final _fabKey = GlobalKey<ExpandableFabState>();
+  final _listKey = GlobalKey<_PostListWidgetState>();
 
-  bool _isBusy = true;
+  bool _showCategories = false;
 
-  final List<SnPost> _posts = List.empty(growable: true);
   final List<SnPostCategory> _categories = List.empty(growable: true);
-  int? _postCount;
-
-  String? _selectedCategory;
 
   Future<void> _fetchCategories() async {
     _categories.clear();
     try {
       final sn = context.read<SnNetworkProvider>();
       final resp = await sn.client.get('/cgi/co/categories?take=100');
-      _categories.addAll(resp.data.map((e) => SnPostCategory.fromJson(e)).cast<SnPostCategory>() ?? []);
+      setState(() {
+        _categories.addAll(resp.data
+                .map((e) => SnPostCategory.fromJson(e))
+                .cast<SnPostCategory>() ??
+            []);
+      });
     } catch (err) {
-      if (!mounted) return;
-      context.showErrorDialog(err);
+      if (mounted) context.showErrorDialog(err);
     }
   }
 
-  Future<void> _fetchPosts() async {
-    if (_postCount != null && _posts.length >= _postCount!) return;
+  final List<SnRealm> _realms = List.empty(growable: true);
 
-    setState(() => _isBusy = true);
-
-    final pt = context.read<SnPostContentProvider>();
-    final result = await pt.listPosts(
-      take: 10,
-      offset: _posts.length,
-      categories: _selectedCategory != null ? [_selectedCategory!] : null,
-    );
-    final out = result.$1;
-
-    if (!mounted) return;
-
-    _postCount = result.$2;
-    _posts.addAll(out);
-
-    if (mounted) setState(() => _isBusy = false);
+  Future<void> _fetchRealms() async {
+    try {
+      final ua = context.read<UserProvider>();
+      if (!ua.isAuthorized) return;
+      final rels = context.read<SnRealmProvider>();
+      final out = await rels.listAvailableRealms();
+      setState(() {
+        _realms.addAll(out);
+      });
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+      rethrow;
+    }
   }
 
-  Future<void> _refreshPosts() {
-    _postCount = null;
-    _posts.clear();
-    return _fetchPosts();
+  void _toggleShowCategories() {
+    _showCategories = !_showCategories;
+    if (_showCategories) {
+      _tabController = TabController(length: _categories.length, vsync: this);
+      _listKey.currentState?.setCategory(_categories[_tabController.index]);
+      _listKey.currentState?.refreshPosts();
+    } else {
+      _tabController = TabController(length: kPostChannels.length, vsync: this);
+      _listKey.currentState?.setCategory(null);
+      _listKey.currentState?.refreshPosts();
+    }
+    _tabListen();
+    setState(() {});
+  }
+
+  void _tabListen() {
+    _tabController.addListener(() {
+      if (_tabController.indexIsChanging) {
+        if (_showCategories) {
+          _listKey.currentState?.setCategory(_categories[_tabController.index]);
+          _listKey.currentState?.refreshPosts();
+          return;
+        }
+        switch (_tabController.index) {
+          case 0:
+          case 3:
+            _listKey.currentState?.setChannel(null);
+            break;
+          case 1:
+            _listKey.currentState?.setChannel('friends');
+            break;
+          case 2:
+            _listKey.currentState?.setChannel('following');
+            break;
+        }
+        _listKey.currentState?.refreshPosts();
+      }
+    });
   }
 
   @override
   void initState() {
     super.initState();
-    _fetchPosts();
+    _tabListen();
     _fetchCategories();
+    _fetchRealms();
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    super.dispose();
+  }
+
+  Future<void> refreshPosts() async {
+    await _listKey.currentState?.refreshPosts();
   }
 
   @override
   Widget build(BuildContext context) {
+    final cfg = context.watch<ConfigProvider>();
     return AppScaffold(
       floatingActionButtonLocation: ExpandableFab.location,
       floatingActionButton: ExpandableFab(
@@ -102,181 +164,482 @@ class _ExploreScreenState extends State<ExploreScreen> {
         type: ExpandableFabType.up,
         childrenAnimation: ExpandableFabAnimation.none,
         overlayStyle: ExpandableFabOverlayStyle(
-          color: Theme.of(context).colorScheme.surface.withAlpha((255 * 0.5).round()),
+          color: Theme.of(context)
+              .colorScheme
+              .surface
+              .withAlpha((255 * 0.5).round()),
         ),
         openButtonBuilder: RotateFloatingActionButtonBuilder(
           child: const Icon(Symbols.add, size: 28),
           fabSize: ExpandableFabSize.regular,
-          foregroundColor: Theme.of(context).floatingActionButtonTheme.foregroundColor,
-          backgroundColor: Theme.of(context).floatingActionButtonTheme.backgroundColor,
-          shape: const CircleBorder(),
+          foregroundColor:
+              Theme.of(context).floatingActionButtonTheme.foregroundColor,
+          backgroundColor:
+              Theme.of(context).floatingActionButtonTheme.backgroundColor,
         ),
         closeButtonBuilder: DefaultFloatingActionButtonBuilder(
           child: const Icon(Symbols.close, size: 28),
           fabSize: ExpandableFabSize.regular,
-          foregroundColor: Theme.of(context).floatingActionButtonTheme.foregroundColor,
-          backgroundColor: Theme.of(context).floatingActionButtonTheme.backgroundColor,
-          shape: const CircleBorder(),
+          foregroundColor:
+              Theme.of(context).floatingActionButtonTheme.foregroundColor,
+          backgroundColor:
+              Theme.of(context).floatingActionButtonTheme.backgroundColor,
         ),
         children: [
           Row(
             children: [
-              Text('writePostTypeStory').tr(),
+              Text('writePost').tr(),
               const Gap(20),
               FloatingActionButton(
                 heroTag: null,
-                tooltip: 'writePostTypeStory'.tr(),
+                tooltip: 'writePost'.tr(),
                 onPressed: () {
-                  GoRouter.of(context).pushNamed('postEditor', pathParameters: {
-                    'mode': 'stories',
-                  }).then((value) {
+                  GoRouter.of(context).pushNamed('postEditor').then((value) {
                     if (value == true) {
-                      _refreshPosts();
+                      refreshPosts();
                     }
                   });
                   _fabKey.currentState!.toggle();
                 },
-                child: const Icon(Symbols.post_rounded),
+                child: const Icon(Symbols.edit),
               ),
             ],
           ),
           Row(
             children: [
-              Text('writePostTypeArticle').tr(),
+              Text('postDraftBox').tr(),
               const Gap(20),
               FloatingActionButton(
                 heroTag: null,
-                tooltip: 'writePostTypeArticle'.tr(),
+                tooltip: 'postDraftBox'.tr(),
                 onPressed: () {
-                  GoRouter.of(context).pushNamed('postEditor', pathParameters: {
-                    'mode': 'articles',
-                  }).then((value) {
-                    if (value == true) {
-                      _refreshPosts();
-                    }
-                  });
+                  GoRouter.of(context).pushNamed('postDraftBox');
                   _fabKey.currentState!.toggle();
                 },
-                child: const Icon(Symbols.news),
-              ),
-            ],
-          ),
-          Row(
-            children: [
-              Text('writePostTypeQuestion').tr(),
-              const Gap(20),
-              FloatingActionButton(
-                heroTag: null,
-                tooltip: 'writePostTypeQuestion'.tr(),
-                onPressed: () {
-                  GoRouter.of(context).pushNamed('postEditor', pathParameters: {
-                    'mode': 'questions',
-                  }).then((value) {
-                    if (value == true) {
-                      _refreshPosts();
-                    }
-                  });
-                  _fabKey.currentState!.toggle();
-                },
-                child: const Icon(Symbols.question_answer),
-              ),
-            ],
-          ),
-          Row(
-            children: [
-              Text('writePostTypeVideo').tr(),
-              const Gap(20),
-              FloatingActionButton(
-                heroTag: null,
-                tooltip: 'writePostTypeVideo'.tr(),
-                onPressed: () {
-                  GoRouter.of(context).pushNamed('postEditor', pathParameters: {
-                    'mode': 'videos',
-                  }).then((value) {
-                    if (value == true) {
-                      _refreshPosts();
-                    }
-                  });
-                  _fabKey.currentState!.toggle();
-                },
-                child: const Icon(Symbols.video_call),
+                child: const Icon(Symbols.box_edit),
               ),
             ],
           ),
         ],
       ),
-      body: RefreshIndicator(
-        displacement: 40 + MediaQuery.of(context).padding.top,
-        onRefresh: () => _refreshPosts(),
-        child: CustomScrollView(
-          slivers: [
-            SliverAppBar(
-              leading: AutoAppBarLeading(),
-              title: Text('screenExplore').tr(),
-              floating: true,
-              snap: true,
-              actions: [
-                IconButton(
-                  icon: const Icon(Symbols.search),
-                  onPressed: () {
-                    GoRouter.of(context).pushNamed('postSearch');
-                  },
-                ),
-                const Gap(8),
-              ],
-              bottom: PreferredSize(
-                preferredSize: const Size.fromHeight(50),
-                child: SizedBox(
-                  height: 50,
-                  child: SingleChildScrollView(
-                    scrollDirection: Axis.horizontal,
-                    padding: const EdgeInsets.only(left: 8, right: 8, bottom: 12),
-                    child: Row(
-                      mainAxisAlignment: MainAxisAlignment.center,
-                      children: _categories.map((ele) {
-                        return StyledWidget(ChoiceChip(
-                          avatar: Icon(kCategoryIcons[ele.alias] ?? Symbols.question_mark),
-                          label: Text(
-                            'postCategory${ele.alias.capitalize()}'.trExists()
-                                ? 'postCategory${ele.alias.capitalize()}'.tr()
-                                : ele.name,
-                          ),
-                          selected: _selectedCategory == ele.alias,
-                          onSelected: (value) {
-                            _selectedCategory = value ? ele.alias : null;
-                            _refreshPosts();
-                          },
-                        )).padding(horizontal: 4);
-                      }).toList(),
+      body: NestedScrollView(
+        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
+          return [
+            SliverOverlapAbsorber(
+              handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
+              sliver: SliverAppBar(
+                leading:
+                    ResponsiveBreakpoints.of(context).smallerOrEqualTo(MOBILE)
+                        ? AutoAppBarLeading()
+                        : null,
+                titleSpacing: 0,
+                title: Row(
+                  children: [
+                    if (ResponsiveBreakpoints.of(context).largerThan(MOBILE))
+                      const Gap(8),
+                    IconButton(
+                      icon: const Icon(Symbols.shuffle),
+                      onPressed: () {
+                        GoRouter.of(context).pushNamed('postShuffle');
+                      },
                     ),
-                  ),
+                    Expanded(
+                      child: Center(
+                        child: IconButton(
+                          padding: EdgeInsets.zero,
+                          constraints: const BoxConstraints(),
+                          visualDensity: VisualDensity.compact,
+                          icon: _listKey.currentState?.realm != null
+                              ? AccountImage(
+                                  content: _listKey.currentState!.realm!.avatar,
+                                  radius: 14,
+                                )
+                              : Image.asset(
+                                  'assets/icon/icon-dark.png',
+                                  width: 32,
+                                  height: 32,
+                                  color: Theme.of(context)
+                                      .appBarTheme
+                                      .foregroundColor,
+                                ),
+                          onPressed: () {
+                            showModalBottomSheet(
+                              context: context,
+                              builder: (context) => _PostListRealmPopup(
+                                realms: _realms,
+                                onUpdate: (realm) {
+                                  _listKey.currentState?.setRealm(realm);
+                                  _listKey.currentState?.refreshPosts();
+                                  Future.delayed(
+                                      const Duration(milliseconds: 100), () {
+                                    if (mounted) {
+                                      setState(() {});
+                                    }
+                                  });
+                                },
+                                onMixedFeedChanged: (flag) {
+                                  _listKey.currentState?.setRealm(null);
+                                  _listKey.currentState?.setCategory(null);
+                                  if (_showCategories && flag) {
+                                    _toggleShowCategories();
+                                  }
+                                  _listKey.currentState?.refreshPosts();
+                                },
+                              ),
+                            );
+                          },
+                        ),
+                      ),
+                    ),
+                  ],
                 ),
+                floating: true,
+                snap: true,
+                actions: [
+                  IconButton(
+                    icon: const Icon(Symbols.category),
+                    style: _showCategories
+                        ? ButtonStyle(
+                            foregroundColor: WidgetStateProperty.all(
+                              Theme.of(context).colorScheme.primary,
+                            ),
+                            backgroundColor: MaterialStateProperty.all(
+                              Theme.of(context).colorScheme.secondaryContainer,
+                            ),
+                          )
+                        : null,
+                    onPressed: cfg.mixedFeed
+                        ? null
+                        : () {
+                            _toggleShowCategories();
+                          },
+                  ),
+                  IconButton(
+                    icon: const Icon(Symbols.search),
+                    onPressed: () {
+                      GoRouter.of(context).pushNamed('postSearch');
+                    },
+                  ),
+                  const Gap(8),
+                ],
+                bottom: cfg.mixedFeed
+                    ? null
+                    : TabBar(
+                        isScrollable: _showCategories,
+                        controller: _tabController,
+                        tabs: _showCategories
+                            ? [
+                                for (final category in _categories)
+                                  Tab(
+                                    child: Row(
+                                      mainAxisSize: MainAxisSize.min,
+                                      crossAxisAlignment:
+                                          CrossAxisAlignment.center,
+                                      children: [
+                                        Icon(
+                                          kCategoryIcons[category.alias] ??
+                                              Symbols.question_mark,
+                                          color: Theme.of(context)
+                                              .appBarTheme
+                                              .foregroundColor!,
+                                        ),
+                                        const Gap(8),
+                                        Flexible(
+                                          child: Text(
+                                            'postCategory${category.alias.capitalize()}'
+                                                    .trExists()
+                                                ? 'postCategory${category.alias.capitalize()}'
+                                                    .tr()
+                                                : category.name,
+                                            maxLines: 1,
+                                          ).textColor(
+                                            Theme.of(context)
+                                                .appBarTheme
+                                                .foregroundColor!,
+                                          ),
+                                        ),
+                                      ],
+                                    ),
+                                  ),
+                              ]
+                            : [
+                                for (final channel in kPostChannels)
+                                  Tab(
+                                    child: Row(
+                                      mainAxisSize: MainAxisSize.min,
+                                      crossAxisAlignment:
+                                          CrossAxisAlignment.center,
+                                      children: [
+                                        Icon(
+                                          kPostChannelIcons[
+                                              kPostChannels.indexOf(channel)],
+                                          size: 20,
+                                          color: Theme.of(context)
+                                              .appBarTheme
+                                              .foregroundColor,
+                                        ),
+                                        const Gap(8),
+                                        Flexible(
+                                          child: Text(
+                                            'postChannel$channel',
+                                            maxLines: 1,
+                                          ).tr().textColor(
+                                                Theme.of(context)
+                                                    .appBarTheme
+                                                    .foregroundColor,
+                                              ),
+                                        ),
+                                      ],
+                                    ),
+                                  ),
+                              ],
+                      ),
               ),
             ),
-            const SliverGap(12),
-            SliverInfiniteList(
-              itemCount: _posts.length,
-              isLoading: _isBusy,
-              centerLoading: true,
-              hasReachedMax: _postCount != null && _posts.length >= _postCount!,
-              onFetchData: _fetchPosts,
-              itemBuilder: (context, idx) {
-                return OpenablePostItem(
-                  data: _posts[idx],
-                  maxWidth: 640,
-                  onChanged: (data) {
-                    setState(() => _posts[idx] = data);
-                  },
-                  onDeleted: () {
-                    _refreshPosts();
-                  },
-                );
-              },
-              separatorBuilder: (_, __) => const Gap(8),
-            ),
-          ],
+          ];
+        },
+        body: _PostListWidget(
+          key: _listKey,
         ),
       ),
     );
   }
 }
+
+class _PostListWidget extends StatefulWidget {
+  const _PostListWidget({super.key});
+
+  @override
+  State<_PostListWidget> createState() => _PostListWidgetState();
+}
+
+class _PostListWidgetState extends State<_PostListWidget> {
+  bool _isBusy = false;
+
+  SnRealm? get realm => _selectedRealm;
+
+  final List<SnFeedEntry> _feed = List.empty(growable: true);
+  SnRealm? _selectedRealm;
+  String? _selectedChannel;
+  SnPostCategory? _selectedCategory;
+  bool _hasLoadedAll = false;
+
+  // Called when using regular feed
+  Future<void> _fetchPosts() async {
+    if (_hasLoadedAll) return;
+
+    setState(() => _isBusy = true);
+
+    final pt = context.read<SnPostContentProvider>();
+    final result = await pt.listPosts(
+      take: 10,
+      offset: _feed.length,
+      categories: _selectedCategory != null ? [_selectedCategory!.alias] : null,
+      channel: _selectedChannel,
+      realm: _selectedRealm?.alias,
+    );
+    final out = result.$1;
+
+    if (!mounted) return;
+
+    final postCount = result.$2;
+    _feed.addAll(
+      out.map((ele) => SnFeedEntry(
+          type: 'interactive.post',
+          data: ele.toJson(),
+          createdAt: ele.createdAt)),
+    );
+    _hasLoadedAll = _feed.length >= postCount;
+
+    if (mounted) setState(() => _isBusy = false);
+  }
+
+  // Called when mixed feed is enabled
+  Future<void> _fetchFeed() async {
+    if (_hasLoadedAll) return;
+
+    setState(() => _isBusy = true);
+
+    final pt = context.read<SnPostContentProvider>();
+    final result = await pt.getFeed(
+      cursor: _feed
+          .where((ele) => !['reader.news'].contains(ele.type))
+          .lastOrNull
+          ?.createdAt,
+    );
+
+    if (!mounted) return;
+
+    _feed.addAll(result);
+    _hasLoadedAll = result.isEmpty;
+
+    if (mounted) setState(() => _isBusy = false);
+  }
+
+  void setChannel(String? channel) {
+    _selectedChannel = channel;
+    setState(() {});
+  }
+
+  void setRealm(SnRealm? realm) {
+    _selectedRealm = realm;
+    setState(() {});
+  }
+
+  void setCategory(SnPostCategory? category) {
+    _selectedCategory = category;
+    setState(() {});
+  }
+
+  Future<void> refreshPosts() {
+    _hasLoadedAll = false;
+    _feed.clear();
+    final cfg = context.read<ConfigProvider>();
+    if (cfg.mixedFeed) {
+      return _fetchFeed();
+    } else {
+      return _fetchPosts();
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    final cfg = context.read<ConfigProvider>();
+    if (cfg.mixedFeed) {
+      _fetchFeed();
+    } else {
+      _fetchPosts();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final cfg = context.watch<ConfigProvider>();
+    return MediaQuery.removePadding(
+      context: context,
+      removeTop: true,
+      child: RefreshIndicator(
+        displacement: 40 + MediaQuery.of(context).padding.top,
+        onRefresh: () => refreshPosts(),
+        child: InfiniteList(
+          padding: EdgeInsets.only(top: 8),
+          itemCount: _feed.length,
+          isLoading: _isBusy,
+          centerLoading: true,
+          hasReachedMax: _hasLoadedAll,
+          onFetchData: cfg.mixedFeed ? _fetchFeed : _fetchPosts,
+          itemBuilder: (context, idx) {
+            final ele = _feed[idx];
+            switch (ele.type) {
+              case 'interactive.post':
+                return OpenablePostItem(
+                  data: SnPost.fromJson(ele.data),
+                  maxWidth: 640,
+                  onChanged: (data) {
+                    setState(() {
+                      _feed[idx] = _feed[idx].copyWith(data: data.toJson());
+                    });
+                  },
+                  onDeleted: () {
+                    refreshPosts();
+                  },
+                );
+              case 'fediverse.post':
+                return FediversePostWidget(
+                  data: SnFediversePost.fromJson(ele.data),
+                  maxWidth: 640,
+                );
+              case 'reader.news':
+                return Center(
+                  child: Container(
+                    constraints: BoxConstraints(maxWidth: 640),
+                    child: NewsFeedEntry(data: ele),
+                  ),
+                );
+              default:
+                return Container(
+                  constraints: BoxConstraints(maxWidth: 640),
+                  child: FeedUnknownEntry(data: ele),
+                );
+            }
+          },
+          separatorBuilder: (_, __) => const Divider().padding(vertical: 2),
+        ),
+      ),
+    );
+  }
+}
+
+class _PostListRealmPopup extends StatelessWidget {
+  final List<SnRealm>? realms;
+  final Function(SnRealm?) onUpdate;
+  final Function(bool) onMixedFeedChanged;
+
+  const _PostListRealmPopup({
+    required this.realms,
+    required this.onUpdate,
+    required this.onMixedFeedChanged,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final cfg = context.watch<ConfigProvider>();
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const Icon(Symbols.tune, size: 24),
+            const Gap(16),
+            Text('filterFeed', style: Theme.of(context).textTheme.titleLarge)
+                .tr(),
+          ],
+        ).padding(horizontal: 20, top: 16, bottom: 12),
+        SwitchListTile(
+          secondary: const Icon(Symbols.merge_type),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          title: Text('mixedFeed').tr(),
+          subtitle: Text('mixedFeedDescription').tr(),
+          value: cfg.mixedFeed,
+          onChanged: (value) {
+            cfg.mixedFeed = value;
+            onMixedFeedChanged.call(value);
+          },
+        ),
+        if (!cfg.mixedFeed)
+          ListTile(
+            leading: const Icon(Symbols.close),
+            title: Text('postInGlobal').tr(),
+            subtitle: Text('postViewInGlobalDescription').tr(),
+            contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+            onTap: () {
+              onUpdate.call(null);
+              Navigator.pop(context);
+            },
+          ),
+        if (!cfg.mixedFeed) const Divider(height: 1),
+        if (!cfg.mixedFeed)
+          Expanded(
+            child: ListView.builder(
+              itemCount: realms?.length ?? 0,
+              itemBuilder: (context, idx) {
+                final realm = realms![idx];
+                return ListTile(
+                  title: Text(realm.name),
+                  subtitle: Text('@${realm.alias}'),
+                  leading: AccountImage(content: realm.avatar, radius: 18),
+                  onTap: () {
+                    onUpdate.call(realm);
+                    Navigator.pop(context);
+                  },
+                );
+              },
+            ),
+          ),
+      ],
+    );
+  }
+}

lib/screens/home.dart

@@ -1,15 +1,11 @@
-import 'dart:io';
 import 'dart:math' as math;
 import 'dart:ui';
 
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/foundation.dart';
-import 'package:flutter_app_update/flutter_app_update.dart';
 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,13 +18,16 @@ import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/special_day.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/providers/widget.dart';
+import 'package:surface/screens/captcha.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';
+import 'package:surface/widgets/updater.dart';
+import 'package:flutter_animate/flutter_animate.dart';
+import 'package:url_launcher/url_launcher_string.dart';
 
 class HomeScreenDashEntry {
   final String name;
@@ -68,7 +67,7 @@ class _HomeScreenState extends State<HomeScreen> {
     ),
     HomeScreenDashEntry(
       name: 'dashEntryTodayNews',
-      child: _HomeDashTodayNews(),
+      child: _HomeDashServiceStatus(),
       cols: MediaQuery.of(context).size.width >= 640 ? 3 : 2,
     ),
   ];
@@ -83,14 +82,25 @@ class _HomeScreenState extends State<HomeScreen> {
       body: LayoutBuilder(
         builder: (context, constraints) {
           return Align(
-            alignment: constraints.maxWidth > 640 ? Alignment.center : Alignment.topCenter,
+            alignment: constraints.maxWidth > 640
+                ? Alignment.center
+                : Alignment.topCenter,
             child: Container(
               constraints: const BoxConstraints(maxWidth: 640),
               child: SingleChildScrollView(
                 child: Column(
-                  mainAxisAlignment: constraints.maxWidth > 640 ? MainAxisAlignment.center : MainAxisAlignment.start,
+                  mainAxisAlignment: constraints.maxWidth > 640
+                      ? MainAxisAlignment.center
+                      : MainAxisAlignment.start,
                   children: [
-                    _HomeDashUpdateWidget(padding: const EdgeInsets.only(bottom: 8, left: 8, right: 8)),
+                    _HomeDashUpdateWidget(
+                      padding: const EdgeInsets.only(
+                        bottom: 8,
+                        left: 8,
+                        right: 8,
+                      ),
+                    ),
+                    _HomeDashUnconfirmedWidget().padding(horizontal: 8),
                     _HomeDashSpecialDayWidget().padding(horizontal: 8),
                     StaggeredGrid.extent(
                       maxCrossAxisExtent: 280,
@@ -115,6 +125,64 @@ class _HomeScreenState extends State<HomeScreen> {
   }
 }
 
+class _HomeDashUnconfirmedWidget extends StatelessWidget {
+  const _HomeDashUnconfirmedWidget();
+
+  Future<void> _resendConfirmationEmail(BuildContext context) async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.patch('/cgi/id/users/me/confirm');
+      if (!context.mounted) return;
+      context.showSnackbar('accountUnconfirmedResendSuccessful'.tr());
+    } catch (err) {
+      if (!context.mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final ua = context.watch<UserProvider>();
+    if (ua.user == null || ua.user?.confirmedAt != null) {
+      return SizedBox.shrink();
+    }
+
+    return Card(
+      margin: EdgeInsets.zero,
+      child: ListTile(
+        leading: const Icon(Symbols.shield),
+        title: Text('accountUnconfirmedTitle').tr(),
+        subtitle: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text('accountUnconfirmedSubtitle').tr(),
+            const Gap(4),
+            Row(
+              children: [
+                Text('accountUnconfirmedUnreceived').tr(),
+                const Gap(4),
+                InkWell(
+                  child: Text(
+                    'accountUnconfirmedResend',
+                    style: TextStyle(
+                      decoration: TextDecoration.underline,
+                      color: Theme.of(context).colorScheme.onSurface,
+                    ),
+                  ).tr(),
+                  onTap: () {
+                    _resendConfirmationEmail(context);
+                  },
+                ),
+              ],
+            ),
+          ],
+        ),
+        contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+      ),
+    ).padding(bottom: 8);
+  }
+}
+
 class _HomeDashUpdateWidget extends StatelessWidget {
   final EdgeInsets? padding;
 
@@ -123,7 +191,6 @@ class _HomeDashUpdateWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final config = context.watch<ConfigProvider>();
-
     return ListenableBuilder(
       listenable: config,
       builder: (context, _) {
@@ -136,21 +203,15 @@ class _HomeDashUpdateWidget extends StatelessWidget {
                 leading: Icon(Symbols.update),
                 title: Text('updateAvailable').tr(),
                 subtitle: Text(config.updatableVersion!),
-                trailing: (kIsWeb || Platform.isWindows || Platform.isLinux)
-                    ? null
-                    : IconButton(
-                        icon: const Icon(Symbols.arrow_right_alt),
-                        onPressed: () {
-                          final model = UpdateModel(
-                            'https://files.solsynth.dev/d/production01/solian/app-arm64-v8a-release.apk',
-                            'solian-app-release-${config.updatableVersion!}.apk',
-                            'ic_launcher',
-                            'https://apps.apple.com/us/app/solian/id6499032345',
-                          );
-                          AzhonAppUpdate.update(model);
-                          context.showSnackbar('updateOngoing'.tr());
-                        },
-                      ),
+                trailing: IconButton(
+                  icon: const Icon(Symbols.arrow_right_alt),
+                  onPressed: () {
+                    showModalBottomSheet(
+                      context: context,
+                      builder: (context) => VersionUpdatePopup(),
+                    );
+                  },
+                ),
               ),
             ),
           );
@@ -166,7 +227,8 @@ class _HomeDashSpecialDayWidget extends StatefulWidget {
   const _HomeDashSpecialDayWidget();
 
   @override
-  State<_HomeDashSpecialDayWidget> createState() => _HomeDashSpecialDayWidgetState();
+  State<_HomeDashSpecialDayWidget> createState() =>
+      _HomeDashSpecialDayWidgetState();
 }
 
 class _HomeDashSpecialDayWidgetState extends State<_HomeDashSpecialDayWidget> {
@@ -208,7 +270,9 @@ class _HomeDashSpecialDayWidgetState extends State<_HomeDashSpecialDayWidget> {
         margin: EdgeInsets.zero,
         child: ListTile(
           leading: Text(kSpecialDaysSymbol[name] ?? '🎉').fontSize(24),
-          title: Text('pending$name').tr(args: [RelativeTime(context).format(date).replaceFirst('in', '').trim()]),
+          title: Text('pending$name').tr(args: [
+            RelativeTime(context).format(date).replaceFirst('in', '').trim()
+          ]),
           subtitle: Row(
             crossAxisAlignment: CrossAxisAlignment.center,
             children: [
@@ -240,21 +304,31 @@ class _HomeDashSpecialDayWidgetState extends State<_HomeDashSpecialDayWidget> {
   }
 }
 
-class _HomeDashTodayNews extends StatefulWidget {
-  const _HomeDashTodayNews();
+class _HomeDashServiceStatus extends StatefulWidget {
+  const _HomeDashServiceStatus();
 
   @override
-  State<_HomeDashTodayNews> createState() => _HomeDashTodayNewsState();
+  State<_HomeDashServiceStatus> createState() => _HomeDashServiceStatusState();
 }
 
-class _HomeDashTodayNewsState extends State<_HomeDashTodayNews> {
-  SnNewsArticle? _article;
+class _HomeDashServiceStatusState extends State<_HomeDashServiceStatus> {
+  Map<String, dynamic>? _statuses;
+  ServiceStatus? _serviceStatus;
 
-  Future<void> _fetchArticle() async {
+  Future<void> _fetchStatuses() async {
     try {
       final sn = context.read<SnNetworkProvider>();
-      final resp = await sn.client.get('/cgi/re/news/today');
-      _article = SnNewsArticle.fromJson(resp.data['data']);
+      final resp = await sn.client.get('/directory/status');
+      _statuses = resp.data;
+      if (_statuses!.values.contains(false)) {
+        if (_statuses!.values.contains(true)) {
+          _serviceStatus = ServiceStatus.downgraded;
+        } else {
+          _serviceStatus = ServiceStatus.failed;
+        }
+      } else {
+        _serviceStatus = ServiceStatus.operational;
+      }
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -267,7 +341,7 @@ class _HomeDashTodayNewsState extends State<_HomeDashTodayNews> {
   @override
   initState() {
     super.initState();
-    _fetchArticle();
+    _fetchStatuses();
   }
 
   @override
@@ -279,62 +353,127 @@ class _HomeDashTodayNewsState extends State<_HomeDashTodayNews> {
         children: [
           Row(
             children: [
-              const Icon(Symbols.newspaper),
+              const Icon(Symbols.flare),
               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(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  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},
-                  );
+              Expanded(
+                child: Text(
+                  'serviceStatus',
+                  style: Theme.of(context).textTheme.titleLarge,
+                ).tr(),
+              ),
+              IconButton(
+                icon: const Icon(Symbols.launch, size: 20),
+                visualDensity: VisualDensity(horizontal: -4, vertical: -4),
+                constraints: const BoxConstraints(),
+                padding: EdgeInsets.zero,
+                onPressed: () {
+                  launchUrlString('https://status.solsynth.dev');
                 },
               ),
-            )
-          else
+            ],
+          ).padding(horizontal: 18, top: 12, bottom: 8),
+          Container(
+            padding: EdgeInsets.symmetric(horizontal: 20, vertical: 6),
+            width: double.infinity,
+            color: _serviceStatus == null
+                ? Theme.of(context).colorScheme.surfaceContainerHigh
+                : switch (_serviceStatus) {
+                    ServiceStatus.operational => Colors.green[300],
+                    ServiceStatus.failed => Colors.red[300],
+                    _ => Colors.orange[300],
+                  },
+            child: _serviceStatus == null
+                ? Row(
+                    children: [
+                      const Icon(
+                        Symbols.more_horiz,
+                        size: 20,
+                      ),
+                      const Gap(10),
+                      Text('loading').tr(),
+                    ],
+                  )
+                : switch (_serviceStatus) {
+                    ServiceStatus.operational => Row(
+                        children: [
+                          const Icon(
+                            Symbols.check,
+                            size: 20,
+                          ),
+                          const Gap(10),
+                          Text('serviceStatusOperational').tr(),
+                        ],
+                      ),
+                    ServiceStatus.failed => Tooltip(
+                        message: 'serviceStatusFailedDescription'.tr(),
+                        child: Row(
+                          children: [
+                            const Icon(
+                              Symbols.dangerous,
+                              size: 20,
+                            ),
+                            const Gap(10),
+                            Text('serviceStatusFailed').tr(),
+                          ],
+                        ),
+                      ),
+                    _ => Row(
+                        children: [
+                          const Icon(
+                            Symbols.error,
+                            size: 20,
+                          ),
+                          const Gap(10),
+                          Text('serviceStatusDowngraded').tr(),
+                        ],
+                      ),
+                  },
+          ),
+          if (_statuses != null)
             Expanded(
-              child: Center(
-                child: CircularProgressIndicator(),
+              child: SingleChildScrollView(
+                padding: EdgeInsets.only(top: 6),
+                child: Wrap(
+                  spacing: 8,
+                  runSpacing: 8,
+                  children: [
+                    for (final entry in _statuses!.entries)
+                      Tooltip(
+                        message: kServicesName[entry.key] != null
+                            ? 'serviceName${kServicesName[entry.key]}'.tr()
+                            : 'unknown'.tr(),
+                        child: Chip(
+                          visualDensity:
+                              VisualDensity(horizontal: -4, vertical: -4),
+                          avatar: entry.value
+                              ? const Icon(
+                                  Symbols.circle,
+                                  color: Colors.green,
+                                  fill: 1,
+                                  size: 16,
+                                )
+                              : AnimateWidgetExtensions(const Icon(
+                                  Symbols.error,
+                                  color: Colors.red,
+                                  fill: 1,
+                                  size: 16,
+                                ))
+                                  .animate(onPlay: (e) => e.repeat())
+                                  .fadeIn(
+                                      duration: 500.ms, curve: Curves.easeOut)
+                                  .then()
+                                  .fadeOut(
+                                    duration: 500.ms,
+                                    delay: 1000.ms,
+                                    curve: Curves.easeIn,
+                                  ),
+                          label: Text(kServicesName[entry.key] ?? entry.key),
+                        ),
+                      ),
+                  ],
+                ).padding(horizontal: 12),
               ),
-            )
+            ),
         ],
       ),
     );
@@ -370,11 +509,20 @@ class _HomeDashCheckInWidgetState extends State<_HomeDashCheckInWidget> {
   }
 
   Future<void> _doCheckIn() async {
+    final captchaTk = await Navigator.of(context, rootNavigator: true).push(
+      MaterialPageRoute(
+        builder: (context) => TurnstileScreen(),
+      ),
+    );
+    if (captchaTk == null) return;
+
     setState(() => _isBusy = true);
     try {
       final sn = context.read<SnNetworkProvider>();
       final home = context.read<HomeWidgetProvider>();
-      final resp = await sn.client.post('/cgi/id/check-in');
+      final resp = await sn.client.post('/cgi/id/check-in', data: {
+        'captcha_token': captchaTk,
+      });
       _todayRecord = SnCheckInRecord.fromJson(resp.data);
       await home.saveWidgetData('pas_check_in_record', _todayRecord!.toJson());
     } catch (err) {
@@ -386,15 +534,20 @@ class _HomeDashCheckInWidgetState extends State<_HomeDashCheckInWidget> {
   }
 
   Widget _buildDetailChunk(int index, bool positive) {
-    final prefix = positive ? 'dailyCheckPositiveHint' : 'dailyCheckNegativeHint';
-    final mod = positive ? kSuggestionPositiveHintCount : kSuggestionNegativeHintCount;
+    final prefix =
+        positive ? 'dailyCheckPositiveHint' : 'dailyCheckNegativeHint';
+    final mod =
+        positive ? kSuggestionPositiveHintCount : kSuggestionNegativeHintCount;
     final pos = math.max(1, _todayRecord!.resultModifiers[index] % mod);
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         Text(
           prefix.tr(args: ['$prefix$pos'.tr()]),
-          style: Theme.of(context).textTheme.titleMedium!.copyWith(fontWeight: FontWeight.bold),
+          style: Theme.of(context)
+              .textTheme
+              .titleMedium!
+              .copyWith(fontWeight: FontWeight.bold),
         ),
         Text(
           '$prefix${pos}Description',
@@ -429,7 +582,10 @@ class _HomeDashCheckInWidgetState extends State<_HomeDashCheckInWidget> {
               else
                 Text(
                   'dailyCheckEverythingIsNegative',
-                  style: Theme.of(context).textTheme.titleMedium!.copyWith(fontWeight: FontWeight.bold),
+                  style: Theme.of(context)
+                      .textTheme
+                      .titleMedium!
+                      .copyWith(fontWeight: FontWeight.bold),
                 ).tr(),
               const Gap(8),
               if (_todayRecord?.resultTier != 4)
@@ -445,7 +601,10 @@ class _HomeDashCheckInWidgetState extends State<_HomeDashCheckInWidget> {
               else
                 Text(
                   'dailyCheckEverythingIsPositive',
-                  style: Theme.of(context).textTheme.titleMedium!.copyWith(fontWeight: FontWeight.bold),
+                  style: Theme.of(context)
+                      .textTheme
+                      .titleMedium!
+                      .copyWith(fontWeight: FontWeight.bold),
                 ).tr(),
             ],
           ),
@@ -519,11 +678,26 @@ class _HomeDashCheckInWidgetState extends State<_HomeDashCheckInWidget> {
                           '+${_todayRecord!.resultExperience} EXP',
                           style: Theme.of(context).textTheme.bodyLarge,
                         ),
-                        if (_todayRecord!.resultCoin >= 0)
+                        if (_todayRecord!.resultCoin > 0)
                           Text(
                             '+${_todayRecord!.resultCoin} ${'walletCurrencyShort'.tr()}',
                             style: Theme.of(context).textTheme.bodyLarge,
-                          )
+                          ),
+                        if (_todayRecord!.currentStreak > 0)
+                          Row(
+                            children: [
+                              const Icon(
+                                Symbols.local_fire_department,
+                                size: 14,
+                              ).padding(bottom: 2),
+                              const Gap(4),
+                              Text(
+                                'checkInStreak'
+                                    .plural(_todayRecord!.currentStreak),
+                                style: Theme.of(context).textTheme.bodySmall,
+                              ),
+                            ],
+                          ).padding(top: 4),
                       ],
                     ),
             ),
@@ -571,10 +745,12 @@ class _HomeDashNotificationWidget extends StatefulWidget {
   const _HomeDashNotificationWidget();
 
   @override
-  State<_HomeDashNotificationWidget> createState() => _HomeDashNotificationWidgetState();
+  State<_HomeDashNotificationWidget> createState() =>
+      _HomeDashNotificationWidgetState();
 }
 
-class _HomeDashNotificationWidgetState extends State<_HomeDashNotificationWidget> {
+class _HomeDashNotificationWidgetState
+    extends State<_HomeDashNotificationWidget> {
   int? _count;
 
   Future<void> _fetchNotificationCount() async {
@@ -612,7 +788,9 @@ class _HomeDashNotificationWidgetState extends State<_HomeDashNotificationWidget
                   style: Theme.of(context).textTheme.titleLarge,
                 ).tr(),
                 Text(
-                  _count == null ? 'loading'.tr() : 'notificationUnreadCount'.plural(_count ?? 0),
+                  _count == null
+                      ? 'loading'.tr()
+                      : 'notificationUnreadCount'.plural(_count ?? 0),
                   style: Theme.of(context).textTheme.bodyLarge,
                 ),
               ],
@@ -643,10 +821,12 @@ class _HomeDashRecommendationPostWidget extends StatefulWidget {
   const _HomeDashRecommendationPostWidget();
 
   @override
-  State<_HomeDashRecommendationPostWidget> createState() => _HomeDashRecommendationPostWidgetState();
+  State<_HomeDashRecommendationPostWidget> createState() =>
+      _HomeDashRecommendationPostWidgetState();
 }
 
-class _HomeDashRecommendationPostWidgetState extends State<_HomeDashRecommendationPostWidget> {
+class _HomeDashRecommendationPostWidgetState
+    extends State<_HomeDashRecommendationPostWidget> {
   bool _isBusy = false;
   List<SnPost>? _posts;
 
@@ -710,13 +890,17 @@ class _HomeDashRecommendationPostWidgetState extends State<_HomeDashRecommendati
                   ).tr(),
                 ],
               ),
-              Text('${_currentPage + 1}/${_posts?.length ?? 0}', style: GoogleFonts.robotoMono())
+              Text(
+                '${_currentPage + 1}/${_posts?.length ?? 0}',
+                style: GoogleFonts.robotoMono(),
+              )
             ],
           ).padding(horizontal: 18, top: 12, bottom: 8),
           Expanded(
             child: PageView.builder(
               controller: _pageController,
-              scrollBehavior: ScrollConfiguration.of(context).copyWith(dragDevices: {
+              scrollBehavior:
+                  ScrollConfiguration.of(context).copyWith(dragDevices: {
                 PointerDeviceKind.mouse,
                 PointerDeviceKind.touch,
               }),
@@ -727,9 +911,11 @@ class _HomeDashRecommendationPostWidgetState extends State<_HomeDashRecommendati
                     child: PostItem(
                       data: _posts![index],
                       showMenu: false,
+                      showFullPost: true,
                     ).padding(bottom: 8),
                     onTap: () {
-                      GoRouter.of(context).pushNamed('postDetail', pathParameters: {
+                      GoRouter.of(context)
+                          .pushNamed('postDetail', pathParameters: {
                         'slug': _posts![index].id.toString(),
                       });
                     },

lib/screens/logging.dart

@@ -0,0 +1,167 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/logger.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/navigation/app_scaffold.dart';
+import 'package:talker_dio_logger/dio_logs.dart';
+import 'package:talker_flutter/talker_flutter.dart';
+
+final Map<LogLevel, IconData> kLogLevelIcons = {
+  LogLevel.error: Symbols.error,
+  LogLevel.critical: Symbols.error,
+  LogLevel.warning: Symbols.warning,
+  LogLevel.info: Symbols.info,
+  LogLevel.debug: Symbols.info_i,
+  LogLevel.verbose: Symbols.info_i,
+};
+
+final Map<LogLevel, bool> kLogLevelFilled = {
+  LogLevel.error: false,
+  LogLevel.critical: true,
+  LogLevel.warning: true,
+  LogLevel.info: true,
+  LogLevel.debug: false,
+  LogLevel.verbose: false,
+};
+
+class DebugLoggingScreen extends StatelessWidget {
+  const DebugLoggingScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final talkerTheme = TalkerScreenTheme.fromTheme(Theme.of(context));
+
+    return AppScaffold(
+      appBar: AppBar(
+        leading: const PageBackButton(),
+        title: Text('debugLogging').tr(),
+        actions: [
+          IconButton(
+            onPressed: () {
+              logging.cleanHistory();
+              Navigator.pop(context);
+            },
+            icon: const Icon(Symbols.delete),
+          ),
+        ],
+      ),
+      body: ListView.builder(
+        reverse: true,
+        padding: EdgeInsets.only(bottom: MediaQuery.of(context).padding.bottom),
+        itemCount: logging.history.length,
+        itemBuilder: (context, index) {
+          final log = logging.history[index];
+          final color = log.getFlutterColor(talkerTheme);
+          return ListTile(
+            minTileHeight: 0,
+            tileColor: color.withOpacity(0.2),
+            leading: Icon(
+              kLogLevelIcons[log.logLevel ?? LogLevel.debug] ?? Symbols.help,
+              color: color,
+              fill: (kLogLevelFilled[log.logLevel ?? LogLevel.debug] ?? false)
+                  ? 1
+                  : 0,
+            ),
+            title: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                if (log is DioRequestLog)
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        '${log.requestOptions.method} ${log.displayMessage}',
+                        style: GoogleFonts.robotoMono(fontSize: 13),
+                      ),
+                      if (log.requestOptions.data != null)
+                        Theme(
+                          data: Theme.of(context).copyWith(
+                            dividerColor: Colors.transparent,
+                          ),
+                          child: ExpansionTile(
+                            title: Text('Payload').fontSize(13),
+                            minTileHeight: 0,
+                            tilePadding: EdgeInsets.zero,
+                            expandedCrossAxisAlignment:
+                                CrossAxisAlignment.start,
+                            children: [
+                              Text(
+                                log.requestOptions.data.toString(),
+                                style: GoogleFonts.robotoMono(fontSize: 13),
+                              ),
+                            ],
+                          ),
+                        ),
+                    ],
+                  )
+                else if (log is DioResponseLog)
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        '${log.response.statusCode} ${log.displayMessage}',
+                        style: GoogleFonts.robotoMono(fontSize: 13),
+                      ),
+                      if (log.response.data != null)
+                        Theme(
+                          data: Theme.of(context).copyWith(
+                            dividerColor: Colors.transparent,
+                          ),
+                          child: ExpansionTile(
+                            title: Text('Payload').fontSize(13),
+                            minTileHeight: 0,
+                            tilePadding: EdgeInsets.zero,
+                            expandedCrossAxisAlignment:
+                                CrossAxisAlignment.start,
+                            children: [
+                              Text(
+                                log.response.data.toString(),
+                                style: GoogleFonts.robotoMono(fontSize: 13),
+                              ),
+                            ],
+                          ),
+                        ),
+                    ],
+                  )
+                else
+                  Text(
+                    log.displayMessage,
+                    style: GoogleFonts.robotoMono(fontSize: 13),
+                  ),
+                if (log.exception != null)
+                  Text(
+                    log.displayException,
+                    style: GoogleFonts.robotoMono(fontSize: 13),
+                  ).bold(),
+                if (log.error != null)
+                  Text(
+                    log.displayException,
+                    style: GoogleFonts.robotoMono(fontSize: 13),
+                  ).bold(),
+                if (log.stackTrace != null)
+                  Text(
+                    log.displayStackTrace,
+                    style: GoogleFonts.robotoMono(fontSize: 12),
+                  ).padding(top: 4),
+              ],
+            ),
+            subtitle: Text(
+              '${(log.title?.replaceAll('-', ' ') ?? 'default').capitalizeEachWord()} · ${log.displayTime()}',
+            ).fontSize(11),
+            onTap: () {
+              Clipboard.setData(
+                ClipboardData(
+                  text: log.generateTextMessage(),
+                ),
+              );
+            },
+          );
+        },
+      ),
+    );
+  }
+}

lib/screens/news/news_detail.dart

@@ -1,18 +1,17 @@
 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:html2md/html2md.dart' as html2md;
 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/markdown_content.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 {
@@ -26,14 +25,12 @@ class NewsDetailScreen extends StatefulWidget {
 
 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((_) {
@@ -45,104 +42,6 @@ class _NewsDetailScreenState extends State<NewsDetailScreen> {
     }
   }
 
-  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();
@@ -163,7 +62,9 @@ class _NewsDetailScreenState extends State<NewsDetailScreen> {
           MaterialBanner(
             dividerColor: Colors.transparent,
             leading: const Icon(Icons.info),
-            content: Text(_isReadingFromReader ? 'newsReadingFromReader'.tr() : 'newsReadingFromOriginal'.tr()),
+            content: Text(_isReadingFromReader
+                ? 'newsReadingFromReader'.tr()
+                : 'newsReadingFromOriginal'.tr()),
             actions: [
               TextButton(
                 child: Text('newsReadingProviderSwap').tr(),
@@ -173,7 +74,7 @@ class _NewsDetailScreenState extends State<NewsDetailScreen> {
               ),
             ],
           ),
-          if (_articleFragment != null && _isReadingFromReader)
+          if (_article != null && _isReadingFromReader)
             Expanded(
               child: Container(
                 constraints: BoxConstraints(maxWidth: 640),
@@ -182,28 +83,43 @@ class _NewsDetailScreenState extends State<NewsDetailScreen> {
                     crossAxisAlignment: CrossAxisAlignment.start,
                     spacing: 8,
                     children: [
-                      Text(_article!.title, style: Theme.of(context).textTheme.titleLarge),
+                      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(),
+                          htmlDescription.children
+                              .map((ele) => ele.text.trim())
+                              .join(),
                           style: Theme.of(context).textTheme.bodyMedium,
                         );
                       }),
                       Builder(builder: (context) {
-                        final date = _article!.publishedAt ?? _article!.createdAt;
+                        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!),
+                            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),
+                      Text('newsDisclaimer')
+                          .tr()
+                          .textStyle(Theme.of(context).textTheme.bodySmall!)
+                          .opacity(0.75),
                       const Divider(),
-                      ..._parseHtmlToWidgets(_articleFragment!.children),
+                      MarkdownTextContent(
+                        textScaler: TextScaler.linear(1.2),
+                        content: html2md.convert(_article!.content),
+                      ),
                       const Divider(),
                       InkWell(
                         child: Row(
@@ -211,7 +127,8 @@ class _NewsDetailScreenState extends State<NewsDetailScreen> {
                           children: [
                             Text(
                               'Reference from original website',
-                              style: TextStyle(decoration: TextDecoration.underline),
+                              style: TextStyle(
+                                  decoration: TextDecoration.underline),
                             ),
                             const Gap(4),
                             Icon(Icons.launch, size: 16),

lib/screens/notification.dart

@@ -29,6 +29,7 @@ const Map<String, IconData> kNotificationTopicIcons = {
   'passport.security.otp': Symbols.password,
   'interactive.subscription': Symbols.subscriptions,
   'interactive.feedback': Symbols.add_reaction,
+  'interactive.reply': Symbols.reply,
   'messaging.callStart': Symbols.call_received,
   'wallet.transaction.new': Symbols.receipt,
 };
@@ -57,11 +58,15 @@ class _NotificationScreenState extends State<NotificationScreen> {
     try {
       final sn = context.read<SnNetworkProvider>();
       final nty = context.read<NotificationProvider>();
-      final resp = await sn.client.get('/cgi/id/notifications?take=10');
-      _totalCount = resp.data['count'];
-      _notifications.addAll(
-        resp.data['data']?.map((e) => SnNotification.fromJson(e)).cast<SnNotification>() ?? [],
+      final resp = await sn.client.get(
+        '/cgi/id/notifications',
+        queryParameters: {'take': 10, 'offset': _notifications.length},
       );
+      _totalCount = resp.data['count'];
+      _notifications.addAll(resp.data['data']
+              ?.map((e) => SnNotification.fromJson(e))
+              .cast<SnNotification>() ??
+          []);
       nty.updateTray();
     } catch (err) {
       if (!mounted) return;
@@ -97,8 +102,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
 
       if (!mounted) return;
       context.showSnackbar(
-        'notificationMarkAllReadPrompt'.plural(resp.data['count']),
-      );
+          'notificationMarkAllReadPrompt'.plural(resp.data['count']));
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -123,8 +127,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
 
       if (!mounted) return;
       context.showSnackbar(
-        'notificationMarkOneReadPrompt'.tr(args: ['#${notification.id}']),
-      );
+          'notificationMarkOneReadPrompt'.tr(args: ['#${notification.id}']));
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -146,12 +149,9 @@ class _NotificationScreenState extends State<NotificationScreen> {
     if (!ua.isAuthorized) {
       return AppScaffold(
         appBar: AppBar(
-          leading: AutoAppBarLeading(),
-          title: Text('screenNotification').tr(),
-        ),
-        body: Center(
-          child: UnauthorizedHint(),
-        ),
+            leading: AutoAppBarLeading(),
+            title: Text('screenNotification').tr()),
+        body: Center(child: UnauthorizedHint()),
       );
     }
 
@@ -161,9 +161,8 @@ class _NotificationScreenState extends State<NotificationScreen> {
         title: Text('screenNotification').tr(),
         actions: [
           IconButton(
-            icon: const Icon(Symbols.checklist),
-            onPressed: _isSubmitting ? null : _markAllAsRead,
-          ),
+              icon: const Icon(Symbols.checklist),
+              onPressed: _isSubmitting ? null : _markAllAsRead),
           const Gap(8),
         ],
       ),
@@ -178,15 +177,16 @@ class _NotificationScreenState extends State<NotificationScreen> {
               },
               child: InfiniteList(
                 padding: EdgeInsets.only(
-                  top: 16,
-                  bottom: math.max(MediaQuery.of(context).padding.bottom, 16),
-                ),
+                    top: 16,
+                    bottom:
+                        math.max(MediaQuery.of(context).padding.bottom, 16)),
                 itemCount: _notifications.length,
                 onFetchData: () {
                   _fetchNotifications();
                 },
                 isLoading: _isBusy,
-                hasReachedMax: _totalCount != null && _notifications.length >= _totalCount!,
+                hasReachedMax: _totalCount != null &&
+                    _notifications.length >= _totalCount!,
                 itemBuilder: (context, idx) {
                   final nty = _notifications[idx];
                   return Row(
@@ -200,50 +200,48 @@ class _NotificationScreenState extends State<NotificationScreen> {
                           children: [
                             if (nty.readAt == null)
                               StyledWidget(Badge(
-                                label: Text('notificationUnread').tr(),
-                              )).padding(bottom: 4),
-                            Text(
-                              nty.title,
-                              style: Theme.of(context).textTheme.titleMedium,
-                            ),
+                                      label: Text('notificationUnread').tr()))
+                                  .padding(bottom: 4),
+                            Text(nty.title,
+                                style: Theme.of(context).textTheme.titleMedium),
                             if (nty.subtitle != null)
-                              Text(
-                                nty.subtitle!,
-                                style: Theme.of(context).textTheme.titleSmall,
-                              ),
+                              Text(nty.subtitle!,
+                                  style:
+                                      Theme.of(context).textTheme.titleSmall),
                             if (nty.subtitle != null) const Gap(4),
                             SelectionArea(
-                              child: MarkdownTextContent(
-                                content: nty.body,
-                                isAutoWarp: true,
-                              ),
-                            ),
-                            if (['interactive.reply', 'interactive.feedback', 'interactive.subscription']
-                                    .contains(nty.topic) &&
+                                child: MarkdownTextContent(
+                                    content: nty.body, isAutoWarp: true)),
+                            if ([
+                                  'interactive.reply',
+                                  'interactive.feedback',
+                                  'interactive.subscription',
+                                ].contains(nty.topic) &&
                                 nty.metadata['related_post'] != null)
                               GestureDetector(
                                 child: Container(
                                   decoration: BoxDecoration(
-                                    borderRadius: const BorderRadius.all(Radius.circular(8)),
+                                    borderRadius: const BorderRadius.all(
+                                        Radius.circular(8)),
                                     border: Border.all(
-                                      color: Theme.of(context).dividerColor,
-                                      width: 1,
-                                    ),
+                                        color: Theme.of(context).dividerColor,
+                                        width: 1),
                                   ),
                                   child: PostItem(
                                     data: SnPost.fromJson(
-                                      nty.metadata['related_post']!,
-                                    ),
+                                        nty.metadata['related_post']!),
                                     showComments: false,
                                     showReactions: false,
                                     showMenu: false,
-                                  ),
+                                  ).padding(vertical: 4),
                                 ),
                                 onTap: () {
                                   GoRouter.of(context).pushNamed(
                                     'postDetail',
                                     pathParameters: {
-                                      'slug': nty.metadata['related_post']!['id'].toString(),
+                                      'slug': nty
+                                          .metadata['related_post']!['id']
+                                          .toString()
                                     },
                                   );
                                 },
@@ -251,18 +249,15 @@ class _NotificationScreenState extends State<NotificationScreen> {
                             const Gap(8),
                             Row(
                               children: [
-                                Text(
-                                  DateFormat('yy/MM/dd').format(nty.createdAt),
-                                ).fontSize(12),
+                                Text(DateFormat('yy/MM/dd')
+                                        .format(nty.createdAt))
+                                    .fontSize(12),
                                 const Gap(4),
-                                Text(
-                                  '·',
-                                  style: TextStyle(fontSize: 12),
-                                ),
+                                Text('·', style: TextStyle(fontSize: 12)),
                                 const Gap(4),
-                                Text(
-                                  RelativeTime(context).format(nty.createdAt),
-                                ).fontSize(12),
+                                Text(RelativeTime(context)
+                                        .format(nty.createdAt))
+                                    .fontSize(12),
                               ],
                             ).opacity(0.75),
                           ],
@@ -272,8 +267,10 @@ class _NotificationScreenState extends State<NotificationScreen> {
                       IconButton(
                         icon: const Icon(Symbols.check),
                         padding: EdgeInsets.all(0),
-                        visualDensity: const VisualDensity(horizontal: -4, vertical: -4),
-                        onPressed: _isSubmitting ? null : () => _markOneAsRead(nty),
+                        visualDensity:
+                            const VisualDensity(horizontal: -4, vertical: -4),
+                        onPressed:
+                            _isSubmitting ? null : () => _markOneAsRead(nty),
                       ),
                     ],
                   ).padding(horizontal: 16);

lib/screens/post/post_detail.dart

@@ -22,7 +22,8 @@ class PostDetailScreen extends StatefulWidget {
   final SnPost? preload;
   final Function? onBack;
 
-  const PostDetailScreen({super.key, required this.slug, this.preload, this.onBack});
+  const PostDetailScreen(
+      {super.key, required this.slug, this.preload, this.onBack});
 
   @override
   State<PostDetailScreen> createState() => _PostDetailScreenState();
@@ -88,14 +89,16 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
                     TextSpan(
                       text: _data?.body['title'] ?? 'postNoun'.tr(),
                       style: Theme.of(context).textTheme.titleLarge!.copyWith(
-                            color: Theme.of(context).appBarTheme.foregroundColor!,
+                            color:
+                                Theme.of(context).appBarTheme.foregroundColor!,
                           ),
                     ),
                     const TextSpan(text: '\n'),
                     TextSpan(
                       text: 'postDetail'.tr(),
                       style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                            color: Theme.of(context).appBarTheme.foregroundColor!,
+                            color:
+                                Theme.of(context).appBarTheme.foregroundColor!,
                           ),
                     ),
                   ]),
@@ -124,8 +127,11 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
                   },
                 ),
               ),
-            if (_data != null && _data!.type != 'video') const SliverToBoxAdapter(child: Divider(height: 1)),
-            if (_data != null && _data!.type != 'video')
+            if (_data != null)
+              SliverToBoxAdapter(
+                child: Divider(height: 1).padding(top: 8),
+              ),
+            if (_data != null)
               SliverToBoxAdapter(
                 child: Container(
                   constraints: BoxConstraints(maxWidth: maxWidth),
@@ -141,7 +147,7 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
                   ).padding(horizontal: 20, vertical: 12).center(),
                 ),
               ),
-            if (_data != null && ua.isAuthorized && _data!.type != 'video')
+            if (_data != null && ua.isAuthorized)
               SliverToBoxAdapter(
                 child: PostCommentQuickAction(
                   parentPost: _data!,
@@ -158,13 +164,15 @@ class _PostDetailScreenState extends State<PostDetailScreen> {
                   },
                 ),
               ),
-            if (_data != null && _data!.type != 'video')
+            if (_data != null) SliverGap(8),
+            if (_data != null)
               PostCommentSliverList(
                 key: _childListKey,
                 parentPost: _data!,
                 maxWidth: maxWidth,
               ),
-            if (_data != null && _data!.type == 'video') SliverGap(math.max(MediaQuery.of(context).padding.bottom, 16)),
+            if (_data != null)
+              SliverGap(math.max(MediaQuery.of(context).padding.bottom, 16)),
           ],
         ),
       ),

lib/screens/post/post_draft.dart

@@ -0,0 +1,89 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+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/loading_indicator.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';
+
+class PostDraftBox extends StatefulWidget {
+  const PostDraftBox({super.key});
+
+  @override
+  State<PostDraftBox> createState() => _PostDraftBoxState();
+}
+
+class _PostDraftBoxState extends State<PostDraftBox> {
+  bool _isBusy = false;
+  final List<SnPost> _posts = List.empty(growable: true);
+  int? _totalCount;
+
+  Future<void> _fetchPosts() async {
+    setState(() => _isBusy = true);
+    try {
+      final pt = context.read<SnPostContentProvider>();
+      final resp = await pt.listPosts(
+        take: 10,
+        offset: _posts.length,
+        isDraft: true,
+      );
+      final out = resp.$1;
+      _totalCount = resp.$2;
+      if (!mounted) return;
+      _posts.addAll(out);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        title: Text('postDraftBox').tr(),
+      ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          Expanded(
+            child: RefreshIndicator(
+              onRefresh: () {
+                _posts.clear();
+                return _fetchPosts();
+              },
+              child: InfiniteList(
+                padding: EdgeInsets.only(top: 8),
+                hasReachedMax:
+                    _totalCount != null && _posts.length >= _totalCount!,
+                itemCount: _posts.length,
+                onFetchData: () => _fetchPosts(),
+                itemBuilder: (context, idx) {
+                  final ele = _posts[idx];
+                  return OpenablePostItem(
+                    data: ele,
+                    onChanged: (data) {
+                      _posts[idx] = data;
+                    },
+                    onDeleted: () {
+                      _posts.clear();
+                      _fetchPosts();
+                    },
+                  );
+                },
+                separatorBuilder: (_, __) =>
+                    const Divider().padding(vertical: 2),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/post/post_search.dart

@@ -45,7 +45,8 @@ class _PostSearchScreenState extends State<PostSearchScreen> {
   }
 
   Future<void> _fetchPosts() async {
-    if (_searchTerm.isEmpty && _searchCategories.isEmpty && _searchTags.isEmpty) return;
+    if (_searchTerm.isEmpty && _searchCategories.isEmpty && _searchTags.isEmpty)
+      return;
     if (_postCount != null && _posts.length >= _postCount!) return;
 
     setState(() => _isBusy = true);
@@ -152,7 +153,7 @@ class _PostSearchScreenState extends State<PostSearchScreen> {
                 },
               );
             },
-            separatorBuilder: (_, __) => const Gap(8),
+            separatorBuilder: (_, __) => const Divider().padding(vertical: 2),
           ),
           Positioned(
             top: 16,
@@ -166,7 +167,8 @@ class _PostSearchScreenState extends State<PostSearchScreen> {
                   padding: const WidgetStatePropertyAll(
                     EdgeInsets.symmetric(horizontal: 24),
                   ),
-                  onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                  onTapOutside: (_) =>
+                      FocusManager.instance.primaryFocus?.unfocus(),
                   onChanged: (value) {
                     _searchTerm = value;
                   },

lib/screens/post/post_shuffle.dart

@@ -0,0 +1,132 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_card_swiper/flutter_card_swiper.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:provider/provider.dart';
+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';
+
+class PostShuffleScreen extends StatefulWidget {
+  const PostShuffleScreen({super.key});
+
+  @override
+  State<PostShuffleScreen> createState() => _PostShuffleScreenState();
+}
+
+class _PostShuffleScreenState extends State<PostShuffleScreen> {
+  late final CardSwiperController _cardController = CardSwiperController();
+
+  bool _isBusy = false;
+  final List<SnPost> _posts = List.empty(growable: true);
+
+  Future<void> _fetchPosts() async {
+    _posts.clear();
+    setState(() => _isBusy = true);
+    try {
+      final pt = context.read<SnPostContentProvider>();
+      final result = await pt.listPosts(
+        take: 10,
+        offset: _posts.length,
+        isShuffle: true,
+      );
+      _posts.addAll(result.$1);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchPosts();
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    _cardController.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        title: Text('postShuffle').tr(),
+      ),
+      body: Stack(
+        children: [
+          Column(
+            children: [
+              if (_isBusy || _posts.isEmpty)
+                const Expanded(
+                  child: Center(
+                    child: CircularProgressIndicator(),
+                  ),
+                )
+              else
+                Expanded(
+                  child: CardSwiper(
+                    controller: _cardController,
+                    isLoop: false,
+                    padding: EdgeInsets.zero,
+                    cardsCount: _posts.length,
+                    cardBuilder: (context, idx, _, __) {
+                      final ele = _posts[idx];
+                      return SingleChildScrollView(
+                        child: Center(
+                          child: OpenablePostItem(
+                            key: ValueKey(ele),
+                            data: ele,
+                            maxWidth: 640,
+                            onChanged: (ele) {
+                              _posts[idx] = ele;
+                              setState(() {});
+                            },
+                            onDeleted: () {
+                              _fetchPosts();
+                            },
+                          ).padding(
+                            all: 24,
+                            bottom:
+                                MediaQuery.of(context).padding.bottom + 16 + 50,
+                          ),
+                        ),
+                      );
+                    },
+                    onEnd: () {
+                      _fetchPosts();
+                    },
+                  ),
+                ),
+            ],
+          ),
+          if (!_isBusy && _posts.isNotEmpty)
+            Positioned(
+              bottom: MediaQuery.of(context).padding.bottom + 16,
+              left: 16,
+              right: 16,
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  IconButton.filled(
+                    icon: const Icon(Symbols.next_plan),
+                    color: Theme.of(context).colorScheme.onPrimary,
+                    onPressed: () {
+                      _cardController.swipe(CardSwiperDirection.right);
+                    },
+                  ),
+                ],
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/post/publisher_page.dart

@@ -34,9 +34,11 @@ class PostPublisherScreen extends StatefulWidget {
   State<PostPublisherScreen> createState() => _PostPublisherScreenState();
 }
 
-class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTickerProviderStateMixin {
+class _PostPublisherScreenState extends State<PostPublisherScreen>
+    with SingleTickerProviderStateMixin {
   late final ScrollController _scrollController = ScrollController();
-  late final TabController _tabController = TabController(length: 3, vsync: this);
+  late final TabController _tabController =
+      TabController(length: 3, vsync: this);
 
   SnPublisher? _publisher;
   SnAccount? _account;
@@ -66,7 +68,8 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
       _account = await ud.getAccount(_publisher?.accountId);
       _accountRelationship = await rel.getRelationship(_account!.id);
       if (_publisher?.realmId != null && _publisher!.realmId != 0) {
-        final resp = await sn.client.get('/cgi/id/realms/${_publisher!.realmId}');
+        final resp =
+            await sn.client.get('/cgi/id/realms/${_publisher!.realmId}');
         _realm = SnRealm.fromJson(resp.data);
       }
     } catch (_) {
@@ -133,12 +136,14 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
   double _appBarBlur = 0.0;
 
   late final _appBarWidth = MediaQuery.of(context).size.width;
-  late final _appBarHeight = (_appBarWidth * kBannerAspectRatio).roundToDouble();
+  late final _appBarHeight =
+      (_appBarWidth * kBannerAspectRatio).roundToDouble();
 
   void _updateAppBarBlur() {
     if (_scrollController.offset > _appBarHeight) return;
     setState(() {
-      _appBarBlur = (_scrollController.offset / _appBarHeight * 10).clamp(0.0, 10.0);
+      _appBarBlur =
+          (_scrollController.offset / _appBarHeight * 10).clamp(0.0, 10.0);
     });
   }
 
@@ -193,7 +198,8 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
         'related': _account!.name,
       });
       if (!mounted) return;
-      context.showSnackbar('userBlocked'.tr(args: ['@${_account?.name ?? 'unknown'.tr()}']));
+      context.showSnackbar(
+          'userBlocked'.tr(args: ['@${_account?.name ?? 'unknown'.tr()}']));
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -209,9 +215,11 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
 
     try {
       final rel = context.read<SnRelationshipProvider>();
-      await rel.updateRelationship(_account!.id, 1, _accountRelationship?.permNodes ?? {});
+      await rel.updateRelationship(
+          _account!.id, 1, _accountRelationship?.permNodes ?? {});
       if (!mounted) return;
-      context.showSnackbar('userUnblocked'.tr(args: ['@${_account?.name ?? 'unknown'.tr()}']));
+      context.showSnackbar(
+          'userUnblocked'.tr(args: ['@${_account?.name ?? 'unknown'.tr()}']));
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -299,7 +307,10 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                               text: TextSpan(children: [
                                 TextSpan(
                                   text: _publisher!.nick,
-                                  style: Theme.of(context).textTheme.titleLarge!.copyWith(
+                                  style: Theme.of(context)
+                                      .textTheme
+                                      .titleLarge!
+                                      .copyWith(
                                         color: Colors.white,
                                         shadows: labelShadows,
                                       ),
@@ -307,7 +318,10 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                 const TextSpan(text: '\n'),
                                 TextSpan(
                                   text: '@${_publisher!.name}',
-                                  style: Theme.of(context).textTheme.bodySmall!.copyWith(
+                                  style: Theme.of(context)
+                                      .textTheme
+                                      .bodySmall!
+                                      .copyWith(
                                         color: Colors.white,
                                         shadows: labelShadows,
                                       ),
@@ -330,13 +344,16 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                   )
                                 else
                                   Container(
-                                    color: Theme.of(context).colorScheme.surfaceContainer,
+                                    color: Theme.of(context)
+                                        .colorScheme
+                                        .surfaceContainer,
                                   ),
                                 Positioned(
                                   top: 0,
                                   left: 0,
                                   right: 0,
-                                  height: 56 + MediaQuery.of(context).padding.top,
+                                  height:
+                                      56 + MediaQuery.of(context).padding.top,
                                   child: ClipRect(
                                     child: BackdropFilter(
                                       filter: ImageFilter.blur(
@@ -345,7 +362,8 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                       ),
                                       child: Container(
                                         color: Colors.black.withOpacity(
-                                          clampDouble(_appBarBlur * 0.1, 0, 0.5),
+                                          clampDouble(
+                                              _appBarBlur * 0.1, 0, 0.5),
                                         ),
                                       ),
                                     ),
@@ -372,11 +390,14 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                 const Gap(16),
                                 Expanded(
                                   child: Column(
-                                    crossAxisAlignment: CrossAxisAlignment.start,
+                                    crossAxisAlignment:
+                                        CrossAxisAlignment.start,
                                     children: [
                                       Text(
                                         _publisher!.nick,
-                                        style: Theme.of(context).textTheme.titleMedium,
+                                        style: Theme.of(context)
+                                            .textTheme
+                                            .titleMedium,
                                       ).bold(),
                                       Text('@${_publisher!.name}').fontSize(13),
                                     ],
@@ -387,7 +408,9 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                     style: ButtonStyle(
                                       elevation: WidgetStatePropertyAll(0),
                                     ),
-                                    onPressed: _isSubscribing ? null : _toggleSubscription,
+                                    onPressed: _isSubscribing
+                                        ? null
+                                        : _toggleSubscription,
                                     label: Text('subscribe').tr(),
                                     icon: const Icon(Symbols.add),
                                   )
@@ -396,14 +419,17 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                     style: ButtonStyle(
                                       elevation: WidgetStatePropertyAll(0),
                                     ),
-                                    onPressed: _isSubscribing ? null : _toggleSubscription,
+                                    onPressed: _isSubscribing
+                                        ? null
+                                        : _toggleSubscription,
                                     label: Text('unsubscribe').tr(),
                                     icon: const Icon(Symbols.remove),
                                   ),
                                 PopupMenuButton(
                                   padding: EdgeInsets.zero,
                                   style: ButtonStyle(
-                                    visualDensity: VisualDensity(horizontal: -4, vertical: -4),
+                                    visualDensity: VisualDensity(
+                                        horizontal: -4, vertical: -4),
                                   ),
                                   itemBuilder: (BuildContext context) => [
                                     PopupMenuItem(
@@ -443,7 +469,8 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                               ],
                             ),
                             const Gap(12),
-                            Text(_publisher!.description).padding(horizontal: 8),
+                            Text(_publisher!.description)
+                                .padding(horizontal: 8),
                             const Gap(12),
                             Column(
                               children: [
@@ -451,8 +478,10 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                   children: [
                                     const Icon(Symbols.calendar_add_on),
                                     const Gap(8),
-                                    Text('publisherJoinedAt')
-                                        .tr(args: [DateFormat('y/M/d').format(_publisher!.createdAt)]),
+                                    Text('publisherJoinedAt').tr(args: [
+                                      DateFormat('y/M/d')
+                                          .format(_publisher!.createdAt)
+                                    ]),
                                   ],
                                 ),
                                 Row(
@@ -460,7 +489,8 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                     const Icon(Symbols.trending_up),
                                     const Gap(8),
                                     Text('publisherSocialPointTotal').plural(
-                                      _publisher!.totalUpvote - _publisher!.totalDownvote,
+                                      _publisher!.totalUpvote -
+                                          _publisher!.totalDownvote,
                                     ),
                                   ],
                                 ),
@@ -470,18 +500,22 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                       const Icon(Symbols.group_work),
                                       const Gap(8),
                                       InkWell(
-                                        child: Text('publisherAffiliatedBy').tr(args: [
+                                        child: Text('publisherAffiliatedBy')
+                                            .tr(args: [
                                           '@${_realm?.alias ?? 'unknown'}',
                                         ]),
                                         onTap: () {
                                           GoRouter.of(context).pushNamed(
                                             'realmDetail',
-                                            pathParameters: {'alias': _realm!.alias},
+                                            pathParameters: {
+                                              'alias': _realm!.alias
+                                            },
                                           );
                                         },
                                       ),
                                       const Gap(8),
-                                      AccountImage(content: _realm?.avatar, radius: 8),
+                                      AccountImage(
+                                          content: _realm?.avatar, radius: 8),
                                     ],
                                   ),
                                 Row(
@@ -502,7 +536,8 @@ class _PostPublisherScreenState extends State<PostPublisherScreen> with SingleTi
                                       },
                                     ),
                                     const Gap(8),
-                                    AccountImage(content: _account?.avatar, radius: 8),
+                                    AccountImage(
+                                        content: _account?.avatar, radius: 8),
                                   ],
                                 ),
                               ],
@@ -606,7 +641,7 @@ class _PublisherPostList extends StatelessWidget {
           onDeleted: onDeleted,
         );
       },
-      separatorBuilder: (_, __) => const Gap(8),
+      separatorBuilder: (_, __) => const Divider().padding(vertical: 2),
     );
   }
 }

lib/screens/realm.dart

@@ -4,17 +4,16 @@ import 'package:gap/gap.dart';
 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/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/realm.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/loading_indicator.dart';
 import 'package:surface/widgets/navigation/app_scaffold.dart';
+import 'package:surface/widgets/realm/realm_item.dart';
 import 'package:surface/widgets/unauthorized_hint.dart';
-import 'package:surface/widgets/universal_image.dart';
 
 class RealmScreen extends StatefulWidget {
   const RealmScreen({super.key});
@@ -75,12 +74,12 @@ class _RealmScreenState extends State<RealmScreen> {
   @override
   void initState() {
     super.initState();
+    _isCompactView = context.read<ConfigProvider>().realmCompactView;
     _fetchRealms();
   }
 
   @override
   Widget build(BuildContext context) {
-    final sn = context.read<SnNetworkProvider>();
     final ua = context.read<UserProvider>();
 
     if (!ua.isAuthorized) {
@@ -110,6 +109,7 @@ class _RealmScreenState extends State<RealmScreen> {
             icon: !_isCompactView ? const Icon(Symbols.view_list) : const Icon(Symbols.view_module),
             onPressed: () {
               setState(() => _isCompactView = !_isCompactView);
+              context.read<ConfigProvider>().realmCompactView = _isCompactView;
             },
           ),
           const Gap(8),
@@ -134,129 +134,46 @@ class _RealmScreenState extends State<RealmScreen> {
                   itemCount: _realms?.length ?? 0,
                   itemBuilder: (context, idx) {
                     final realm = _realms![idx];
-                    if (_isCompactView) {
-                      return ListTile(
-                        contentPadding: const EdgeInsets.symmetric(horizontal: 16),
-                        leading: AccountImage(
-                          content: realm.avatar,
-                          fallbackWidget: const Icon(Symbols.group, size: 20),
-                        ),
-                        title: Text(realm.name),
-                        subtitle: Text(
-                          realm.description,
-                          maxLines: 1,
-                          overflow: TextOverflow.ellipsis,
-                        ),
-                        trailing: PopupMenuButton(
-                          itemBuilder: (BuildContext context) => [
-                            PopupMenuItem(
-                              child: Row(
-                                children: [
-                                  const Icon(Symbols.edit),
-                                  const Gap(16),
-                                  Text('edit').tr(),
-                                ],
-                              ),
-                              onTap: () {
-                                GoRouter.of(context).pushNamed(
-                                  'realmManage',
-                                  queryParameters: {'editing': realm.alias},
-                                ).then((value) {
-                                  if (value != null) {
-                                    _fetchRealms();
-                                  }
-                                });
-                              },
-                            ),
-                            PopupMenuItem(
-                              child: Row(
-                                children: [
-                                  const Icon(Symbols.delete),
-                                  const Gap(16),
-                                  Text('delete').tr(),
-                                ],
-                              ),
-                              onTap: () {
-                                _deleteRealm(realm);
-                              },
-                            ),
-                          ],
-                        ),
-                        onTap: () {
-                          GoRouter.of(context).pushNamed(
-                            'realmDetail',
-                            pathParameters: {'alias': realm.alias},
-                          ).then((value) {
-                            if (value == true) {
-                              _fetchRealms();
-                            }
-                          });
-                        },
-                      );
-                    }
 
-                    return Container(
-                      constraints: BoxConstraints(maxWidth: 640),
-                      child: Card(
-                        margin: const EdgeInsets.all(12),
-                        child: InkWell(
-                          borderRadius: const BorderRadius.all(Radius.circular(8)),
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
+                    return RealmItemWidget(
+                      showPopularity: false,
+                      item: realm,
+                      isListView: _isCompactView,
+                      actionListView: [
+                        PopupMenuItem(
+                          child: Row(
                             children: [
-                              AspectRatio(
-                                aspectRatio: 16 / 7,
-                                child: Stack(
-                                  clipBehavior: Clip.none,
-                                  fit: StackFit.expand,
-                                  children: [
-                                    ClipRRect(
-                                      borderRadius: const BorderRadius.all(Radius.circular(8)),
-                                      child: Container(
-                                        color: Theme.of(context).colorScheme.surfaceContainer,
-                                        child: (realm.banner?.isEmpty ?? true)
-                                            ? const SizedBox.shrink()
-                                            : AutoResizeUniversalImage(
-                                                sn.getAttachmentUrl(realm.banner!),
-                                                fit: BoxFit.cover,
-                                              ),
-                                      ),
-                                    ),
-                                    Positioned(
-                                      bottom: -30,
-                                      left: 18,
-                                      child: AccountImage(
-                                        content: realm.avatar,
-                                        radius: 24,
-                                        fallbackWidget: const Icon(Symbols.group, size: 24),
-                                      ),
-                                    ),
-                                  ],
-                                ),
-                              ),
-                              const Gap(20 + 12),
-                              Column(
-                                crossAxisAlignment: CrossAxisAlignment.start,
-                                children: [
-                                  Text(realm.name).textStyle(Theme.of(context).textTheme.titleMedium!),
-                                  Text(realm.description).textStyle(Theme.of(context).textTheme.bodySmall!),
-                                ],
-                              ).padding(horizontal: 24, bottom: 14),
+                              const Icon(Symbols.edit),
+                              const Gap(16),
+                              Text('edit').tr(),
                             ],
                           ),
                           onTap: () {
                             GoRouter.of(context).pushNamed(
-                              'realmDetail',
-                              pathParameters: {'alias': realm.alias},
+                              'realmManage',
+                              queryParameters: {'editing': realm.alias},
                             ).then((value) {
-                              if (value == true) {
+                              if (value != null) {
                                 _fetchRealms();
                               }
                             });
                           },
                         ),
-                      ),
-                    ).center();
+                        PopupMenuItem(
+                          child: Row(
+                            children: [
+                              const Icon(Symbols.delete),
+                              const Gap(16),
+                              Text('delete').tr(),
+                            ],
+                          ),
+                          onTap: () {
+                            _deleteRealm(realm);
+                          },
+                        ),
+                      ],
+                      onUpdate: _fetchRealms,
+                    );
                   },
                 ),
               ),

lib/screens/realm/community.dart

@@ -0,0 +1,149 @@
+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:styled_widget/styled_widget.dart';
+import 'package:surface/providers/post.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/screens/post/post_editor.dart';
+import 'package:surface/types/post.dart';
+import 'package:surface/types/realm.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';
+
+class RealmCommunityScreen extends StatefulWidget {
+  final String alias;
+  const RealmCommunityScreen({super.key, required this.alias});
+
+  @override
+  State<RealmCommunityScreen> createState() => _RealmCommunityScreenState();
+}
+
+class _RealmCommunityScreenState extends State<RealmCommunityScreen> {
+  SnRealm? _realm;
+
+  Future<void> _fetchRealm() async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/id/realms/${widget.alias}');
+      _realm = SnRealm.fromJson(resp.data);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+      rethrow;
+    } finally {
+      setState(() {});
+    }
+  }
+
+  bool _isBusy = false;
+  int? _totalCount;
+  final List<SnPost> _posts = List.empty(growable: true);
+
+  Future<void> _fetchPosts() async {
+    setState(() => _isBusy = true);
+
+    try {
+      final pt = context.read<SnPostContentProvider>();
+      final out = await pt.listPosts(
+        take: 10,
+        offset: _posts.length,
+        realm: _realm?.id.toString(),
+      );
+      _totalCount = out.$2;
+      _posts.addAll(out.$1);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchRealm();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        title: Text(_realm?.name ?? 'loading'.tr()),
+      ),
+      floatingActionButton: _realm != null
+          ? FloatingActionButton(
+              child: const Icon(Symbols.edit),
+              onPressed: () {
+                GoRouter.of(context).pushNamed(
+                  'postEditor',
+                  extra: PostEditorExtra(realm: _realm!),
+                );
+              },
+            )
+          : null,
+      body: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          if (_realm == null)
+            Expanded(
+              child: Center(
+                child: CircularProgressIndicator().center(),
+              ),
+            ),
+          if (_realm != null)
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text('realmCommunity'.tr(args: [_realm!.name]))
+                    .fontSize(17)
+                    .padding(horizontal: 20, bottom: 4),
+                Text('postTotalCount'.plural(_totalCount ?? 0))
+                    .fontSize(13)
+                    .opacity(0.8)
+                    .padding(horizontal: 20, bottom: 4),
+              ],
+            ).padding(horizontal: 20, vertical: 16),
+          const Divider(height: 1),
+          if (_realm != null)
+            Expanded(
+              child: MediaQuery.removePadding(
+                context: context,
+                removeTop: true,
+                child: RefreshIndicator(
+                  onRefresh: _fetchPosts,
+                  child: InfiniteList(
+                    padding: const EdgeInsets.only(top: 8),
+                    itemCount: _posts.length,
+                    isLoading: _isBusy,
+                    hasReachedMax:
+                        _totalCount != null && _posts.length >= _totalCount!,
+                    onFetchData: _fetchPosts,
+                    itemBuilder: (context, idx) {
+                      final post = _posts[idx];
+                      return OpenablePostItem(
+                        data: post,
+                        maxWidth: 640,
+                        onChanged: (data) {
+                          setState(() => _posts[idx] = data);
+                        },
+                        onDeleted: () {
+                          setState(() => _posts.removeAt(idx));
+                        },
+                      );
+                    },
+                    separatorBuilder: (_, __) =>
+                        const Divider().padding(vertical: 2),
+                  ),
+                ),
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/realm/realm_detail.dart

@@ -5,16 +5,19 @@ 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/post.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/account.dart';
+import 'package:surface/types/chat.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/account/account_select.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';
 
 class RealmDetailScreen extends StatefulWidget {
@@ -48,7 +51,8 @@ class _RealmDetailScreenState extends State<RealmDetailScreen> {
   Future<void> _fetchPublishers() async {
     try {
       final sn = context.read<SnNetworkProvider>();
-      final resp = await sn.client.get('/cgi/co/publishers?realm=${widget.alias}');
+      final resp =
+          await sn.client.get('/cgi/co/publishers?realm=${widget.alias}');
       _publishers = List<SnPublisher>.from(
         resp.data?.map((e) => SnPublisher.fromJson(e)) ?? [],
       );
@@ -60,31 +64,68 @@ class _RealmDetailScreenState extends State<RealmDetailScreen> {
     }
   }
 
+  List<SnChannel>? _channels;
+
+  Future<void> _fetchChannels() async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp =
+          await sn.client.get('/cgi/im/channels/${widget.alias}/public');
+      _channels = List<SnChannel>.from(
+        resp.data.map((e) => SnChannel.fromJson(e)).cast<SnChannel>(),
+      );
+    } catch (err) {
+      if (mounted) context.showErrorDialog(err);
+      rethrow;
+    } finally {
+      setState(() {});
+    }
+  }
+
   @override
   void initState() {
     super.initState();
     _fetchRealm().then((_) {
       _fetchPublishers();
+      _fetchChannels();
     });
   }
 
   @override
   Widget build(BuildContext context) {
     return DefaultTabController(
-      length: 3,
+      length: 4,
       child: AppScaffold(
         body: NestedScrollView(
           headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
             return <Widget>[
               SliverOverlapAbsorber(
-                handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
+                handle:
+                    NestedScrollView.sliverOverlapAbsorberHandleFor(context),
                 sliver: SliverAppBar(
                   title: Text(_realm?.name ?? 'loading'.tr()),
                   bottom: TabBar(
                     tabs: [
-                      Tab(icon: Icon(Symbols.home, color: Theme.of(context).appBarTheme.foregroundColor)),
-                      Tab(icon: Icon(Symbols.group, color: Theme.of(context).appBarTheme.foregroundColor)),
-                      Tab(icon: Icon(Symbols.settings, color: Theme.of(context).appBarTheme.foregroundColor)),
+                      Tab(
+                          icon: Icon(Symbols.home,
+                              color: Theme.of(context)
+                                  .appBarTheme
+                                  .foregroundColor)),
+                      Tab(
+                          icon: Icon(Symbols.explore,
+                              color: Theme.of(context)
+                                  .appBarTheme
+                                  .foregroundColor)),
+                      Tab(
+                          icon: Icon(Symbols.group,
+                              color: Theme.of(context)
+                                  .appBarTheme
+                                  .foregroundColor)),
+                      Tab(
+                          icon: Icon(Symbols.settings,
+                              color: Theme.of(context)
+                                  .appBarTheme
+                                  .foregroundColor)),
                     ],
                   ),
                 ),
@@ -93,7 +134,9 @@ class _RealmDetailScreenState extends State<RealmDetailScreen> {
           },
           body: TabBarView(
             children: [
-              _RealmDetailHomeWidget(realm: _realm, publishers: _publishers),
+              _RealmDetailHomeWidget(
+                  realm: _realm, publishers: _publishers, channels: _channels),
+              _RealmPostListWidget(realm: _realm),
               _RealmMemberListWidget(realm: _realm),
               _RealmSettingsWidget(
                 realm: _realm,
@@ -112,8 +155,10 @@ class _RealmDetailScreenState extends State<RealmDetailScreen> {
 class _RealmDetailHomeWidget extends StatelessWidget {
   final SnRealm? realm;
   final List<SnPublisher>? publishers;
+  final List<SnChannel>? channels;
 
-  const _RealmDetailHomeWidget({required this.realm, this.publishers});
+  const _RealmDetailHomeWidget(
+      {required this.realm, this.publishers, this.channels});
 
   @override
   Widget build(BuildContext context) {
@@ -135,30 +180,78 @@ class _RealmDetailHomeWidget extends StatelessWidget {
             ],
           ).padding(horizontal: 24),
         const Gap(16),
-        const Divider(),
+        const Divider(height: 1),
         Expanded(
-          child: ListView.builder(
-            padding: EdgeInsets.zero,
-            itemCount: publishers?.length ?? 0,
-            itemBuilder: (context, idx) {
-              final ele = publishers![idx];
-              return ListTile(
-                contentPadding: const EdgeInsets.symmetric(horizontal: 20),
-                leading: AccountImage(
-                  content: ele.avatar,
-                  fallbackWidget: const Icon(Symbols.group, size: 24),
+          child: CustomScrollView(
+            slivers: [
+              if (publishers?.isNotEmpty ?? false)
+                SliverToBoxAdapter(
+                  child: Container(
+                    width: double.infinity,
+                    color: Theme.of(context).colorScheme.surfaceContainerHigh,
+                    child: Text('realmCommunityPublishersHint'.tr(),
+                            style: Theme.of(context).textTheme.bodyMedium)
+                        .padding(horizontal: 24, vertical: 8),
+                  ),
                 ),
-                title: Text(ele.nick),
-                subtitle: Text('@${ele.name}'),
-                trailing: const Icon(Symbols.chevron_right),
-                onTap: () {
-                  GoRouter.of(context).pushNamed(
-                    'postPublisher',
-                    pathParameters: {'name': ele.name},
+              SliverList.builder(
+                itemCount: publishers?.length ?? 0,
+                itemBuilder: (context, idx) {
+                  final ele = publishers![idx];
+                  return ListTile(
+                    contentPadding: const EdgeInsets.symmetric(horizontal: 20),
+                    leading: AccountImage(
+                      content: ele.avatar,
+                      fallbackWidget: const Icon(Symbols.group, size: 24),
+                    ),
+                    title: Text(ele.nick),
+                    subtitle: Text('@${ele.name}'),
+                    trailing: const Icon(Symbols.chevron_right),
+                    onTap: () {
+                      GoRouter.of(context).pushNamed(
+                        'postPublisher',
+                        pathParameters: {'name': ele.name},
+                      );
+                    },
                   );
                 },
-              );
-            },
+              ),
+              if (channels?.isNotEmpty ?? false)
+                SliverToBoxAdapter(
+                  child: Container(
+                    width: double.infinity,
+                    color: Theme.of(context).colorScheme.surfaceContainerHigh,
+                    child: Text('realmCommunityPublicChannelsHint'.tr(),
+                            style: Theme.of(context).textTheme.bodyMedium)
+                        .padding(horizontal: 24, vertical: 8),
+                  ),
+                ),
+              SliverList.builder(
+                itemCount: channels?.length ?? 0,
+                itemBuilder: (context, idx) {
+                  final ele = channels![idx];
+                  return ListTile(
+                    contentPadding: const EdgeInsets.symmetric(horizontal: 20),
+                    leading: AccountImage(
+                      content: null,
+                      fallbackWidget: const Icon(Symbols.chat, size: 20),
+                    ),
+                    title: Text(ele.name),
+                    subtitle: Text('#${ele.alias}'),
+                    trailing: const Icon(Symbols.chevron_right),
+                    onTap: () {
+                      GoRouter.of(context).pushNamed(
+                        'chatRoom',
+                        pathParameters: {
+                          'scope': realm?.alias ?? 'global',
+                          'alias': ele.alias,
+                        },
+                      );
+                    },
+                  );
+                },
+              ),
+            ],
           ),
         ),
       ],
@@ -166,6 +259,72 @@ class _RealmDetailHomeWidget extends StatelessWidget {
   }
 }
 
+class _RealmPostListWidget extends StatefulWidget {
+  final SnRealm? realm;
+
+  const _RealmPostListWidget({this.realm});
+
+  @override
+  State<_RealmPostListWidget> createState() => _RealmPostListWidgetState();
+}
+
+class _RealmPostListWidgetState extends State<_RealmPostListWidget> {
+  bool _isBusy = false;
+  int? _totalCount;
+  final List<SnPost> _posts = List.empty(growable: true);
+
+  Future<void> _fetchPosts() async {
+    setState(() => _isBusy = true);
+
+    try {
+      final pt = context.read<SnPostContentProvider>();
+      final out = await pt.listPosts(
+        take: 10,
+        offset: _posts.length,
+        realm: widget.realm?.id.toString(),
+      );
+      _totalCount = out.$2;
+      _posts.addAll(out.$1);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MediaQuery.removePadding(
+      context: context,
+      removeTop: true,
+      child: RefreshIndicator(
+        onRefresh: _fetchPosts,
+        child: InfiniteList(
+          itemCount: _posts.length,
+          isLoading: _isBusy,
+          hasReachedMax: _totalCount != null && _posts.length >= _totalCount!,
+          onFetchData: _fetchPosts,
+          itemBuilder: (context, idx) {
+            final post = _posts[idx];
+            return OpenablePostItem(
+              data: post,
+              maxWidth: 640,
+              onChanged: (data) {
+                setState(() => _posts[idx] = data);
+              },
+              onDeleted: () {
+                setState(() => _posts.removeAt(idx));
+              },
+            );
+          },
+          separatorBuilder: (_, __) => const Divider().padding(vertical: 2),
+        ),
+      ),
+    ).padding(top: 8);
+  }
+}
+
 class _RealmMemberListWidget extends StatefulWidget {
   final SnRealm? realm;
 
@@ -187,10 +346,12 @@ class _RealmMemberListWidgetState extends State<_RealmMemberListWidget> {
     try {
       final ud = context.read<UserDirectoryProvider>();
       final sn = context.read<SnNetworkProvider>();
-      final resp = await sn.client.get('/cgi/id/realms/${widget.realm!.alias}/members', queryParameters: {
-        'take': 10,
-        'offset': _members.length,
-      });
+      final resp = await sn.client.get(
+          '/cgi/id/realms/${widget.realm!.alias}/members',
+          queryParameters: {
+            'take': 10,
+            'offset': _members.length,
+          });
 
       final out = List<SnRealmMember>.from(
         resp.data['data']?.map((e) => SnRealmMember.fromJson(e)) ?? [],
@@ -296,14 +457,14 @@ class _RealmMemberListWidgetState extends State<_RealmMemberListWidget> {
             return ListTile(
               contentPadding: const EdgeInsets.only(right: 24, left: 16),
               leading: AccountImage(
-                content: ud.getAccountFromCache(member.accountId)?.avatar,
+                content: ud.getFromCache(member.accountId)?.avatar,
                 fallbackWidget: const Icon(Symbols.group, size: 24),
               ),
               title: Text(
-                ud.getAccountFromCache(member.accountId)?.nick ?? 'unknown'.tr(),
+                ud.getFromCache(member.accountId)?.nick ?? 'unknown'.tr(),
               ),
               subtitle: Text(
-                ud.getAccountFromCache(member.accountId)?.name ?? 'unknown'.tr(),
+                ud.getFromCache(member.accountId)?.name ?? 'unknown'.tr(),
               ),
               trailing: IconButton(
                 icon: const Icon(Symbols.person_remove),
@@ -365,7 +526,7 @@ class _RealmSettingsWidgetState extends State<_RealmSettingsWidget> {
     final sn = context.read<SnNetworkProvider>();
 
     try {
-      await sn.client.delete('/cgi/id/realms/${widget.realm!.alias}/members/me');
+      await sn.client.delete('/cgi/id/realms/${widget.realm!.alias}/me');
       if (!mounted) return;
       Navigator.pop(context, true);
     } catch (err) {

lib/screens/realm/realm_discovery.dart

@@ -4,6 +4,7 @@ import 'package:gap/gap.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/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/chat.dart';
@@ -12,7 +13,7 @@ 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:surface/widgets/realm/realm_item.dart';
 
 class RealmDiscoveryScreen extends StatefulWidget {
   const RealmDiscoveryScreen({super.key});
@@ -24,6 +25,7 @@ class RealmDiscoveryScreen extends StatefulWidget {
 class _RealmDiscoveryScreenState extends State<RealmDiscoveryScreen> {
   List<SnRealm>? _realms;
   bool _isBusy = false;
+  bool _isCompactView = false;
 
   Future<void> _fetchRealms() async {
     try {
@@ -44,16 +46,25 @@ class _RealmDiscoveryScreenState extends State<RealmDiscoveryScreen> {
   @override
   void initState() {
     super.initState();
+    _isCompactView = context.read<ConfigProvider>().realmCompactView;
     _fetchRealms();
   }
 
   @override
   Widget build(BuildContext context) {
-    final sn = context.read<SnNetworkProvider>();
-
     return AppScaffold(
       appBar: AppBar(
         title: Text('screenRealmDiscovery').tr(),
+        actions: [
+          IconButton(
+            icon: _isCompactView ? const Icon(Symbols.view_list) : const Icon(Symbols.view_module),
+            onPressed: () {
+              setState(() => _isCompactView = !_isCompactView);
+              context.read<ConfigProvider>().realmCompactView = _isCompactView;
+            },
+          ),
+          const Gap(8),
+        ],
       ),
       body: Column(
         children: [
@@ -66,64 +77,16 @@ class _RealmDiscoveryScreenState extends State<RealmDiscoveryScreen> {
                 itemCount: _realms?.length ?? 0,
                 itemBuilder: (context, idx) {
                   final realm = _realms![idx];
-                  return Container(
-                    constraints: BoxConstraints(maxWidth: 640),
-                    child: Card(
-                      margin: const EdgeInsets.all(12),
-                      child: InkWell(
-                        borderRadius: const BorderRadius.all(Radius.circular(8)),
-                        child: Column(
-                          crossAxisAlignment: CrossAxisAlignment.start,
-                          children: [
-                            AspectRatio(
-                              aspectRatio: 16 / 7,
-                              child: Stack(
-                                clipBehavior: Clip.none,
-                                fit: StackFit.expand,
-                                children: [
-                                  ClipRRect(
-                                    borderRadius: const BorderRadius.all(Radius.circular(8)),
-                                    child: Container(
-                                      color: Theme.of(context).colorScheme.surfaceContainer,
-                                      child: (realm.banner?.isEmpty ?? true)
-                                          ? const SizedBox.shrink()
-                                          : AutoResizeUniversalImage(
-                                              sn.getAttachmentUrl(realm.banner!),
-                                              fit: BoxFit.cover,
-                                            ),
-                                    ),
-                                  ),
-                                  Positioned(
-                                    bottom: -30,
-                                    left: 18,
-                                    child: AccountImage(
-                                      content: realm.avatar,
-                                      radius: 24,
-                                      fallbackWidget: const Icon(Symbols.group, size: 24),
-                                    ),
-                                  ),
-                                ],
-                              ),
-                            ),
-                            const Gap(20 + 12),
-                            Column(
-                              crossAxisAlignment: CrossAxisAlignment.start,
-                              children: [
-                                Text(realm.name).textStyle(Theme.of(context).textTheme.titleMedium!),
-                                Text(realm.description).textStyle(Theme.of(context).textTheme.bodySmall!),
-                              ],
-                            ).padding(horizontal: 24, bottom: 14),
-                          ],
-                        ),
-                        onTap: () {
-                          showModalBottomSheet(
-                            context: context,
-                            builder: (context) => _RealmJoinPopup(realm: realm),
-                          );
-                        },
-                      ),
-                    ),
-                  ).center();
+                  return RealmItemWidget(
+                    item: realm,
+                    isListView: _isCompactView,
+                    onTap: () {
+                      showModalBottomSheet(
+                        context: context,
+                        builder: (context) => _RealmJoinPopup(realm: realm),
+                      );
+                    },
+                  );
                 },
               ),
             ),
@@ -235,6 +198,8 @@ class _RealmJoinPopupState extends State<_RealmJoinPopup> {
                   ),
                   Text(
                     widget.realm.description,
+                    maxLines: 3,
+                    overflow: TextOverflow.ellipsis,
                     style: Theme.of(context).textTheme.bodyMedium,
                   ),
                 ],

lib/screens/settings.dart

@@ -5,8 +5,11 @@ import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import 'package:flutter_colorpicker/flutter_colorpicker.dart';
 import 'package:go_router/go_router.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:path_provider/path_provider.dart';
@@ -14,11 +17,15 @@ import 'package:provider/provider.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/config.dart';
+import 'package:surface/providers/database.dart';
+import 'package:surface/providers/notification.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/sn_sticker.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';
+import 'package:surface/widgets/updater.dart';
 
 const Map<String, Color> kColorSchemes = {
   'colorSchemeIndigo': Colors.indigo,
@@ -42,6 +49,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
   late final SharedPreferences _prefs;
   String _docBasepath = '/';
 
+  final TextEditingController _customFontController = TextEditingController();
   final TextEditingController _serverUrlController = TextEditingController();
 
   @override
@@ -56,17 +64,22 @@ class _SettingsScreenState extends State<SettingsScreen> {
     final config = context.read<ConfigProvider>();
     _prefs = config.prefs;
     _serverUrlController.text = config.serverUrl;
+    if (_prefs.getString(kAppCustomFonts) != null) {
+      _customFontController.text = _prefs.getString(kAppCustomFonts) ?? '';
+    }
   }
 
   @override
   void dispose() {
     _serverUrlController.dispose();
+    _customFontController.dispose();
     super.dispose();
   }
 
   @override
   Widget build(BuildContext context) {
     final sn = context.read<SnNetworkProvider>();
+    final dt = context.read<DatabaseProvider>();
 
     return AppScaffold(
       appBar: AppBar(
@@ -81,7 +94,11 @@ class _SettingsScreenState extends State<SettingsScreen> {
             Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text('settingsAppearance').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                Text('settingsAppearance')
+                    .bold()
+                    .fontSize(17)
+                    .tr()
+                    .padding(horizontal: 20, bottom: 4),
                 ListTile(
                   title: Text('settingsDisplayLanguage').tr(),
                   subtitle: Text('settingsDisplayLanguageDescription').tr(),
@@ -91,15 +108,21 @@ class _SettingsScreenState extends State<SettingsScreen> {
                     child: DropdownButton2<Locale?>(
                       isExpanded: true,
                       items: [
-                        ...EasyLocalization.of(context)!.supportedLocales.mapIndexed((idx, ele) {
+                        ...EasyLocalization.of(context)!
+                            .supportedLocales
+                            .mapIndexed((idx, ele) {
                           return DropdownMenuItem<Locale?>(
                             value: ele,
-                            child: Text('${ele.languageCode}-${ele.countryCode}').fontSize(14),
+                            child:
+                                Text('${ele.languageCode}-${ele.countryCode}')
+                                    .fontSize(14),
                           );
                         }),
                         DropdownMenuItem<Locale?>(
                           value: null,
-                          child: Text('settingsDisplayLanguageSystem').tr().fontSize(14),
+                          child: Text('settingsDisplayLanguageSystem')
+                              .tr()
+                              .fontSize(14),
                         ),
                       ],
                       value: EasyLocalization.of(context)!.currentLocale,
@@ -132,10 +155,12 @@ class _SettingsScreenState extends State<SettingsScreen> {
                     leading: const Icon(Symbols.image),
                     trailing: const Icon(Symbols.chevron_right),
                     onTap: () async {
-                      final image = await ImagePicker().pickImage(source: ImageSource.gallery);
+                      final image = await ImagePicker()
+                          .pickImage(source: ImageSource.gallery);
                       if (image == null) return;
 
-                      await File(image.path).copy('$_docBasepath/app_background_image');
+                      await File(image.path)
+                          .copy('$_docBasepath/app_background_image');
                       _prefs.setBool(kAppBackgroundStoreKey, true);
 
                       setState(() {});
@@ -143,7 +168,8 @@ class _SettingsScreenState extends State<SettingsScreen> {
                   ),
                 if (!kIsWeb)
                   FutureBuilder<bool>(
-                      future: File('$_docBasepath/app_background_image').exists(),
+                      future:
+                          File('$_docBasepath/app_background_image').exists(),
                       builder: (context, snapshot) {
                         if (!snapshot.hasData || !snapshot.data!) {
                           return const SizedBox.shrink();
@@ -151,12 +177,16 @@ class _SettingsScreenState extends State<SettingsScreen> {
 
                         return ListTile(
                           title: Text('settingsBackgroundImageClear').tr(),
-                          subtitle: Text('settingsBackgroundImageClearDescription').tr(),
-                          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                          subtitle:
+                              Text('settingsBackgroundImageClearDescription')
+                                  .tr(),
+                          contentPadding:
+                              const EdgeInsets.symmetric(horizontal: 24),
                           leading: const Icon(Symbols.texture),
                           trailing: const Icon(Symbols.chevron_right),
                           onTap: () {
-                            File('$_docBasepath/app_background_image').deleteSync();
+                            File('$_docBasepath/app_background_image')
+                                .deleteSync();
                             _prefs.remove(kAppBackgroundStoreKey);
                             setState(() {});
                           },
@@ -186,34 +216,35 @@ class _SettingsScreenState extends State<SettingsScreen> {
                   contentPadding: const EdgeInsets.symmetric(horizontal: 24),
                   trailing: const Icon(Symbols.chevron_right),
                   onTap: () async {
-                    Color pickerColor = Color(_prefs.getInt(kAppColorSchemeStoreKey) ?? Colors.indigo.value);
+                    Color pickerColor = Color(
+                        _prefs.getInt(kAppColorSchemeStoreKey) ??
+                            Colors.indigo.value);
                     final color = await showDialog<Color?>(
                       context: context,
-                      builder: (context) =>
-                          AlertDialog(
-                            content: SingleChildScrollView(
-                              child: ColorPicker(
-                                pickerColor: pickerColor,
-                                onColorChanged: (color) => pickerColor = color,
-                                enableAlpha: false,
-                                hexInputBar: true,
-                              ),
-                            ),
-                            actions: <Widget>[
-                              TextButton(
-                                child: const Text('dialogDismiss').tr(),
-                                onPressed: () {
-                                  Navigator.of(context).pop();
-                                },
-                              ),
-                              TextButton(
-                                child: const Text('dialogConfirm').tr(),
-                                onPressed: () {
-                                  Navigator.of(context).pop(pickerColor);
-                                },
-                              ),
-                            ],
+                      builder: (context) => AlertDialog(
+                        content: SingleChildScrollView(
+                          child: ColorPicker(
+                            pickerColor: pickerColor,
+                            onColorChanged: (color) => pickerColor = color,
+                            enableAlpha: false,
+                            hexInputBar: true,
                           ),
+                        ),
+                        actions: <Widget>[
+                          TextButton(
+                            child: const Text('dialogDismiss').tr(),
+                            onPressed: () {
+                              Navigator.of(context).pop();
+                            },
+                          ),
+                          TextButton(
+                            child: const Text('dialogConfirm').tr(),
+                            onPressed: () {
+                              Navigator.of(context).pop(pickerColor);
+                            },
+                          ),
+                        ],
+                      ),
                     );
 
                     if (color == null || !context.mounted) return;
@@ -248,16 +279,17 @@ class _SettingsScreenState extends State<SettingsScreen> {
                       ],
                       value: _prefs.getInt(kAppColorSchemeStoreKey) == null
                           ? 1
-                          : kColorSchemes.values
-                          .toList()
-                          .indexWhere((ele) => ele.value == _prefs.getInt(kAppColorSchemeStoreKey)),
+                          : kColorSchemes.values.toList().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));
+                          th.reloadTheme(
+                              seedColorOverride:
+                                  kColorSchemes.values.elementAt(value));
                           setState(() {});
 
                           context.showSnackbar('colorSchemeApplied'.tr());
@@ -293,7 +325,8 @@ class _SettingsScreenState extends State<SettingsScreen> {
                 CheckboxListTile(
                   secondary: const Icon(Symbols.left_panel_close),
                   title: Text('settingsDrawerPreferCollapse').tr(),
-                  subtitle: Text('settingsDrawerPreferCollapseDescription').tr(),
+                  subtitle:
+                      Text('settingsDrawerPreferCollapseDescription').tr(),
                   contentPadding: const EdgeInsets.only(left: 24, right: 17),
                   value: _prefs.getBool(kAppDrawerPreferCollapse) ?? false,
                   onChanged: (value) {
@@ -303,12 +336,82 @@ class _SettingsScreenState extends State<SettingsScreen> {
                     setState(() {});
                   },
                 ),
+                CheckboxListTile(
+                  secondary: const Icon(Symbols.hide),
+                  title: Text('settingsHideBottomNav').tr(),
+                  subtitle: Text('settingsHideBottomNavDescription').tr(),
+                  contentPadding: const EdgeInsets.only(left: 24, right: 17),
+                  value: _prefs.getBool(kAppHideBottomNav) ?? false,
+                  onChanged: (value) {
+                    _prefs.setBool(kAppHideBottomNav, value ?? false);
+                    final cfg = context.read<ConfigProvider>();
+                    cfg.calcDrawerSize(context);
+                    setState(() {});
+                  },
+                ),
+                ListTile(
+                  leading: const Icon(Symbols.font_download),
+                  title: Text('settingsCustomFonts').tr(),
+                  subtitle: Text('settingsCustomFontsDescription').tr(),
+                  contentPadding: const EdgeInsets.only(left: 24, right: 14),
+                  trailing: IconButton(
+                    padding: EdgeInsets.zero,
+                    constraints: const BoxConstraints(),
+                    icon: const Icon(Icons.clear),
+                    onPressed: () {
+                      _prefs.remove(kAppCustomFonts);
+                      context.showSnackbar('settingsCustomFontApplied'.tr());
+                      final theme = context.read<ThemeProvider>();
+                      _customFontController.clear();
+                      theme.reloadTheme();
+                    },
+                  ),
+                ),
+                TextField(
+                  controller: _customFontController,
+                  decoration: InputDecoration(
+                    border: const OutlineInputBorder(),
+                    labelText: 'settingsCustomFontFamily'.tr(),
+                    helperText: 'settingsCustomFontFamilyHint'.tr(),
+                    prefixIcon: const Icon(Symbols.format_paint),
+                    suffixIcon: IconButton(
+                      icon: const Icon(Symbols.save),
+                      onPressed: () {
+                        _prefs.setString(
+                          kAppCustomFonts,
+                          _customFontController.text,
+                        );
+                        context.showSnackbar('settingsCustomFontApplied'.tr());
+                        final theme = context.read<ThemeProvider>();
+                        theme.reloadTheme();
+                      },
+                    ),
+                  ),
+                  onTapOutside: (_) =>
+                      FocusManager.instance.primaryFocus?.unfocus(),
+                ).padding(horizontal: 16, top: 8, bottom: 4),
               ],
             ),
             Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text('settingsFeatures').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                Text('settingsFeatures')
+                    .bold()
+                    .fontSize(17)
+                    .tr()
+                    .padding(horizontal: 20, bottom: 4),
+                CheckboxListTile(
+                  secondary: const Icon(Symbols.translate),
+                  contentPadding: const EdgeInsets.only(left: 24, right: 17),
+                  title: Text('settingsAutoTranslate').tr(),
+                  subtitle: Text('settingsAutoTranslateDescription').tr(),
+                  value: _prefs.getBool(kAppAutoTranslate) ?? false,
+                  onChanged: (value) {
+                    setState(() {
+                      _prefs.setBool(kAppAutoTranslate, value ?? false);
+                    });
+                  },
+                ),
                 CheckboxListTile(
                   secondary: const Icon(Symbols.vibration),
                   contentPadding: const EdgeInsets.only(left: 24, right: 17),
@@ -350,7 +453,11 @@ class _SettingsScreenState extends State<SettingsScreen> {
             Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text('settingsNetwork').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                Text('settingsNetwork')
+                    .bold()
+                    .fontSize(17)
+                    .tr()
+                    .padding(horizontal: 20, bottom: 4),
                 TextField(
                   controller: _serverUrlController,
                   decoration: InputDecoration(
@@ -371,7 +478,8 @@ class _SettingsScreenState extends State<SettingsScreen> {
                       },
                     ),
                   ),
-                  onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                  onTapOutside: (_) =>
+                      FocusManager.instance.primaryFocus?.unfocus(),
                 ).padding(horizontal: 16, top: 8, bottom: 4),
                 ListTile(
                   title: Text('settingsNetworkServerPreset').tr(),
@@ -383,12 +491,13 @@ class _SettingsScreenState extends State<SettingsScreen> {
                       isExpanded: true,
                       items: [
                         ...kNetworkServerDirectory,
-                        if (!kNetworkServerDirectory.map((ele) => ele.$2).contains(_serverUrlController.text))
+                        if (!kNetworkServerDirectory
+                            .map((ele) => ele.$2)
+                            .contains(_serverUrlController.text))
                           ('Custom', _serverUrlController.text),
                       ]
                           .map(
-                            (item) =>
-                            DropdownMenuItem<String>(
+                            (item) => DropdownMenuItem<String>(
                               value: item.$2,
                               child: Column(
                                 mainAxisSize: MainAxisSize.max,
@@ -396,11 +505,12 @@ class _SettingsScreenState extends State<SettingsScreen> {
                                 crossAxisAlignment: CrossAxisAlignment.start,
                                 children: [
                                   Text(item.$1).fontSize(14),
-                                  Text(item.$2, overflow: TextOverflow.ellipsis).fontSize(11)
+                                  Text(item.$2, overflow: TextOverflow.ellipsis)
+                                      .fontSize(11)
                                 ],
                               ),
                             ),
-                      )
+                          )
                           .toList(),
                       value: _serverUrlController.text,
                       onChanged: (String? value) {
@@ -442,7 +552,11 @@ class _SettingsScreenState extends State<SettingsScreen> {
             Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text('settingsPerformance').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                Text('settingsPerformance')
+                    .bold()
+                    .fontSize(17)
+                    .tr()
+                    .padding(horizontal: 20, bottom: 4),
                 ListTile(
                   title: Text('settingsImageQuality').tr(),
                   subtitle: Text('settingsImageQualityDescription').tr(),
@@ -450,21 +564,22 @@ class _SettingsScreenState extends State<SettingsScreen> {
                   leading: const Icon(Symbols.image),
                   trailing: DropdownButtonHideUnderline(
                     child: DropdownButton2<FilterQuality>(
-                      value: kImageQualityLevel.values.elementAtOrNull(_prefs.getInt('app_image_quality') ?? 3) ??
+                      value: kImageQualityLevel.values.elementAtOrNull(
+                              _prefs.getInt('app_image_quality') ?? 3) ??
                           FilterQuality.high,
                       isExpanded: true,
                       items: kImageQualityLevel.entries
                           .map(
-                            (item) =>
-                            DropdownMenuItem<FilterQuality>(
+                            (item) => DropdownMenuItem<FilterQuality>(
                               value: item.value,
                               child: Text(item.key).tr().fontSize(14),
                             ),
-                      )
+                          )
                           .toList(),
                       onChanged: (FilterQuality? value) {
                         if (value == null) return;
-                        _prefs.setInt('app_image_quality', kImageQualityLevel.values.toList().indexOf(value));
+                        _prefs.setInt('app_image_quality',
+                            kImageQualityLevel.values.toList().indexOf(value));
                         setState(() {});
                       },
                       buttonStyleData: const ButtonStyleData(
@@ -486,7 +601,136 @@ class _SettingsScreenState extends State<SettingsScreen> {
             Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Text('settingsMisc').bold().fontSize(17).tr().padding(horizontal: 20, bottom: 4),
+                Text('settingsMisc')
+                    .bold()
+                    .fontSize(17)
+                    .tr()
+                    .padding(horizontal: 20, bottom: 4),
+                ListTile(
+                  leading: const Icon(Symbols.home_storage),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  title: Text('cacheSize').tr(),
+                  subtitle: FutureBuilder(
+                    future: DefaultCacheManager().store.getCacheSize(),
+                    builder: (context, snapshot) {
+                      if (!snapshot.hasData || kIsWeb) {
+                        return Text('unknown').tr();
+                      }
+                      return Text(
+                        snapshot.data!.formatBytes(),
+                        style: GoogleFonts.robotoMono(),
+                      );
+                    },
+                  ),
+                ),
+                ListTile(
+                  leading: const Icon(Symbols.cleaning_services),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  title: Text('cacheDelete').tr(),
+                  subtitle: Text('cacheDeleteDescription').tr(),
+                  trailing: const Icon(Symbols.chevron_right),
+                  onTap: () async {
+                    await DefaultCacheManager().emptyCache();
+                    if (!context.mounted) return;
+                    HapticFeedback.heavyImpact();
+                    context.showSnackbar('cacheDeleted'.tr());
+                    setState(() {});
+                  },
+                ),
+                ListTile(
+                  leading: const Icon(Symbols.database),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  title: Text('databaseSize').tr(),
+                  subtitle: FutureBuilder(
+                    future: dt.getDatabaseSize(),
+                    builder: (context, snapshot) {
+                      if (!snapshot.hasData || kIsWeb) {
+                        return Text('unknown').tr();
+                      }
+                      return Text(
+                        snapshot.data!.formatBytes(),
+                        style: GoogleFonts.robotoMono(),
+                      );
+                    },
+                  ),
+                ),
+                ListTile(
+                  leading: const Icon(Symbols.database_off),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  title: Text('databaseDelete').tr(),
+                  subtitle: Text('databaseDeleteDescription').tr(),
+                  trailing: const Icon(Symbols.chevron_right),
+                  onTap: () async {
+                    await dt.removeDatabase();
+                    if (!context.mounted) return;
+                    HapticFeedback.heavyImpact();
+                    context.showSnackbar('databaseDeleted'.tr());
+                    setState(() {});
+                  },
+                ),
+                ListTile(
+                  leading: const Icon(Symbols.notifications),
+                  title: Text('settingsEnablePushNotifications').tr(),
+                  subtitle:
+                      Text('settingsEnablePushNotificationsDescription').tr(),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  trailing: const Icon(Symbols.chevron_right),
+                  onTap: () async {
+                    final nty = context.read<NotificationProvider>();
+                    try {
+                      await nty.registerPushNotifications();
+                      if (!context.mounted) return;
+                      HapticFeedback.heavyImpact();
+                      context.showSnackbar(
+                          'settingsEnabledPushNotifications'.tr());
+                    } catch (err) {
+                      if (!mounted) return;
+                      context.showErrorDialog(err);
+                    }
+                  },
+                ),
+                ListTile(
+                  leading: const Icon(Symbols.refresh),
+                  title: Text('stickersReload').tr(),
+                  subtitle: Text('stickersReloadDescription').tr(),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  trailing: const Icon(Symbols.chevron_right),
+                  onTap: () async {
+                    final stickers = context.read<SnStickerProvider>();
+                    try {
+                      await stickers.listSticker();
+                      if (!context.mounted) return;
+                      HapticFeedback.heavyImpact();
+                      context.showSnackbar('stickersReloaded'.tr());
+                    } catch (err) {
+                      if (!context.mounted) return;
+                      context.showErrorDialog(err);
+                    }
+                  },
+                ),
+                ListTile(
+                  title: Text('forceUpdate').tr(),
+                  subtitle: Text('forceUpdateDescription').tr(),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  leading: const Icon(Symbols.update),
+                  trailing: const Icon(Symbols.chevron_right),
+                  onTap: () async {
+                    showModalBottomSheet(
+                      context: context,
+                      builder: (context) => VersionUpdatePopup(),
+                    );
+                  },
+                ),
+                ListTile(
+                  title: Text('runtimeLogsOpen').tr(),
+                  subtitle: Text('runtimeLogsDescription').tr(),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                  leading: const Icon(Symbols.receipt_long),
+                  trailing: const Icon(Symbols.chevron_right),
+                  onTap: () async {
+                    GoRouter.of(context).pushNamed('debugLogging');
+                  },
+                ),
                 ListTile(
                   title: Text('settingsMiscAbout').tr(),
                   subtitle: Text('settingsMiscAboutDescription').tr(),

lib/screens/sharing.dart

@@ -51,26 +51,35 @@ class _AppSharingListenerState extends State<AppSharingListener> {
                 child: Column(
                   children: [
                     ListTile(
-                      contentPadding: const EdgeInsets.symmetric(horizontal: 24),
-                      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+                      contentPadding:
+                          const EdgeInsets.symmetric(horizontal: 24),
+                      shape: RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(8)),
                       leading: Icon(Icons.post_add),
                       trailing: const Icon(Icons.chevron_right),
                       title: Text('shareIntentPostStory').tr(),
                       onTap: () {
                         GoRouter.of(context).pushNamed(
                           'postEditor',
-                          pathParameters: {
+                          queryParameters: {
                             'mode': 'stories',
                           },
                           extra: PostEditorExtra(
                             text: value
-                                .where((e) => [SharedMediaType.text, SharedMediaType.url].contains(e.type))
+                                .where((e) => [
+                                      SharedMediaType.text,
+                                      SharedMediaType.url
+                                    ].contains(e.type))
                                 .map((e) => e.path)
                                 .join('\n'),
                             attachments: value
-                                .where((e) => [SharedMediaType.video, SharedMediaType.file, SharedMediaType.image]
-                                    .contains(e.type))
-                                .map((e) => PostWriteMedia.fromFile(XFile(e.path)))
+                                .where((e) => [
+                                      SharedMediaType.video,
+                                      SharedMediaType.file,
+                                      SharedMediaType.image
+                                    ].contains(e.type))
+                                .map((e) =>
+                                    PostWriteMedia.fromFile(XFile(e.path)))
                                 .toList(),
                           ),
                         );
@@ -78,15 +87,18 @@ class _AppSharingListenerState extends State<AppSharingListener> {
                       },
                     ),
                     ListTile(
-                      contentPadding: const EdgeInsets.symmetric(horizontal: 24),
-                      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+                      contentPadding:
+                          const EdgeInsets.symmetric(horizontal: 24),
+                      shape: RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(8)),
                       leading: Icon(Icons.chat_outlined),
                       trailing: const Icon(Icons.chevron_right),
                       title: Text('shareIntentSendChannel').tr(),
                       onTap: () {
                         showModalBottomSheet(
                           context: context,
-                          builder: (context) => _ShareIntentChannelSelect(value: value),
+                          builder: (context) =>
+                              _ShareIntentChannelSelect(value: value),
                         ).then((val) {
                           if (!context.mounted) return;
                           if (val == true) Navigator.pop(context);
@@ -110,7 +122,8 @@ class _AppSharingListenerState extends State<AppSharingListener> {
   }
 
   void _initialize() async {
-    _shareIntentSubscription = ReceiveSharingIntent.instance.getMediaStream().listen((value) {
+    _shareIntentSubscription =
+        ReceiveSharingIntent.instance.getMediaStream().listen((value) {
       if (value.isEmpty) return;
       if (mounted) {
         _gotoPost(value);
@@ -157,7 +170,8 @@ class _ShareIntentChannelSelect extends StatefulWidget {
   const _ShareIntentChannelSelect({required this.value});
 
   @override
-  State<_ShareIntentChannelSelect> createState() => _ShareIntentChannelSelectState();
+  State<_ShareIntentChannelSelect> createState() =>
+      _ShareIntentChannelSelectState();
 }
 
 class _ShareIntentChannelSelectState extends State<_ShareIntentChannelSelect> {
@@ -178,8 +192,11 @@ class _ShareIntentChannelSelectState extends State<_ShareIntentChannelSelect> {
       final lastMessages = await chan.getLastMessages(channels);
       _lastMessages = {for (final val in lastMessages) val.channelId: val};
       channels.sort((a, b) {
-        if (_lastMessages!.containsKey(a.id) && _lastMessages!.containsKey(b.id)) {
-          return _lastMessages![b.id]!.createdAt.compareTo(_lastMessages![a.id]!.createdAt);
+        if (_lastMessages!.containsKey(a.id) &&
+            _lastMessages!.containsKey(b.id)) {
+          return _lastMessages![b.id]!
+              .createdAt
+              .compareTo(_lastMessages![a.id]!.createdAt);
         }
         if (_lastMessages!.containsKey(a.id)) return -1;
         if (_lastMessages!.containsKey(b.id)) return 1;
@@ -232,7 +249,9 @@ class _ShareIntentChannelSelectState extends State<_ShareIntentChannelSelect> {
           children: [
             const Icon(Symbols.chat, size: 24),
             const Gap(16),
-            Text('shareIntentSendChannel', style: Theme.of(context).textTheme.titleLarge).tr(),
+            Text('shareIntentSendChannel',
+                    style: Theme.of(context).textTheme.titleLarge)
+                .tr(),
           ],
         ).padding(horizontal: 20, top: 16, bottom: 12),
         LoadingIndicator(isActive: _isBusy),
@@ -249,29 +268,34 @@ class _ShareIntentChannelSelectState extends State<_ShareIntentChannelSelect> {
                   final lastMessage = _lastMessages?[channel.id];
 
                   if (channel.type == 1) {
-                    final otherMember = channel.members?.cast<SnChannelMember?>().firstWhere(
-                          (ele) => ele?.accountId != ua.user?.id,
-                          orElse: () => null,
-                        );
+                    final otherMember =
+                        channel.members?.cast<SnChannelMember?>().firstWhere(
+                              (ele) => ele?.accountId != ua.user?.id,
+                              orElse: () => null,
+                            );
 
                     return ListTile(
-                      title: Text(ud.getAccountFromCache(otherMember?.accountId)?.nick ?? channel.name),
+                      title: Text(
+                          ud.getFromCache(otherMember?.accountId)?.nick ??
+                              channel.name),
                       subtitle: lastMessage != null
                           ? Text(
-                              '${ud.getAccountFromCache(lastMessage.sender.accountId)?.nick}: ${lastMessage.body['text'] ?? 'Unable preview'}',
+                              '${ud.getFromCache(lastMessage.sender.accountId)?.nick}: ${lastMessage.body['text'] ?? 'Unable preview'}',
                               maxLines: 1,
                               overflow: TextOverflow.ellipsis,
                             )
                           : Text(
                               'channelDirectMessageDescription'.tr(args: [
-                                '@${ud.getAccountFromCache(otherMember?.accountId)?.name}',
+                                '@${ud.getFromCache(otherMember?.accountId)?.name}',
                               ]),
                               maxLines: 1,
                               overflow: TextOverflow.ellipsis,
                             ),
-                      contentPadding: const EdgeInsets.symmetric(horizontal: 16),
+                      contentPadding:
+                          const EdgeInsets.symmetric(horizontal: 16),
                       leading: AccountImage(
-                        content: ud.getAccountFromCache(otherMember?.accountId)?.avatar,
+                        content:
+                            ud.getFromCache(otherMember?.accountId)?.avatar,
                       ),
                       onTap: () {
                         GoRouter.of(context).pushNamed(
@@ -291,7 +315,7 @@ class _ShareIntentChannelSelectState extends State<_ShareIntentChannelSelect> {
                     title: Text(channel.name),
                     subtitle: lastMessage != null
                         ? Text(
-                            '${ud.getAccountFromCache(lastMessage.sender.accountId)?.nick}: ${lastMessage.body['text'] ?? 'Unable preview'}',
+                            '${ud.getFromCache(lastMessage.sender.accountId)?.nick}: ${lastMessage.body['text'] ?? 'Unable preview'}',
                             maxLines: 1,
                             overflow: TextOverflow.ellipsis,
                           )
@@ -316,13 +340,20 @@ class _ShareIntentChannelSelectState extends State<_ShareIntentChannelSelect> {
                         },
                         extra: ChatRoomScreenExtra(
                           initialText: widget.value
-                              .where((e) => [SharedMediaType.text, SharedMediaType.url].contains(e.type))
+                              .where((e) => [
+                                    SharedMediaType.text,
+                                    SharedMediaType.url
+                                  ].contains(e.type))
                               .map((e) => e.path)
                               .join('\n'),
                           initialAttachments: widget.value
-                              .where((e) =>
-                                  [SharedMediaType.video, SharedMediaType.file, SharedMediaType.image].contains(e.type))
-                              .map((e) => PostWriteMedia.fromFile(XFile(e.path)))
+                              .where((e) => [
+                                    SharedMediaType.video,
+                                    SharedMediaType.file,
+                                    SharedMediaType.image
+                                  ].contains(e.type))
+                              .map(
+                                  (e) => PostWriteMedia.fromFile(XFile(e.path)))
                               .toList(),
                         ),
                       )

lib/screens/stickers.dart

@@ -0,0 +1,469 @@
+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:material_symbols_icons/symbols.dart';
+import 'package:provider/provider.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/sn_sticker.dart';
+import 'package:surface/providers/userinfo.dart';
+import 'package:surface/types/attachment.dart';
+import 'package:surface/widgets/app_bar_leading.dart';
+import 'package:surface/widgets/attachment/attachment_item.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 StickerScreen extends StatefulWidget {
+  const StickerScreen({super.key});
+
+  @override
+  State<StickerScreen> createState() => _StickerScreenState();
+}
+
+class _StickerScreenState extends State<StickerScreen>
+    with SingleTickerProviderStateMixin {
+  late final TabController _tabController =
+      TabController(length: 3, vsync: this);
+
+  bool _isBusy = false;
+  int? _totalCount;
+  final List<SnStickerPack> _packs = List.empty(growable: true);
+
+  Future<void> _fetchPacks() async {
+    try {
+      setState(() => _isBusy = true);
+      final sn = context.read<SnNetworkProvider>();
+      final ua = context.read<UserProvider>();
+      final resp = await sn.client.get(
+        _tabController.index == 1
+            ? '/cgi/uc/stickers/packs/own'
+            : '/cgi/uc/stickers/packs',
+        queryParameters: {
+          'take': 10,
+          'offset': _packs.length,
+          if (_tabController.index == 2) 'author': ua.user?.id,
+        },
+      );
+      if (resp.data is Map<String, dynamic>) {
+        _totalCount = resp.data['count'] as int?;
+        final out = List<SnStickerPack>.from(
+          resp.data['data'].map((ele) => SnStickerPack.fromJson(ele)),
+        );
+        _packs.addAll(out);
+      } else {
+        _totalCount = 0;
+        final out = List<SnStickerPack>.from(
+          resp.data.map((ele) => SnStickerPack.fromJson(ele)),
+        );
+        _packs.addAll(out);
+      }
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  Future<void> _removePack(SnStickerPack pack) async {
+    try {
+      setState(() => _isBusy = true);
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.delete('/cgi/uc/stickers/packs/${pack.id}/own');
+      if (!mounted) return;
+      context.showSnackbar('stickersRemoved'.tr());
+      _refreshPacks();
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  Future<void> _deletePack(SnStickerPack pack) async {
+    final confirm = await context.showConfirmDialog(
+      'stickersPackDelete'.tr(args: [pack.name]),
+      'stickersPackDeleteDescription'.tr(),
+    );
+    if (!confirm) return;
+    if (!mounted) return;
+
+    try {
+      setState(() => _isBusy = true);
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.delete('/cgi/uc/stickers/packs/${pack.id}');
+      if (!mounted) return;
+      context.showSnackbar('stickersDeleted'.tr());
+      _refreshPacks();
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  Future<void> _refreshPacks() async {
+    _packs.clear();
+    _totalCount = null;
+    await _fetchPacks();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchPacks();
+    _tabController.addListener(() {
+      if (_tabController.indexIsChanging) {
+        _refreshPacks();
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppScaffold(
+      appBar: AppBar(
+        leading: AutoAppBarLeading(),
+        title: Text('screenStickers').tr(),
+        actions: [
+          IconButton(
+            icon: const Icon(Symbols.add_circle),
+            onPressed: () {
+              showDialog(
+                context: context,
+                builder: (context) => _StickerPackCreateDialog(),
+              ).then((value) {
+                if (value == true) _refreshPacks();
+              });
+            },
+          ),
+          const Gap(8),
+        ],
+        bottom: TabBar(
+          controller: _tabController,
+          tabs: [
+            Tab(
+              child: Text('stickersDiscovery'.tr()).textColor(
+                Theme.of(context).appBarTheme.foregroundColor,
+              ),
+            ),
+            Tab(
+              child: Text('stickersOwned'.tr()).textColor(
+                Theme.of(context).appBarTheme.foregroundColor,
+              ),
+            ),
+            Tab(
+              child: Text('stickersCreated'.tr()).textColor(
+                Theme.of(context).appBarTheme.foregroundColor,
+              ),
+            ),
+          ],
+        ),
+      ),
+      body: MediaQuery.removePadding(
+        context: context,
+        removeTop: true,
+        child: RefreshIndicator(
+          onRefresh: _refreshPacks,
+          child: InfiniteList(
+            itemCount: _packs.length,
+            onFetchData: _fetchPacks,
+            hasReachedMax:
+                (_totalCount != null && _packs.length >= _totalCount!) ||
+                    _tabController.index == 2,
+            isLoading: _isBusy,
+            itemBuilder: (context, idx) {
+              final pack = _packs[idx];
+              return ListTile(
+                title: Text(pack.name),
+                subtitle: Text(
+                  pack.description,
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                ),
+                contentPadding: const EdgeInsets.symmetric(horizontal: 16),
+                trailing: _tabController.index == 1
+                    ? IconButton(
+                        onPressed: () {
+                          _removePack(pack);
+                        },
+                        icon: const Icon(Symbols.remove),
+                      )
+                    : _tabController.index == 2
+                        ? IconButton(
+                            onPressed: () {
+                              _deletePack(pack);
+                            },
+                            icon: const Icon(Symbols.delete),
+                          )
+                        : null,
+                onTap: () {
+                  if (_tabController.index == 0) {
+                    showModalBottomSheet(
+                      context: context,
+                      builder: (context) => _StickerPackAddPopup(pack: pack),
+                    ).then((value) {
+                      if (value == true && _tabController.index == 1) {
+                        _refreshPacks();
+                      }
+                    });
+                  } else {
+                    GoRouter.of(context).pushNamed(
+                      'stickerPack',
+                      pathParameters: {
+                        'id': pack.id.toString(),
+                      },
+                    );
+                  }
+                },
+              );
+            },
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _StickerPackAddPopup extends StatefulWidget {
+  final SnStickerPack pack;
+  const _StickerPackAddPopup({required this.pack});
+
+  @override
+  State<_StickerPackAddPopup> createState() => _StickerPackAddPopupState();
+}
+
+class _StickerPackAddPopupState extends State<_StickerPackAddPopup> {
+  SnStickerPack? _pack;
+
+  bool _isBusy = false;
+
+  Future<void> _fetchPack() async {
+    try {
+      setState(() => _isBusy = true);
+      final sn = context.read<SnNetworkProvider>();
+      final resp =
+          await sn.client.get('/cgi/uc/stickers/packs/${widget.pack.id}');
+      _pack = SnStickerPack.fromJson(resp.data);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchPack();
+  }
+
+  bool _isAdding = false;
+
+  Future<void> _addPack() async {
+    if (_pack == null) return;
+
+    try {
+      setState(() => _isAdding = true);
+      final sn = context.read<SnNetworkProvider>();
+      final stickers = context.read<SnStickerProvider>();
+      await sn.client.post(
+        '/cgi/uc/stickers/packs/${widget.pack.id}/own',
+      );
+      if (!mounted) return;
+      context.showSnackbar('stickersAdded'.tr());
+      if (_pack?.stickers != null) {
+        stickers.putSticker(
+            _pack!.stickers!.map((ele) => ele.copyWith(pack: _pack!)));
+      }
+      Navigator.pop(context, true);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isAdding = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const Icon(Symbols.add, size: 24),
+            const Gap(16),
+            Text('stickersAdd', style: Theme.of(context).textTheme.titleLarge)
+                .tr(),
+          ],
+        ).padding(horizontal: 20, top: 16, bottom: 12),
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.end,
+          children: [
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(widget.pack.name).bold(),
+                  Text(
+                    widget.pack.description,
+                    maxLines: 2,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ],
+              ),
+            ),
+            ElevatedButton(
+              onPressed: _isAdding ? null : _addPack,
+              child: Text('add').tr(),
+            ),
+          ],
+        ).padding(horizontal: 24),
+        LoadingIndicator(isActive: _isBusy),
+        if (_pack?.stickers != null)
+          Expanded(
+            child: GridView.extent(
+              padding: EdgeInsets.only(left: 20, right: 20, top: 8),
+              maxCrossAxisExtent: 48,
+              mainAxisSpacing: 8,
+              crossAxisSpacing: 8,
+              children: _pack!.stickers!
+                  .map(
+                    (ele) => ClipRRect(
+                      borderRadius: BorderRadius.circular(8),
+                      child: Container(
+                        color:
+                            Theme.of(context).colorScheme.surfaceContainerHigh,
+                        child: AttachmentItem(
+                          data: ele.attachment,
+                          heroTag: 'sticker-pack-${ele.attachment.rid}',
+                          fit: BoxFit.contain,
+                        ),
+                      ),
+                    ),
+                  )
+                  .toList(),
+            ),
+          ),
+      ],
+    );
+  }
+}
+
+class _StickerPackCreateDialog extends StatefulWidget {
+  const _StickerPackCreateDialog();
+
+  @override
+  State<_StickerPackCreateDialog> createState() =>
+      _StickerPackCreateDialogState();
+}
+
+class _StickerPackCreateDialogState extends State<_StickerPackCreateDialog> {
+  final TextEditingController _nameController = TextEditingController();
+  final TextEditingController _prefixController = TextEditingController();
+  final TextEditingController _descriptionController = TextEditingController();
+
+  bool _isBusy = false;
+
+  Future<void> _createPack() async {
+    if (_nameController.text.isEmpty ||
+        _prefixController.text.isEmpty ||
+        _descriptionController.text.isEmpty) {
+      return;
+    }
+
+    setState(() => _isBusy = true);
+
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.post(
+        '/cgi/uc/stickers/packs',
+        data: {
+          'name': _nameController.text,
+          'prefix': _prefixController.text,
+          'description': _descriptionController.text,
+        },
+      );
+      if (!mounted) return;
+      Navigator.pop(context, true);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
+  @override
+  void dispose() {
+    _nameController.dispose();
+    _prefixController.dispose();
+    _descriptionController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Text('stickersPackNew').tr(),
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          TextField(
+            controller: _nameController,
+            decoration: InputDecoration(
+              border: const UnderlineInputBorder(),
+              labelText: 'fieldStickerPackName'.tr(),
+            ),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+          ),
+          const Gap(4),
+          TextField(
+            controller: _prefixController,
+            decoration: InputDecoration(
+              border: const UnderlineInputBorder(),
+              labelText: 'fieldStickerPackPrefix'.tr(),
+            ),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+          ),
+          const Gap(4),
+          TextField(
+            controller: _descriptionController,
+            decoration: InputDecoration(
+              border: const UnderlineInputBorder(),
+              labelText: 'fieldStickerPackDescription'.tr(),
+            ),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+          ),
+        ],
+      ),
+      actions: [
+        TextButton(
+          onPressed: _isBusy
+              ? null
+              : () {
+                  Navigator.pop(context);
+                },
+          child: Text('dialogDismiss').tr(),
+        ),
+        TextButton(
+          onPressed: _isBusy ? null : () => _createPack(),
+          child: Text('dialogConfirm').tr(),
+        ),
+      ],
+    );
+  }
+}