♻️ Refactor to replace Hive with Sqlite

✨ Post realm post

.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

README.md

@@ -0,0 +1,27 @@
+# Solar Network
+
+![](https://solsynth.dev/_next/static/media/alpha.e779a584.webp)
+
+Hello there! Welcome to the main repository of the HyperNet (also known as the Solar Network). The code here is mainly about the frontend app (also known as Solian). But you can still post issues here to get help and request new features!
+
+## Sub Projects
+
+HyperNet, the Solar Network is a microservices project in which the backends are stored in separate repositories. Here is a simple index for it.
+
+- The Core, Gateway: [Nexus](https://github.com/Solsynth/HyperNet.Nexus)
+- The Auth Service: [Passport](https://github.com/Solsynth/HyperNet.Passport)
+- The Posting Service: [Interactive](https://github.com/Solsynth/HyperNet.Interactive)
+- The Messaging Service: [Messaging](https://github.com/Solsynth/HyperNet.Messaging)
+- The Wallet Service: [Wallet](https://github.com/Solsynth/HyperNet.Wallet)
+- The Crawler: [Reader](https://github.com/Solsynth/HyperNet.Reader)
+- Some others may not be listed, you can search in the organization with `HyperNet.` the prefix of all HyperNet projects.
+
+## Tech Stack
+
+For those people who want to know the tech stack of this project, the frontend was built by Flutter, which provides the cross-platform ability.
+
+The backend was built in Go and PostgreSQL with our very own microservice framework included in the nexus.
+
+-----
+
+The readme will be updated in the future, to be determined. For now, you can check out the link of this repository to learn more on our official website.

android/app/src/main/AndroidManifest.xml

@@ -17,7 +17,6 @@
         android:label="Solian"
         android:name="${applicationName}"
         android:icon="@mipmap/ic_launcher"
-        android:enableOnBackInvokedCallback="true"
         android:requestLegacyExternalStorage="true">
         <meta-data
             android:name="flutterEmbedding"

android/app/src/main/kotlin/dev/solsynth/solian/widgets/CheckInWidget.kt

@@ -54,7 +54,7 @@ class CheckInWidget : GlanceAppWidget() {
                 .setFieldNamingPolicy(FieldNamingPolicy.LOWER_CASE_WITH_UNDERSCORES)
                 .registerTypeAdapter(Instant::class.java, InstantAdapter())
                 .create()
-        val resultTierSymbols = listOf("大凶", "凶", "中平", "吉", "大吉")
+        val resultTierSymbols = listOf("Bad", "Poor", "Medium", "Good", "Great")
 
         val prefs = currentState.preferences
         val checkInRaw: String? = prefs.getString("pas_check_in_record", null)
@@ -120,7 +120,7 @@ class CheckInWidget : GlanceAppWidget() {
             }
 
             Text(
-                text = "You haven't checked in today",
+                text = "You haven't divined today",
                 style = TextStyle(fontSize = 15.sp, color = GlanceTheme.colors.onSurface)
             )
         }

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/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
   }
 }

assets/translations/en-US.json

@@ -333,6 +333,7 @@
   "addAttachmentFromRandomId": "Link via RID",
   "attachmentDetailInfo": "Attachment details",
   "attachmentPastedImage": "Pasted Image",
+  "attachmentInsertedImage": "Inserted Image",
   "attachmentInsertLink": "Insert Link",
   "attachmentSetAsPostThumbnail": "Set as post thumbnail",
   "attachmentUnsetAsPostThumbnail": "Unset as post thumbnail",
@@ -419,7 +420,7 @@
   "callMessageEnded": "Call lasted {}",
   "callMessageStarted": "Call started",
   "dailyCheckIn": "Check In",
-  "dailyCheckInNone": "You haven't checked in today",
+  "dailyCheckInNone": "You haven't divined today",
   "dailyCheckAction": "Check in right now!",
   "dailyCheckDetail": "Can't understand the symbol? Master, help me understand it!",
   "dailyCheckDetailTitle": "{}'s fortune details",
@@ -547,6 +548,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",
@@ -582,6 +584,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",
@@ -624,6 +627,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",
@@ -650,5 +654,38 @@
   "realmIsCommunity": "Community Realm",
   "realmIsCommunityDescription": "Community realm will be displayed on the discover page.",
   "realmLeave": "Leave Realm",
-  "realmLeaveDescription": "Leave the current realm and delete the realm's identity."
+  "realmLeaveDescription": "Leave the current realm and delete the realm's identity.",
+  "checkInResultTier1": "Worst",
+  "checkInResultTier2": "Worse",
+  "checkInResultTier3": "Normal",
+  "checkInResultTier4": "Better",
+  "checkInResultTier5": "Best",
+  "flagPostAction": "Flag the Post",
+  "flagPost": "Flag objectionable content",
+  "flagPostDescription": "If flagged users takes 50% or more of the views, the post will be collapsed. You cannot revoke the action.",
+  "flaggedPost": "Post has been flagged.",
+  "postViews": {
+    "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."
 }

assets/translations/zh-CN.json

@@ -331,6 +331,7 @@
   "addAttachmentFromRandomId": "通过访问 ID 链接",
   "attachmentDetailInfo": "附件详细信息",
   "attachmentPastedImage": "粘贴的图片",
+  "attachmentInsertedImage": "插入的图片",
   "attachmentInsertLink": "插入连接",
   "attachmentSetAsPostThumbnail": "设置为帖子缩略图",
   "attachmentUnsetAsPostThumbnail": "取消设置为帖子缩略图",
@@ -545,6 +546,7 @@
   "termAcceptNextWithAgree": "点击 “下一步”，即表示你同意我们的各项条款，包括其之后的更新。",
   "unauthorized": "未登陆",
   "unauthorizedDescription": "登陆以探索整个 Solar Network。",
+  "projectDetail": "项目详情",
   "serviceStatus": "服务状态",
   "termRelated": "相关条款",
   "appDetails": "应用程序详情",
@@ -580,6 +582,7 @@
   "colorSchemeBlack": "黑色",
   "colorSchemeApplied": "主题色已应用，可能需要重启来生效。",
   "postFeaturedComment": "精选评论",
+  "postCategory": "分类",
   "postCategoryTechnology": "技术",
   "postCategoryGaming": "游戏",
   "postCategoryLife": "生活",
@@ -623,6 +626,7 @@
   "realmJoin": "加入领域",
   "realmCommunityHint": "该领域是一个社区领域，你可以自由加入。",
   "realmCommunityPublicChannelsHint": "该领域包含的公共频道",
+  "realmCommunityPublishersHint": "该领域的发布者",
   "realmJoined": "已加入领域 {}。",
   "join": "加入",
   "pollEditorNew": "新投票",
@@ -649,5 +653,37 @@
   "realmIsCommunity": "社区领域",
   "realmIsCommunityDescription": "社区领域会显示在发现页面上。",
   "realmLeave": "离开领域",
-  "realmLeaveDescription": "离开当前领域，并且删除领域中的身份。"
+  "realmLeaveDescription": "离开当前领域，并且删除领域中的身份。",
+  "checkInResultTier1": "大凶",
+  "checkInResultTier2": "凶",
+  "checkInResultTier3": "中平",
+  "checkInResultTier4": "吉",
+  "checkInResultTier5": "大吉",
+  "flagPostAction": "吹哨",
+  "flagPost": "吹哨不良内容",
+  "flagPostDescription": "吹哨不良内容，如果吹哨用户占浏览量的 50% 或以上，则帖子会被折叠。吹哨后不可撤销。",
+  "flaggedPost": "哨子已经吹响。",
+  "postViews": {
+    "zero": "{} 次浏览",
+    "one": "{} 次浏览",
+    "other": "{} 次浏览"
+  },
+  "attachmentBillingUploaded": "已占用的字节数",
+  "attachmentBillingDiscount": "免费的字节数",
+  "attachmentBillingHint": "滑动窗口计价®\n在24小时内上传的文件大小超出免费空间才会适用扣费。",
+  "postThumbnail": "帖子缩略图",
+  "accountRealms": "领域",
+  "postInGlobal": "全站",
+  "postInGlobalDescription": "不关联此帖子与任何领域。",
+  "postChannelGlobal": "全站",
+  "postChannelFriends": "好友",
+  "postChannelFollowing": "关注",
+  "postChannelRealm": "领域",
+  "postFilterReset": "重置过滤器",
+  "postFilterResetDescription": "清除过滤器并显示所有帖子。",
+  "postFilterWithCategory": "查看{}区中的帖子",
+  "databaseSize": "数据库大小",
+  "databaseDelete": "删除数据库",
+  "databaseDeleteDescription": "删除本地数据库，内容将从服务器重新获取。",
+  "databaseDeleted": "本地数据库已被删除。"
 }

assets/translations/zh-HK.json

@@ -331,6 +331,7 @@
   "addAttachmentFromRandomId": "通過訪問 ID 鏈接",
   "attachmentDetailInfo": "附件詳細信息",
   "attachmentPastedImage": "粘貼的圖片",
+  "attachmentInsertedImage": "插入的圖片",
   "attachmentInsertLink": "插入連接",
   "attachmentSetAsPostThumbnail": "設置為帖子縮略圖",
   "attachmentUnsetAsPostThumbnail": "取消設置為帖子縮略圖",
@@ -545,6 +546,7 @@
   "termAcceptNextWithAgree": "點擊 “下一步”，即表示你同意我們的各項條款，包括其之後的更新。",
   "unauthorized": "未登陸",
   "unauthorizedDescription": "登陸以探索整個 Solar Network。",
+  "projectDetail": "項目詳情",
   "serviceStatus": "服務狀態",
   "termRelated": "相關條款",
   "appDetails": "應用程序詳情",
@@ -580,6 +582,7 @@
   "colorSchemeBlack": "黑色",
   "colorSchemeApplied": "主題色已應用，可能需要重啓來生效。",
   "postFeaturedComment": "精選評論",
+  "postCategory": "分類",
   "postCategoryTechnology": "技術",
   "postCategoryGaming": "遊戲",
   "postCategoryLife": "生活",
@@ -623,6 +626,64 @@
   "realmJoin": "加入領域",
   "realmCommunityHint": "該領域是一個社區領域，你可以自由加入。",
   "realmCommunityPublicChannelsHint": "該領域包含的公共頻道",
+  "realmCommunityPublishersHint": "該領域的發佈者",
   "realmJoined": "已加入領域 {}。",
-  "join": "加入"
+  "join": "加入",
+  "pollEditorNew": "新投票",
+  "pollEditorEdit": "編輯投票",
+  "pollEditorDelete": "刪除投票",
+  "pollEditorDeleteDescription": "你確定要刪除這個投票嗎？該操作不可撤銷。",
+  "pollEditorUnlink": "解除鏈接",
+  "pollOptionAdd": "添加選項",
+  "pollOptionName": "選項名稱",
+  "pollLinkExisting": "鏈接現有投票",
+  "pollAnswered": "答案已經反饋。",
+  "pollVotes": {
+    "one": "{} 票",
+    "other": "{} 票"
+  },
+  "publisherDelete": "刪除發佈者 {}",
+  "publisherDeleteDescription": "你確定要刪除這個發佈者嗎？該操作不可撤銷。",
+  "channelIsPublic": "公開頻道",
+  "channelIsPublicDescription": "該頻道是公開的，任何人都可以加入。",
+  "channelIsCommunity": "社區頻道",
+  "channelIsCommunityDescription": "目前來説，社區頻道還沒有什麼特別之處。",
+  "realmIsPublic": "公開領域",
+  "realmIsPublicDescription": "該領域是公開的，任何人都可以加入。",
+  "realmIsCommunity": "社區領域",
+  "realmIsCommunityDescription": "社區領域會顯示在發現頁面上。",
+  "realmLeave": "離開領域",
+  "realmLeaveDescription": "離開當前領域，並且刪除領域中的身份。",
+  "checkInResultTier1": "大凶",
+  "checkInResultTier2": "兇",
+  "checkInResultTier3": "中平",
+  "checkInResultTier4": "吉",
+  "checkInResultTier5": "大吉",
+  "flagPostAction": "吹哨",
+  "flagPost": "吹哨不良內容",
+  "flagPostDescription": "吹哨不良內容，如果吹哨用户佔瀏覽量的 50% 或以上，則帖子會被摺疊。吹哨後不可撤銷。",
+  "flaggedPost": "哨子已經吹響。",
+  "postViews": {
+    "zero": "{} 次瀏覽",
+    "one": "{} 次瀏覽",
+    "other": "{} 次瀏覽"
+  },
+  "attachmentBillingUploaded": "已佔用的字節數",
+  "attachmentBillingDiscount": "免費的字節數",
+  "attachmentBillingHint": "滑動窗口計價®\n在24小時內上傳的文件大小超出免費空間才會適用扣費。",
+  "postThumbnail": "帖子縮略圖",
+  "accountRealms": "領域",
+  "postInGlobal": "全站",
+  "postInGlobalDescription": "不關聯此帖子與任何領域。",
+  "postChannelGlobal": "全站",
+  "postChannelFriends": "好友",
+  "postChannelFollowing": "關注",
+  "postChannelRealm": "領域",
+  "postFilterReset": "重置過濾器",
+  "postFilterResetDescription": "清除過濾器並顯示所有帖子。",
+  "postFilterWithCategory": "查看{}區中的帖子",
+  "databaseSize": "數據庫大小",
+  "databaseDelete": "刪除數據庫",
+  "databaseDeleteDescription": "刪除本地數據庫，內容將從服務器重新獲取。",
+  "databaseDeleted": "本地數據庫已被刪除。"
 }

assets/translations/zh-TW.json

@@ -331,6 +331,7 @@
   "addAttachmentFromRandomId": "通過訪問 ID 鏈接",
   "attachmentDetailInfo": "附件詳細信息",
   "attachmentPastedImage": "粘貼的圖片",
+  "attachmentInsertedImage": "插入的圖片",
   "attachmentInsertLink": "插入連接",
   "attachmentSetAsPostThumbnail": "設置為帖子縮略圖",
   "attachmentUnsetAsPostThumbnail": "取消設置為帖子縮略圖",
@@ -545,6 +546,7 @@
   "termAcceptNextWithAgree": "點擊 “下一步”，即表示你同意我們的各項條款，包括其之後的更新。",
   "unauthorized": "未登陸",
   "unauthorizedDescription": "登陸以探索整個 Solar Network。",
+  "projectDetail": "項目詳情",
   "serviceStatus": "服務狀態",
   "termRelated": "相關條款",
   "appDetails": "應用程序詳情",
@@ -580,6 +582,7 @@
   "colorSchemeBlack": "黑色",
   "colorSchemeApplied": "主題色已應用，可能需要重啟來生效。",
   "postFeaturedComment": "精選評論",
+  "postCategory": "分類",
   "postCategoryTechnology": "技術",
   "postCategoryGaming": "遊戲",
   "postCategoryLife": "生活",
@@ -623,6 +626,64 @@
   "realmJoin": "加入領域",
   "realmCommunityHint": "該領域是一個社區領域，你可以自由加入。",
   "realmCommunityPublicChannelsHint": "該領域包含的公共頻道",
+  "realmCommunityPublishersHint": "該領域的發佈者",
   "realmJoined": "已加入領域 {}。",
-  "join": "加入"
+  "join": "加入",
+  "pollEditorNew": "新投票",
+  "pollEditorEdit": "編輯投票",
+  "pollEditorDelete": "刪除投票",
+  "pollEditorDeleteDescription": "你確定要刪除這個投票嗎？該操作不可撤銷。",
+  "pollEditorUnlink": "解除鏈接",
+  "pollOptionAdd": "添加選項",
+  "pollOptionName": "選項名稱",
+  "pollLinkExisting": "鏈接現有投票",
+  "pollAnswered": "答案已經反饋。",
+  "pollVotes": {
+    "one": "{} 票",
+    "other": "{} 票"
+  },
+  "publisherDelete": "刪除發佈者 {}",
+  "publisherDeleteDescription": "你確定要刪除這個發佈者嗎？該操作不可撤銷。",
+  "channelIsPublic": "公開頻道",
+  "channelIsPublicDescription": "該頻道是公開的，任何人都可以加入。",
+  "channelIsCommunity": "社區頻道",
+  "channelIsCommunityDescription": "目前來說，社區頻道還沒有什麼特別之處。",
+  "realmIsPublic": "公開領域",
+  "realmIsPublicDescription": "該領域是公開的，任何人都可以加入。",
+  "realmIsCommunity": "社區領域",
+  "realmIsCommunityDescription": "社區領域會顯示在發現頁面上。",
+  "realmLeave": "離開領域",
+  "realmLeaveDescription": "離開當前領域，並且刪除領域中的身份。",
+  "checkInResultTier1": "大凶",
+  "checkInResultTier2": "兇",
+  "checkInResultTier3": "中平",
+  "checkInResultTier4": "吉",
+  "checkInResultTier5": "大吉",
+  "flagPostAction": "吹哨",
+  "flagPost": "吹哨不良內容",
+  "flagPostDescription": "吹哨不良內容，如果吹哨用戶佔瀏覽量的 50% 或以上，則帖子會被摺疊。吹哨後不可撤銷。",
+  "flaggedPost": "哨子已經吹響。",
+  "postViews": {
+    "zero": "{} 次瀏覽",
+    "one": "{} 次瀏覽",
+    "other": "{} 次瀏覽"
+  },
+  "attachmentBillingUploaded": "已佔用的字節數",
+  "attachmentBillingDiscount": "免費的字節數",
+  "attachmentBillingHint": "滑動窗口計價®\n在24小時內上傳的文件大小超出免費空間才會適用扣費。",
+  "postThumbnail": "帖子縮略圖",
+  "accountRealms": "領域",
+  "postInGlobal": "全站",
+  "postInGlobalDescription": "不關聯此帖子與任何領域。",
+  "postChannelGlobal": "全站",
+  "postChannelFriends": "好友",
+  "postChannelFollowing": "關注",
+  "postChannelRealm": "領域",
+  "postFilterReset": "重置過濾器",
+  "postFilterResetDescription": "清除過濾器並顯示所有帖子。",
+  "postFilterWithCategory": "查看{}區中的帖子",
+  "databaseSize": "數據庫大小",
+  "databaseDelete": "刪除數據庫",
+  "databaseDeleteDescription": "刪除本地數據庫，內容將從服務器重新獲取。",
+  "databaseDeleted": "本地數據庫已被刪除。"
 }

debian/debian.yml

@@ -0,0 +1,14 @@
+flutter_app: 
+  command: surface
+  arch: x64
+  parent: /usr/local/lib
+  nonInteractive: false
+
+control:
+  Package: solian
+  Version: 2.3.2
+  Architecture: amd64
+  Priority: optional
+  Depends: mpv keybinder-3.0
+  Maintainer: Solsynth LLC
+  Description: The Solar Network Desktop Application

debian/gui/surface.desktop

@@ -0,0 +1,9 @@
+[Desktop Entry]
+Version=2.3.2
+Name=Solian
+GenericName=Solian
+Comment=The Solar Network Desktop Application
+Terminal=false
+Type=Application
+Categories=Social Networking
+Keywords=social;social network;chat;solar network

ios/Podfile.lock

@@ -221,6 +221,25 @@ PODS:
   - sqflite_darwin (0.0.4):
     - Flutter
     - FlutterMacOS
+  - sqlite3 (3.49.0):
+    - sqlite3/common (= 3.49.0)
+  - sqlite3/common (3.49.0)
+  - sqlite3/dbstatvtab (3.49.0):
+    - sqlite3/common
+  - sqlite3/fts5 (3.49.0):
+    - sqlite3/common
+  - sqlite3/perf-threadsafe (3.49.0):
+    - sqlite3/common
+  - sqlite3/rtree (3.49.0):
+    - sqlite3/common
+  - sqlite3_flutter_libs (0.0.1):
+    - Flutter
+    - FlutterMacOS
+    - sqlite3 (~> 3.49.0)
+    - sqlite3/dbstatvtab
+    - sqlite3/fts5
+    - sqlite3/perf-threadsafe
+    - sqlite3/rtree
   - SwiftyGif (5.4.5)
   - url_launcher_ios (0.0.1):
     - Flutter
@@ -268,6 +287,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 +314,7 @@ SPEC REPOS:
     - PromisesObjC
     - SAMKeychain
     - SDWebImage
+    - sqlite3
     - SwiftyGif
     - WebRTC-SDK
 
@@ -360,6 +381,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:
@@ -421,6 +444,8 @@ SPEC CHECKSUMS:
   share_plus: 8b6f8b3447e494cca5317c8c3073de39b3600d1f
   shared_preferences_foundation: fcdcbc04712aee1108ac7fda236f363274528f78
   sqflite_darwin: 5a7236e3b501866c1c9befc6771dfd73ffb8702d
+  sqlite3: 4922312598b67e1825c6a6c821296dcbf6783046
+  sqlite3_flutter_libs: 069c435986dd4b63461aecd68f4b30be4a9e9daa
   SwiftyGif: 706c60cf65fa2bc5ee0313beece843c8eb8194d4
   url_launcher_ios: 5334b05cef931de560670eeae103fd3e431ac3fe
   video_compress: fce97e4fb1dfd88175aa07d2ffc8a2f297f87fbe

ios/SolarNotifyService/NotificationService.swift

@@ -123,48 +123,59 @@ class NotificationService: UNNotificationServiceExtension {
         }
         
         if let imageIdentifier = metadata["image"] as? String {
-            attachMedia(to: content, withIdentifier: imageIdentifier, fileType: UTType.jpeg, doScaleDown: true)
+            attachMedia(to: content, withIdentifier: [imageIdentifier], fileType: UTType.jpeg, doScaleDown: true)
         } else if let avatarIdentifier = metadata["avatar"] as? String {
-            attachMedia(to: content, withIdentifier: avatarIdentifier, fileType: UTType.jpeg, doScaleDown: true)
+            attachMedia(to: content, withIdentifier: [avatarIdentifier], fileType: UTType.jpeg, doScaleDown: true)
+        } else if let imagesIdentifier = metadata["images"] as? Array<String> {
+            attachMedia(to: content, withIdentifier: imagesIdentifier, fileType: UTType.jpeg, doScaleDown: true)
         } else {
             contentHandler?(content)
         }
     }
     
-    private func attachMedia(to content: UNMutableNotificationContent, withIdentifier identifier: String, fileType type: UTType?, doScaleDown scaleDown: Bool = false) {
-        let attachmentUrl = getAttachmentUrl(for: identifier)
-        
-        guard let remoteUrl = URL(string: attachmentUrl) else {
-            print("Invalid URL for attachment: \(attachmentUrl)")
+    private func attachMedia(to content: UNMutableNotificationContent, withIdentifier identifier: Array<String>, fileType type: UTType?, doScaleDown scaleDown: Bool = false) {
+        let attachmentUrls = identifier.compactMap { element in
+            return getAttachmentUrl(for: element)
+        }
+
+        guard !attachmentUrls.isEmpty else {
+            print("Invalid URLs for attachments: \(attachmentUrls)")
             return
         }
-        
+
         let targetSize = 800
         let scaleProcessor = ResizingImageProcessor(referenceSize: CGSize(width: targetSize, height: targetSize), mode: .aspectFit)
-        
-        KingfisherManager.shared.retrieveImage(with: remoteUrl, options: scaleDown ? [
-            .processor(scaleProcessor)
-        ] : nil) { [weak self] result in
-            guard let self = self else { return }
-            
-            switch result {
-            case .success(let retrievalResult):
-                // The image is either retrieved from cache or downloaded
-                let tempDirectory = FileManager.default.temporaryDirectory
-                let cachedFileUrl = tempDirectory.appendingPathComponent(identifier)
-                
-                do {
-                    // Write the image data to a temporary file for UNNotificationAttachment
-                    try retrievalResult.image.pngData()?.write(to: cachedFileUrl)
-                    self.attachLocalMedia(to: content, fileType: type?.identifier, from: cachedFileUrl, withIdentifier: identifier)
-                } catch {
-                    print("Failed to write media to temporary file: \(error.localizedDescription)")
+
+        for attachmentUrl in attachmentUrls {
+            guard let remoteUrl = URL(string: attachmentUrl) else {
+                print("Invalid URL for attachment: \(attachmentUrl)")
+                continue // Skip this URL and move to the next one
+            }
+
+            KingfisherManager.shared.retrieveImage(with: remoteUrl, options: scaleDown ? [
+                .processor(scaleProcessor)
+            ] : nil) { [weak self] result in
+                guard let self = self else { return }
+
+                switch result {
+                case .success(let retrievalResult):
+                    // The image is either retrieved from cache or downloaded
+                    let tempDirectory = FileManager.default.temporaryDirectory
+                    let cachedFileUrl = tempDirectory.appendingPathComponent(UUID().uuidString) // Unique identifier for each file
+
+                    do {
+                        // Write the image data to a temporary file for UNNotificationAttachment
+                        try retrievalResult.image.pngData()?.write(to: cachedFileUrl)
+                        self.attachLocalMedia(to: content, fileType: type?.identifier, from: cachedFileUrl, withIdentifier: attachmentUrl)
+                    } catch {
+                        print("Failed to write media to temporary file: \(error.localizedDescription)")
+                        self.contentHandler?(content)
+                    }
+
+                case .failure(let error):
+                    print("Failed to retrieve image: \(error.localizedDescription)")
                     self.contentHandler?(content)
                 }
-                
-            case .failure(let error):
-                print("Failed to retrieve image: \(error.localizedDescription)")
-                self.contentHandler?(content)
             }
         }
     }

ios/SolarWidget/CheckInWidget.swift

@@ -15,14 +15,14 @@ struct CheckInProvider: TimelineProvider {
 
     func getSnapshot(in context: Context, completion: @escaping (CheckInEntry) -> ()) {
         let prefs = UserDefaults(suiteName: "group.solsynth.solian")
-        
+
         let dateFormatter = DateFormatter()
         dateFormatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSSSS'Z'"
-        
+
         let jsonDecoder = JSONDecoder()
         jsonDecoder.dateDecodingStrategy = .formatted(dateFormatter)
         jsonDecoder.keyDecodingStrategy = .convertFromSnakeCase
-        
+
         let checkInRaw = prefs?.string(forKey: "pas_check_in_record")
         var checkIn: SolarCheckInRecord?
         if let checkInRaw = checkInRaw {
@@ -31,7 +31,7 @@ struct CheckInProvider: TimelineProvider {
                 checkIn = nil
             }
         }
-        
+
         let entry = CheckInEntry(
             date: Date(),
             checkIn: checkIn
@@ -54,11 +54,11 @@ struct CheckInEntry: TimelineEntry {
 
 struct CheckInWidgetEntryView : View {
     var entry: CheckInProvider.Entry
-    
-    private let resultTierSymbols: [String] = ["大凶", "凶", "中平", "吉", "大吉"]
-    
+
+    private let resultTierSymbols: [String] = ["Bad", "Poor", "Medium", "Good", "Great"]
+
     func checkIn() -> Void {}
-    
+
     func seeDetail() -> Void {}
 
     var body: some View {
@@ -68,9 +68,9 @@ struct CheckInWidgetEntryView : View {
                     Text(resultTierSymbols[checkIn.resultTier]).font(.system(size: 27, weight: .bold))
                     Text("+\(checkIn.resultExperience) EXP").font(.system(size: 15, design: .monospaced))
                 }.padding(.horizontal, 4)
-                
+
                 Spacer()
-                
+
                 HStack {
                     VStack(alignment: .leading) {
                         Text(
@@ -82,7 +82,7 @@ struct CheckInWidgetEntryView : View {
                             format: .dateTime.day().month()
                         ).font(.system(size: 13))
                     }.padding(.leading, 4)
-                    
+
                     Button("See Detail", systemImage: "arrow.right", action: seeDetail)
                         .labelStyle(.iconOnly)
                         .buttonBorderShape(.circle)
@@ -91,11 +91,11 @@ struct CheckInWidgetEntryView : View {
             } else {
                 VStack(alignment: .leading) {
                     Text("Check In").font(.system(size: 19, weight: .bold))
-                    Text("You haven't check in today").font(.system(size: 15))
+                    Text("You haven't divined today").font(.system(size: 15))
                 }.padding(.horizontal, 4)
-                
+
                 Spacer()
-                
+
                 HStack(alignment: .bottom) {
                     Button("Check In", systemImage: "checkmark", action: checkIn).labelStyle(.iconOnly).buttonBorderShape(.circle).frame(maxWidth: .infinity, alignment: .trailing)
                 }

lib/controllers/chat_message_controller.dart

@@ -2,11 +2,12 @@ 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/providers/database.dart';
 import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/user_directory.dart';
@@ -16,13 +17,13 @@ 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;
 
   StreamSubscription? _wsSubscription;
 
@@ -31,6 +32,7 @@ class ChatMessageController extends ChangeNotifier {
     _ud = context.read<UserDirectoryProvider>();
     _ws = context.read<WebSocketProvider>();
     _attach = context.read<SnAttachmentProvider>();
+    _dt = context.read<DatabaseProvider>();
   }
 
   bool isPending = true;
@@ -38,9 +40,9 @@ class ChatMessageController extends ChangeNotifier {
 
   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 +53,17 @@ 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 = SnChannelMember.fromJson(resp.data);
 
     _wsSubscription = _ws.pk.stream.listen((event) {
       switch (event.method) {
@@ -87,7 +81,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 +124,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 {
@@ -184,8 +185,21 @@ class ChatMessageController extends ChangeNotifier {
     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,7 +208,8 @@ 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;
             newBody.remove('related_event');
@@ -202,16 +217,24 @@ class ChatMessageController extends ChangeNotifier {
               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();
           }
         }
     }
@@ -233,7 +256,8 @@ class ChatMessageController extends ChangeNotifier {
       'algorithm': 'plain',
       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
@@ -287,20 +311,34 @@ 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;
     notifyListeners();
 
+    final mostRecentMessage = await (_dt.db.snLocalChatMessage.select()
+          ..limit(1)
+          ..orderBy([
+            (e) =>
+                OrderingTerm(expression: e.createdAt, mode: OrderingMode.desc)
+          ]))
+        .getSingleOrNull();
+    if (mostRecentMessage == null) {
+      // Initial load
+      await loadMessages(take: 20);
+      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;
@@ -316,6 +354,12 @@ class ChatMessageController extends ChangeNotifier {
     } finally {
       await loadMessages();
       isLoading = false;
+
+      isCheckedUpdate = true;
+      _saveMessageToLocal(incomeStrandedQueue).then((_) {
+        incomeStrandedQueue.clear();
+      });
+
       notifyListeners();
     }
   }
@@ -324,13 +368,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 +413,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 +462,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 +471,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;
@@ -443,7 +501,6 @@ class ChatMessageController extends ChangeNotifier {
 
   @override
   void dispose() {
-    _box?.close();
     _wsSubscription?.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';
@@ -158,6 +159,15 @@ 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)]);
+          }
+        },
+      );
+
   bool _temporarySaveActive = false;
 
   PostWriteController({bool doLoadFromTemporary = true}) {
@@ -188,6 +198,7 @@ class PostWriteController extends ChangeNotifier {
   bool isLoading = false, isBusy = false;
   double? progress;
 
+  SnRealm? realm;
   SnPublisher? publisher;
   SnPost? editingPost, repostingPost, replyingPost;
 
@@ -236,6 +247,9 @@ class PostWriteController extends ChangeNotifier {
         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;
       }
@@ -371,6 +385,7 @@ class PostWriteController extends ChangeNotifier {
           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(),
         }),
       );
     });
@@ -401,6 +416,7 @@ class PostWriteController extends ChangeNotifier {
       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();
     });
@@ -517,6 +533,7 @@ class PostWriteController extends ChangeNotifier {
           if (reward != null) 'reward': reward,
           if (videoAttachment != null) 'video': videoAttachment!.rid,
           if (poll != null) 'poll': poll!.id,
+          if (realm != null) 'realm': realm!.id,
         },
         onSendProgress: (count, total) {
           progress = baseProgressVal + (count / total) * (kPostingProgressWeight / 2);
@@ -563,17 +580,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();
   }
 
@@ -625,6 +633,11 @@ class PostWriteController extends ChangeNotifier {
     notifyListeners();
   }
 
+  void setRealm(SnRealm? value) {
+    realm = value;
+    notifyListeners();
+  }
+
   void setProgress(double? value) {
     progress = value;
     _temporaryPlanSave();

lib/database/chat.dart

@@ -0,0 +1,74 @@
+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();
+  }
+}
+
+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();
+  }
+}
+
+class SnLocalChatMessage extends Table {
+  IntColumn get id => integer().autoIncrement()();
+
+  IntColumn get channelId => integer()();
+
+  TextColumn get content => text().map(const SnMessageConverter())();
+
+  DateTimeColumn get createdAt => dateTime().withDefault(currentDateAndTime)();
+}

lib/database/database.dart

@@ -0,0 +1,28 @@
+import 'package:drift/drift.dart';
+import 'package:drift_flutter/drift_flutter.dart';
+import 'package:path_provider/path_provider.dart';
+import 'package:surface/database/chat.dart';
+import 'package:surface/types/chat.dart';
+
+part 'database.g.dart';
+
+@DriftDatabase(tables: [SnLocalChatChannel, SnLocalChatMessage])
+class AppDatabase extends _$AppDatabase {
+  AppDatabase() : super(_openConnection());
+
+  @override
+  int get schemaVersion => 1;
+
+  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'),
+      ),
+    );
+  }
+}

lib/database/database.g.dart

@@ -0,0 +1,880 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'database.dart';
+
+// ignore_for_file: type=lint
+class $SnLocalChatChannelTable extends SnLocalChatChannel
+    with TableInfo<$SnLocalChatChannelTable, SnLocalChatChannelData> {
+  @override
+  final GeneratedDatabase attachedDatabase;
+  final String? _alias;
+  $SnLocalChatChannelTable(this.attachedDatabase, [this._alias]);
+  static const VerificationMeta _idMeta = const VerificationMeta('id');
+  @override
+  late final GeneratedColumn<int> id = GeneratedColumn<int>(
+      'id', aliasedName, false,
+      hasAutoIncrement: true,
+      type: DriftSqlType.int,
+      requiredDuringInsert: false,
+      defaultConstraints:
+          GeneratedColumn.constraintIsAlways('PRIMARY KEY AUTOINCREMENT'));
+  static const VerificationMeta _aliasMeta = const VerificationMeta('alias');
+  @override
+  late final GeneratedColumn<String> alias = GeneratedColumn<String>(
+      'alias', aliasedName, false,
+      type: DriftSqlType.string, requiredDuringInsert: true);
+  static const VerificationMeta _contentMeta =
+      const VerificationMeta('content');
+  @override
+  late final GeneratedColumnWithTypeConverter<SnChannel, String> content =
+      GeneratedColumn<String>('content', aliasedName, false,
+              type: DriftSqlType.string, requiredDuringInsert: true)
+          .withConverter<SnChannel>($SnLocalChatChannelTable.$convertercontent);
+  static const VerificationMeta _createdAtMeta =
+      const VerificationMeta('createdAt');
+  @override
+  late final GeneratedColumn<DateTime> createdAt = GeneratedColumn<DateTime>(
+      'created_at', aliasedName, false,
+      type: DriftSqlType.dateTime,
+      requiredDuringInsert: false,
+      defaultValue: currentDateAndTime);
+  @override
+  List<GeneratedColumn> get $columns => [id, alias, content, createdAt];
+  @override
+  String get aliasedName => _alias ?? actualTableName;
+  @override
+  String get actualTableName => $name;
+  static const String $name = 'sn_local_chat_channel';
+  @override
+  VerificationContext validateIntegrity(
+      Insertable<SnLocalChatChannelData> instance,
+      {bool isInserting = false}) {
+    final context = VerificationContext();
+    final data = instance.toColumns(true);
+    if (data.containsKey('id')) {
+      context.handle(_idMeta, id.isAcceptableOrUnknown(data['id']!, _idMeta));
+    }
+    if (data.containsKey('alias')) {
+      context.handle(
+          _aliasMeta, alias.isAcceptableOrUnknown(data['alias']!, _aliasMeta));
+    } else if (isInserting) {
+      context.missing(_aliasMeta);
+    }
+    context.handle(_contentMeta, const VerificationResult.success());
+    if (data.containsKey('created_at')) {
+      context.handle(_createdAtMeta,
+          createdAt.isAcceptableOrUnknown(data['created_at']!, _createdAtMeta));
+    }
+    return context;
+  }
+
+  @override
+  Set<GeneratedColumn> get $primaryKey => {id};
+  @override
+  SnLocalChatChannelData map(Map<String, dynamic> data, {String? tablePrefix}) {
+    final effectivePrefix = tablePrefix != null ? '$tablePrefix.' : '';
+    return SnLocalChatChannelData(
+      id: attachedDatabase.typeMapping
+          .read(DriftSqlType.int, data['${effectivePrefix}id'])!,
+      alias: attachedDatabase.typeMapping
+          .read(DriftSqlType.string, data['${effectivePrefix}alias'])!,
+      content: $SnLocalChatChannelTable.$convertercontent.fromSql(
+          attachedDatabase.typeMapping
+              .read(DriftSqlType.string, data['${effectivePrefix}content'])!),
+      createdAt: attachedDatabase.typeMapping
+          .read(DriftSqlType.dateTime, data['${effectivePrefix}created_at'])!,
+    );
+  }
+
+  @override
+  $SnLocalChatChannelTable createAlias(String alias) {
+    return $SnLocalChatChannelTable(attachedDatabase, alias);
+  }
+
+  static JsonTypeConverter2<SnChannel, String, Map<String, Object?>>
+      $convertercontent = const SnChannelConverter();
+}
+
+class SnLocalChatChannelData extends DataClass
+    implements Insertable<SnLocalChatChannelData> {
+  final int id;
+  final String alias;
+  final SnChannel content;
+  final DateTime createdAt;
+  const SnLocalChatChannelData(
+      {required this.id,
+      required this.alias,
+      required this.content,
+      required this.createdAt});
+  @override
+  Map<String, Expression> toColumns(bool nullToAbsent) {
+    final map = <String, Expression>{};
+    map['id'] = Variable<int>(id);
+    map['alias'] = Variable<String>(alias);
+    {
+      map['content'] = Variable<String>(
+          $SnLocalChatChannelTable.$convertercontent.toSql(content));
+    }
+    map['created_at'] = Variable<DateTime>(createdAt);
+    return map;
+  }
+
+  SnLocalChatChannelCompanion toCompanion(bool nullToAbsent) {
+    return SnLocalChatChannelCompanion(
+      id: Value(id),
+      alias: Value(alias),
+      content: Value(content),
+      createdAt: Value(createdAt),
+    );
+  }
+
+  factory SnLocalChatChannelData.fromJson(Map<String, dynamic> json,
+      {ValueSerializer? serializer}) {
+    serializer ??= driftRuntimeOptions.defaultSerializer;
+    return SnLocalChatChannelData(
+      id: serializer.fromJson<int>(json['id']),
+      alias: serializer.fromJson<String>(json['alias']),
+      content: $SnLocalChatChannelTable.$convertercontent
+          .fromJson(serializer.fromJson<Map<String, Object?>>(json['content'])),
+      createdAt: serializer.fromJson<DateTime>(json['createdAt']),
+    );
+  }
+  @override
+  Map<String, dynamic> toJson({ValueSerializer? serializer}) {
+    serializer ??= driftRuntimeOptions.defaultSerializer;
+    return <String, dynamic>{
+      'id': serializer.toJson<int>(id),
+      'alias': serializer.toJson<String>(alias),
+      'content': serializer.toJson<Map<String, Object?>>(
+          $SnLocalChatChannelTable.$convertercontent.toJson(content)),
+      'createdAt': serializer.toJson<DateTime>(createdAt),
+    };
+  }
+
+  SnLocalChatChannelData copyWith(
+          {int? id, String? alias, SnChannel? content, DateTime? createdAt}) =>
+      SnLocalChatChannelData(
+        id: id ?? this.id,
+        alias: alias ?? this.alias,
+        content: content ?? this.content,
+        createdAt: createdAt ?? this.createdAt,
+      );
+  SnLocalChatChannelData copyWithCompanion(SnLocalChatChannelCompanion data) {
+    return SnLocalChatChannelData(
+      id: data.id.present ? data.id.value : this.id,
+      alias: data.alias.present ? data.alias.value : this.alias,
+      content: data.content.present ? data.content.value : this.content,
+      createdAt: data.createdAt.present ? data.createdAt.value : this.createdAt,
+    );
+  }
+
+  @override
+  String toString() {
+    return (StringBuffer('SnLocalChatChannelData(')
+          ..write('id: $id, ')
+          ..write('alias: $alias, ')
+          ..write('content: $content, ')
+          ..write('createdAt: $createdAt')
+          ..write(')'))
+        .toString();
+  }
+
+  @override
+  int get hashCode => Object.hash(id, alias, content, createdAt);
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      (other is SnLocalChatChannelData &&
+          other.id == this.id &&
+          other.alias == this.alias &&
+          other.content == this.content &&
+          other.createdAt == this.createdAt);
+}
+
+class SnLocalChatChannelCompanion
+    extends UpdateCompanion<SnLocalChatChannelData> {
+  final Value<int> id;
+  final Value<String> alias;
+  final Value<SnChannel> content;
+  final Value<DateTime> createdAt;
+  const SnLocalChatChannelCompanion({
+    this.id = const Value.absent(),
+    this.alias = const Value.absent(),
+    this.content = const Value.absent(),
+    this.createdAt = const Value.absent(),
+  });
+  SnLocalChatChannelCompanion.insert({
+    this.id = const Value.absent(),
+    required String alias,
+    required SnChannel content,
+    this.createdAt = const Value.absent(),
+  })  : alias = Value(alias),
+        content = Value(content);
+  static Insertable<SnLocalChatChannelData> custom({
+    Expression<int>? id,
+    Expression<String>? alias,
+    Expression<String>? content,
+    Expression<DateTime>? createdAt,
+  }) {
+    return RawValuesInsertable({
+      if (id != null) 'id': id,
+      if (alias != null) 'alias': alias,
+      if (content != null) 'content': content,
+      if (createdAt != null) 'created_at': createdAt,
+    });
+  }
+
+  SnLocalChatChannelCompanion copyWith(
+      {Value<int>? id,
+      Value<String>? alias,
+      Value<SnChannel>? content,
+      Value<DateTime>? createdAt}) {
+    return SnLocalChatChannelCompanion(
+      id: id ?? this.id,
+      alias: alias ?? this.alias,
+      content: content ?? this.content,
+      createdAt: createdAt ?? this.createdAt,
+    );
+  }
+
+  @override
+  Map<String, Expression> toColumns(bool nullToAbsent) {
+    final map = <String, Expression>{};
+    if (id.present) {
+      map['id'] = Variable<int>(id.value);
+    }
+    if (alias.present) {
+      map['alias'] = Variable<String>(alias.value);
+    }
+    if (content.present) {
+      map['content'] = Variable<String>(
+          $SnLocalChatChannelTable.$convertercontent.toSql(content.value));
+    }
+    if (createdAt.present) {
+      map['created_at'] = Variable<DateTime>(createdAt.value);
+    }
+    return map;
+  }
+
+  @override
+  String toString() {
+    return (StringBuffer('SnLocalChatChannelCompanion(')
+          ..write('id: $id, ')
+          ..write('alias: $alias, ')
+          ..write('content: $content, ')
+          ..write('createdAt: $createdAt')
+          ..write(')'))
+        .toString();
+  }
+}
+
+class $SnLocalChatMessageTable extends SnLocalChatMessage
+    with TableInfo<$SnLocalChatMessageTable, SnLocalChatMessageData> {
+  @override
+  final GeneratedDatabase attachedDatabase;
+  final String? _alias;
+  $SnLocalChatMessageTable(this.attachedDatabase, [this._alias]);
+  static const VerificationMeta _idMeta = const VerificationMeta('id');
+  @override
+  late final GeneratedColumn<int> id = GeneratedColumn<int>(
+      'id', aliasedName, false,
+      hasAutoIncrement: true,
+      type: DriftSqlType.int,
+      requiredDuringInsert: false,
+      defaultConstraints:
+          GeneratedColumn.constraintIsAlways('PRIMARY KEY AUTOINCREMENT'));
+  static const VerificationMeta _channelIdMeta =
+      const VerificationMeta('channelId');
+  @override
+  late final GeneratedColumn<int> channelId = GeneratedColumn<int>(
+      'channel_id', aliasedName, false,
+      type: DriftSqlType.int, requiredDuringInsert: true);
+  static const VerificationMeta _contentMeta =
+      const VerificationMeta('content');
+  @override
+  late final GeneratedColumnWithTypeConverter<SnChatMessage, String> content =
+      GeneratedColumn<String>('content', aliasedName, false,
+              type: DriftSqlType.string, requiredDuringInsert: true)
+          .withConverter<SnChatMessage>(
+              $SnLocalChatMessageTable.$convertercontent);
+  static const VerificationMeta _createdAtMeta =
+      const VerificationMeta('createdAt');
+  @override
+  late final GeneratedColumn<DateTime> createdAt = GeneratedColumn<DateTime>(
+      'created_at', aliasedName, false,
+      type: DriftSqlType.dateTime,
+      requiredDuringInsert: false,
+      defaultValue: currentDateAndTime);
+  @override
+  List<GeneratedColumn> get $columns => [id, channelId, content, createdAt];
+  @override
+  String get aliasedName => _alias ?? actualTableName;
+  @override
+  String get actualTableName => $name;
+  static const String $name = 'sn_local_chat_message';
+  @override
+  VerificationContext validateIntegrity(
+      Insertable<SnLocalChatMessageData> instance,
+      {bool isInserting = false}) {
+    final context = VerificationContext();
+    final data = instance.toColumns(true);
+    if (data.containsKey('id')) {
+      context.handle(_idMeta, id.isAcceptableOrUnknown(data['id']!, _idMeta));
+    }
+    if (data.containsKey('channel_id')) {
+      context.handle(_channelIdMeta,
+          channelId.isAcceptableOrUnknown(data['channel_id']!, _channelIdMeta));
+    } else if (isInserting) {
+      context.missing(_channelIdMeta);
+    }
+    context.handle(_contentMeta, const VerificationResult.success());
+    if (data.containsKey('created_at')) {
+      context.handle(_createdAtMeta,
+          createdAt.isAcceptableOrUnknown(data['created_at']!, _createdAtMeta));
+    }
+    return context;
+  }
+
+  @override
+  Set<GeneratedColumn> get $primaryKey => {id};
+  @override
+  SnLocalChatMessageData map(Map<String, dynamic> data, {String? tablePrefix}) {
+    final effectivePrefix = tablePrefix != null ? '$tablePrefix.' : '';
+    return SnLocalChatMessageData(
+      id: attachedDatabase.typeMapping
+          .read(DriftSqlType.int, data['${effectivePrefix}id'])!,
+      channelId: attachedDatabase.typeMapping
+          .read(DriftSqlType.int, data['${effectivePrefix}channel_id'])!,
+      content: $SnLocalChatMessageTable.$convertercontent.fromSql(
+          attachedDatabase.typeMapping
+              .read(DriftSqlType.string, data['${effectivePrefix}content'])!),
+      createdAt: attachedDatabase.typeMapping
+          .read(DriftSqlType.dateTime, data['${effectivePrefix}created_at'])!,
+    );
+  }
+
+  @override
+  $SnLocalChatMessageTable createAlias(String alias) {
+    return $SnLocalChatMessageTable(attachedDatabase, alias);
+  }
+
+  static JsonTypeConverter2<SnChatMessage, String, Map<String, Object?>>
+      $convertercontent = const SnMessageConverter();
+}
+
+class SnLocalChatMessageData extends DataClass
+    implements Insertable<SnLocalChatMessageData> {
+  final int id;
+  final int channelId;
+  final SnChatMessage content;
+  final DateTime createdAt;
+  const SnLocalChatMessageData(
+      {required this.id,
+      required this.channelId,
+      required this.content,
+      required this.createdAt});
+  @override
+  Map<String, Expression> toColumns(bool nullToAbsent) {
+    final map = <String, Expression>{};
+    map['id'] = Variable<int>(id);
+    map['channel_id'] = Variable<int>(channelId);
+    {
+      map['content'] = Variable<String>(
+          $SnLocalChatMessageTable.$convertercontent.toSql(content));
+    }
+    map['created_at'] = Variable<DateTime>(createdAt);
+    return map;
+  }
+
+  SnLocalChatMessageCompanion toCompanion(bool nullToAbsent) {
+    return SnLocalChatMessageCompanion(
+      id: Value(id),
+      channelId: Value(channelId),
+      content: Value(content),
+      createdAt: Value(createdAt),
+    );
+  }
+
+  factory SnLocalChatMessageData.fromJson(Map<String, dynamic> json,
+      {ValueSerializer? serializer}) {
+    serializer ??= driftRuntimeOptions.defaultSerializer;
+    return SnLocalChatMessageData(
+      id: serializer.fromJson<int>(json['id']),
+      channelId: serializer.fromJson<int>(json['channelId']),
+      content: $SnLocalChatMessageTable.$convertercontent
+          .fromJson(serializer.fromJson<Map<String, Object?>>(json['content'])),
+      createdAt: serializer.fromJson<DateTime>(json['createdAt']),
+    );
+  }
+  @override
+  Map<String, dynamic> toJson({ValueSerializer? serializer}) {
+    serializer ??= driftRuntimeOptions.defaultSerializer;
+    return <String, dynamic>{
+      'id': serializer.toJson<int>(id),
+      'channelId': serializer.toJson<int>(channelId),
+      'content': serializer.toJson<Map<String, Object?>>(
+          $SnLocalChatMessageTable.$convertercontent.toJson(content)),
+      'createdAt': serializer.toJson<DateTime>(createdAt),
+    };
+  }
+
+  SnLocalChatMessageData copyWith(
+          {int? id,
+          int? channelId,
+          SnChatMessage? content,
+          DateTime? createdAt}) =>
+      SnLocalChatMessageData(
+        id: id ?? this.id,
+        channelId: channelId ?? this.channelId,
+        content: content ?? this.content,
+        createdAt: createdAt ?? this.createdAt,
+      );
+  SnLocalChatMessageData copyWithCompanion(SnLocalChatMessageCompanion data) {
+    return SnLocalChatMessageData(
+      id: data.id.present ? data.id.value : this.id,
+      channelId: data.channelId.present ? data.channelId.value : this.channelId,
+      content: data.content.present ? data.content.value : this.content,
+      createdAt: data.createdAt.present ? data.createdAt.value : this.createdAt,
+    );
+  }
+
+  @override
+  String toString() {
+    return (StringBuffer('SnLocalChatMessageData(')
+          ..write('id: $id, ')
+          ..write('channelId: $channelId, ')
+          ..write('content: $content, ')
+          ..write('createdAt: $createdAt')
+          ..write(')'))
+        .toString();
+  }
+
+  @override
+  int get hashCode => Object.hash(id, channelId, content, createdAt);
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      (other is SnLocalChatMessageData &&
+          other.id == this.id &&
+          other.channelId == this.channelId &&
+          other.content == this.content &&
+          other.createdAt == this.createdAt);
+}
+
+class SnLocalChatMessageCompanion
+    extends UpdateCompanion<SnLocalChatMessageData> {
+  final Value<int> id;
+  final Value<int> channelId;
+  final Value<SnChatMessage> content;
+  final Value<DateTime> createdAt;
+  const SnLocalChatMessageCompanion({
+    this.id = const Value.absent(),
+    this.channelId = const Value.absent(),
+    this.content = const Value.absent(),
+    this.createdAt = const Value.absent(),
+  });
+  SnLocalChatMessageCompanion.insert({
+    this.id = const Value.absent(),
+    required int channelId,
+    required SnChatMessage content,
+    this.createdAt = const Value.absent(),
+  })  : channelId = Value(channelId),
+        content = Value(content);
+  static Insertable<SnLocalChatMessageData> custom({
+    Expression<int>? id,
+    Expression<int>? channelId,
+    Expression<String>? content,
+    Expression<DateTime>? createdAt,
+  }) {
+    return RawValuesInsertable({
+      if (id != null) 'id': id,
+      if (channelId != null) 'channel_id': channelId,
+      if (content != null) 'content': content,
+      if (createdAt != null) 'created_at': createdAt,
+    });
+  }
+
+  SnLocalChatMessageCompanion copyWith(
+      {Value<int>? id,
+      Value<int>? channelId,
+      Value<SnChatMessage>? content,
+      Value<DateTime>? createdAt}) {
+    return SnLocalChatMessageCompanion(
+      id: id ?? this.id,
+      channelId: channelId ?? this.channelId,
+      content: content ?? this.content,
+      createdAt: createdAt ?? this.createdAt,
+    );
+  }
+
+  @override
+  Map<String, Expression> toColumns(bool nullToAbsent) {
+    final map = <String, Expression>{};
+    if (id.present) {
+      map['id'] = Variable<int>(id.value);
+    }
+    if (channelId.present) {
+      map['channel_id'] = Variable<int>(channelId.value);
+    }
+    if (content.present) {
+      map['content'] = Variable<String>(
+          $SnLocalChatMessageTable.$convertercontent.toSql(content.value));
+    }
+    if (createdAt.present) {
+      map['created_at'] = Variable<DateTime>(createdAt.value);
+    }
+    return map;
+  }
+
+  @override
+  String toString() {
+    return (StringBuffer('SnLocalChatMessageCompanion(')
+          ..write('id: $id, ')
+          ..write('channelId: $channelId, ')
+          ..write('content: $content, ')
+          ..write('createdAt: $createdAt')
+          ..write(')'))
+        .toString();
+  }
+}
+
+abstract class _$AppDatabase extends GeneratedDatabase {
+  _$AppDatabase(QueryExecutor e) : super(e);
+  $AppDatabaseManager get managers => $AppDatabaseManager(this);
+  late final $SnLocalChatChannelTable snLocalChatChannel =
+      $SnLocalChatChannelTable(this);
+  late final $SnLocalChatMessageTable snLocalChatMessage =
+      $SnLocalChatMessageTable(this);
+  @override
+  Iterable<TableInfo<Table, Object?>> get allTables =>
+      allSchemaEntities.whereType<TableInfo<Table, Object?>>();
+  @override
+  List<DatabaseSchemaEntity> get allSchemaEntities =>
+      [snLocalChatChannel, snLocalChatMessage];
+}
+
+typedef $$SnLocalChatChannelTableCreateCompanionBuilder
+    = SnLocalChatChannelCompanion Function({
+  Value<int> id,
+  required String alias,
+  required SnChannel content,
+  Value<DateTime> createdAt,
+});
+typedef $$SnLocalChatChannelTableUpdateCompanionBuilder
+    = SnLocalChatChannelCompanion Function({
+  Value<int> id,
+  Value<String> alias,
+  Value<SnChannel> content,
+  Value<DateTime> createdAt,
+});
+
+class $$SnLocalChatChannelTableFilterComposer
+    extends Composer<_$AppDatabase, $SnLocalChatChannelTable> {
+  $$SnLocalChatChannelTableFilterComposer({
+    required super.$db,
+    required super.$table,
+    super.joinBuilder,
+    super.$addJoinBuilderToRootComposer,
+    super.$removeJoinBuilderFromRootComposer,
+  });
+  ColumnFilters<int> get id => $composableBuilder(
+      column: $table.id, builder: (column) => ColumnFilters(column));
+
+  ColumnFilters<String> get alias => $composableBuilder(
+      column: $table.alias, builder: (column) => ColumnFilters(column));
+
+  ColumnWithTypeConverterFilters<SnChannel, SnChannel, String> get content =>
+      $composableBuilder(
+          column: $table.content,
+          builder: (column) => ColumnWithTypeConverterFilters(column));
+
+  ColumnFilters<DateTime> get createdAt => $composableBuilder(
+      column: $table.createdAt, builder: (column) => ColumnFilters(column));
+}
+
+class $$SnLocalChatChannelTableOrderingComposer
+    extends Composer<_$AppDatabase, $SnLocalChatChannelTable> {
+  $$SnLocalChatChannelTableOrderingComposer({
+    required super.$db,
+    required super.$table,
+    super.joinBuilder,
+    super.$addJoinBuilderToRootComposer,
+    super.$removeJoinBuilderFromRootComposer,
+  });
+  ColumnOrderings<int> get id => $composableBuilder(
+      column: $table.id, builder: (column) => ColumnOrderings(column));
+
+  ColumnOrderings<String> get alias => $composableBuilder(
+      column: $table.alias, builder: (column) => ColumnOrderings(column));
+
+  ColumnOrderings<String> get content => $composableBuilder(
+      column: $table.content, builder: (column) => ColumnOrderings(column));
+
+  ColumnOrderings<DateTime> get createdAt => $composableBuilder(
+      column: $table.createdAt, builder: (column) => ColumnOrderings(column));
+}
+
+class $$SnLocalChatChannelTableAnnotationComposer
+    extends Composer<_$AppDatabase, $SnLocalChatChannelTable> {
+  $$SnLocalChatChannelTableAnnotationComposer({
+    required super.$db,
+    required super.$table,
+    super.joinBuilder,
+    super.$addJoinBuilderToRootComposer,
+    super.$removeJoinBuilderFromRootComposer,
+  });
+  GeneratedColumn<int> get id =>
+      $composableBuilder(column: $table.id, builder: (column) => column);
+
+  GeneratedColumn<String> get alias =>
+      $composableBuilder(column: $table.alias, builder: (column) => column);
+
+  GeneratedColumnWithTypeConverter<SnChannel, String> get content =>
+      $composableBuilder(column: $table.content, builder: (column) => column);
+
+  GeneratedColumn<DateTime> get createdAt =>
+      $composableBuilder(column: $table.createdAt, builder: (column) => column);
+}
+
+class $$SnLocalChatChannelTableTableManager extends RootTableManager<
+    _$AppDatabase,
+    $SnLocalChatChannelTable,
+    SnLocalChatChannelData,
+    $$SnLocalChatChannelTableFilterComposer,
+    $$SnLocalChatChannelTableOrderingComposer,
+    $$SnLocalChatChannelTableAnnotationComposer,
+    $$SnLocalChatChannelTableCreateCompanionBuilder,
+    $$SnLocalChatChannelTableUpdateCompanionBuilder,
+    (
+      SnLocalChatChannelData,
+      BaseReferences<_$AppDatabase, $SnLocalChatChannelTable,
+          SnLocalChatChannelData>
+    ),
+    SnLocalChatChannelData,
+    PrefetchHooks Function()> {
+  $$SnLocalChatChannelTableTableManager(
+      _$AppDatabase db, $SnLocalChatChannelTable table)
+      : super(TableManagerState(
+          db: db,
+          table: table,
+          createFilteringComposer: () =>
+              $$SnLocalChatChannelTableFilterComposer($db: db, $table: table),
+          createOrderingComposer: () =>
+              $$SnLocalChatChannelTableOrderingComposer($db: db, $table: table),
+          createComputedFieldComposer: () =>
+              $$SnLocalChatChannelTableAnnotationComposer(
+                  $db: db, $table: table),
+          updateCompanionCallback: ({
+            Value<int> id = const Value.absent(),
+            Value<String> alias = const Value.absent(),
+            Value<SnChannel> content = const Value.absent(),
+            Value<DateTime> createdAt = const Value.absent(),
+          }) =>
+              SnLocalChatChannelCompanion(
+            id: id,
+            alias: alias,
+            content: content,
+            createdAt: createdAt,
+          ),
+          createCompanionCallback: ({
+            Value<int> id = const Value.absent(),
+            required String alias,
+            required SnChannel content,
+            Value<DateTime> createdAt = const Value.absent(),
+          }) =>
+              SnLocalChatChannelCompanion.insert(
+            id: id,
+            alias: alias,
+            content: content,
+            createdAt: createdAt,
+          ),
+          withReferenceMapper: (p0) => p0
+              .map((e) => (e.readTable(table), BaseReferences(db, table, e)))
+              .toList(),
+          prefetchHooksCallback: null,
+        ));
+}
+
+typedef $$SnLocalChatChannelTableProcessedTableManager = ProcessedTableManager<
+    _$AppDatabase,
+    $SnLocalChatChannelTable,
+    SnLocalChatChannelData,
+    $$SnLocalChatChannelTableFilterComposer,
+    $$SnLocalChatChannelTableOrderingComposer,
+    $$SnLocalChatChannelTableAnnotationComposer,
+    $$SnLocalChatChannelTableCreateCompanionBuilder,
+    $$SnLocalChatChannelTableUpdateCompanionBuilder,
+    (
+      SnLocalChatChannelData,
+      BaseReferences<_$AppDatabase, $SnLocalChatChannelTable,
+          SnLocalChatChannelData>
+    ),
+    SnLocalChatChannelData,
+    PrefetchHooks Function()>;
+typedef $$SnLocalChatMessageTableCreateCompanionBuilder
+    = SnLocalChatMessageCompanion Function({
+  Value<int> id,
+  required int channelId,
+  required SnChatMessage content,
+  Value<DateTime> createdAt,
+});
+typedef $$SnLocalChatMessageTableUpdateCompanionBuilder
+    = SnLocalChatMessageCompanion Function({
+  Value<int> id,
+  Value<int> channelId,
+  Value<SnChatMessage> content,
+  Value<DateTime> createdAt,
+});
+
+class $$SnLocalChatMessageTableFilterComposer
+    extends Composer<_$AppDatabase, $SnLocalChatMessageTable> {
+  $$SnLocalChatMessageTableFilterComposer({
+    required super.$db,
+    required super.$table,
+    super.joinBuilder,
+    super.$addJoinBuilderToRootComposer,
+    super.$removeJoinBuilderFromRootComposer,
+  });
+  ColumnFilters<int> get id => $composableBuilder(
+      column: $table.id, builder: (column) => ColumnFilters(column));
+
+  ColumnFilters<int> get channelId => $composableBuilder(
+      column: $table.channelId, builder: (column) => ColumnFilters(column));
+
+  ColumnWithTypeConverterFilters<SnChatMessage, SnChatMessage, String>
+      get content => $composableBuilder(
+          column: $table.content,
+          builder: (column) => ColumnWithTypeConverterFilters(column));
+
+  ColumnFilters<DateTime> get createdAt => $composableBuilder(
+      column: $table.createdAt, builder: (column) => ColumnFilters(column));
+}
+
+class $$SnLocalChatMessageTableOrderingComposer
+    extends Composer<_$AppDatabase, $SnLocalChatMessageTable> {
+  $$SnLocalChatMessageTableOrderingComposer({
+    required super.$db,
+    required super.$table,
+    super.joinBuilder,
+    super.$addJoinBuilderToRootComposer,
+    super.$removeJoinBuilderFromRootComposer,
+  });
+  ColumnOrderings<int> get id => $composableBuilder(
+      column: $table.id, builder: (column) => ColumnOrderings(column));
+
+  ColumnOrderings<int> get channelId => $composableBuilder(
+      column: $table.channelId, builder: (column) => ColumnOrderings(column));
+
+  ColumnOrderings<String> get content => $composableBuilder(
+      column: $table.content, builder: (column) => ColumnOrderings(column));
+
+  ColumnOrderings<DateTime> get createdAt => $composableBuilder(
+      column: $table.createdAt, builder: (column) => ColumnOrderings(column));
+}
+
+class $$SnLocalChatMessageTableAnnotationComposer
+    extends Composer<_$AppDatabase, $SnLocalChatMessageTable> {
+  $$SnLocalChatMessageTableAnnotationComposer({
+    required super.$db,
+    required super.$table,
+    super.joinBuilder,
+    super.$addJoinBuilderToRootComposer,
+    super.$removeJoinBuilderFromRootComposer,
+  });
+  GeneratedColumn<int> get id =>
+      $composableBuilder(column: $table.id, builder: (column) => column);
+
+  GeneratedColumn<int> get channelId =>
+      $composableBuilder(column: $table.channelId, builder: (column) => column);
+
+  GeneratedColumnWithTypeConverter<SnChatMessage, String> get content =>
+      $composableBuilder(column: $table.content, builder: (column) => column);
+
+  GeneratedColumn<DateTime> get createdAt =>
+      $composableBuilder(column: $table.createdAt, builder: (column) => column);
+}
+
+class $$SnLocalChatMessageTableTableManager extends RootTableManager<
+    _$AppDatabase,
+    $SnLocalChatMessageTable,
+    SnLocalChatMessageData,
+    $$SnLocalChatMessageTableFilterComposer,
+    $$SnLocalChatMessageTableOrderingComposer,
+    $$SnLocalChatMessageTableAnnotationComposer,
+    $$SnLocalChatMessageTableCreateCompanionBuilder,
+    $$SnLocalChatMessageTableUpdateCompanionBuilder,
+    (
+      SnLocalChatMessageData,
+      BaseReferences<_$AppDatabase, $SnLocalChatMessageTable,
+          SnLocalChatMessageData>
+    ),
+    SnLocalChatMessageData,
+    PrefetchHooks Function()> {
+  $$SnLocalChatMessageTableTableManager(
+      _$AppDatabase db, $SnLocalChatMessageTable table)
+      : super(TableManagerState(
+          db: db,
+          table: table,
+          createFilteringComposer: () =>
+              $$SnLocalChatMessageTableFilterComposer($db: db, $table: table),
+          createOrderingComposer: () =>
+              $$SnLocalChatMessageTableOrderingComposer($db: db, $table: table),
+          createComputedFieldComposer: () =>
+              $$SnLocalChatMessageTableAnnotationComposer(
+                  $db: db, $table: table),
+          updateCompanionCallback: ({
+            Value<int> id = const Value.absent(),
+            Value<int> channelId = const Value.absent(),
+            Value<SnChatMessage> content = const Value.absent(),
+            Value<DateTime> createdAt = const Value.absent(),
+          }) =>
+              SnLocalChatMessageCompanion(
+            id: id,
+            channelId: channelId,
+            content: content,
+            createdAt: createdAt,
+          ),
+          createCompanionCallback: ({
+            Value<int> id = const Value.absent(),
+            required int channelId,
+            required SnChatMessage content,
+            Value<DateTime> createdAt = const Value.absent(),
+          }) =>
+              SnLocalChatMessageCompanion.insert(
+            id: id,
+            channelId: channelId,
+            content: content,
+            createdAt: createdAt,
+          ),
+          withReferenceMapper: (p0) => p0
+              .map((e) => (e.readTable(table), BaseReferences(db, table, e)))
+              .toList(),
+          prefetchHooksCallback: null,
+        ));
+}
+
+typedef $$SnLocalChatMessageTableProcessedTableManager = ProcessedTableManager<
+    _$AppDatabase,
+    $SnLocalChatMessageTable,
+    SnLocalChatMessageData,
+    $$SnLocalChatMessageTableFilterComposer,
+    $$SnLocalChatMessageTableOrderingComposer,
+    $$SnLocalChatMessageTableAnnotationComposer,
+    $$SnLocalChatMessageTableCreateCompanionBuilder,
+    $$SnLocalChatMessageTableUpdateCompanionBuilder,
+    (
+      SnLocalChatMessageData,
+      BaseReferences<_$AppDatabase, $SnLocalChatMessageTable,
+          SnLocalChatMessageData>
+    ),
+    SnLocalChatMessageData,
+    PrefetchHooks Function()>;
+
+class $AppDatabaseManager {
+  final _$AppDatabase _db;
+  $AppDatabaseManager(this._db);
+  $$SnLocalChatChannelTableTableManager get snLocalChatChannel =>
+      $$SnLocalChatChannelTableTableManager(_db, _db.snLocalChatChannel);
+  $$SnLocalChatMessageTableTableManager get snLocalChatMessage =>
+      $$SnLocalChatMessageTableTableManager(_db, _db.snLocalChatMessage);
+}

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/main.dart

@@ -24,6 +24,7 @@ import 'package:surface/firebase_options.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/link_preview.dart';
 import 'package:surface/providers/navigation.dart';
 import 'package:surface/providers/notification.dart';
@@ -31,6 +32,7 @@ import 'package:surface/providers/post.dart';
 import 'package:surface/providers/relationship.dart';
 import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/sn_realm.dart';
 import 'package:surface/providers/sn_sticker.dart';
 import 'package:surface/providers/special_day.dart';
 import 'package:surface/providers/theme.dart';
@@ -69,20 +71,6 @@ void appBackgroundDispatcher() {
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
-  await EasyLocalization.ensureInitialized();
-
-  await Hive.initFlutter();
-  Hive.registerAdapter(SnChannelImplAdapter());
-  Hive.registerAdapter(SnRealmImplAdapter());
-  Hive.registerAdapter(SnChannelMemberImplAdapter());
-  Hive.registerAdapter(SnChatMessageImplAdapter());
-
-  await Firebase.initializeApp(
-    options: DefaultFirebaseOptions.currentPlatform,
-  );
-
-  GoRouter.optionURLReflectsImperativeAPIs = true;
-  usePathUrlStrategy();
 
   if (!kIsWeb && (Platform.isWindows || Platform.isLinux || Platform.isMacOS)) {
     doWhenWindowReady(() {
@@ -93,6 +81,23 @@ 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) {
+    await Firebase.initializeApp(
+      options: DefaultFirebaseOptions.currentPlatform,
+    );
+  }
+
+  GoRouter.optionURLReflectsImperativeAPIs = true;
+  usePathUrlStrategy();
+
   if (!kIsWeb && (Platform.isAndroid || Platform.isIOS)) {
     Workmanager().initialize(
       appBackgroundDispatcher,
@@ -138,6 +143,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)),
 
@@ -152,6 +160,7 @@ 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)),
@@ -424,8 +433,16 @@ class _AppSplashScreenState extends State<_AppSplashScreen> with TrayListener {
         });
         return false;
       },
-      child: SizeChangedLayoutNotifier(
-        child: widget.child,
+      child: OrientationBuilder(
+        builder: (context, orientation) {
+          final cfg = context.read<ConfigProvider>();
+          WidgetsBinding.instance.addPostFrameCallback((_) {
+            cfg.calcDrawerSize(context);
+          });
+          return SizeChangedLayoutNotifier(
+            child: widget.child,
+          );
+        },
       ),
     );
   }

lib/providers/channel.dart

@@ -1,7 +1,11 @@
+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/user_directory.dart';
 import 'package:surface/types/chat.dart';
@@ -12,12 +16,12 @@ class ChatChannelProvider extends ChangeNotifier {
 
   late final SnNetworkProvider _sn;
   late final UserDirectoryProvider _ud;
-
-  Box<SnChannel>? get _channelBox => Hive.box<SnChannel>(kChatChannelBoxName);
+  late final DatabaseProvider _dt;
 
   ChatChannelProvider(BuildContext context) {
     _sn = context.read<SnNetworkProvider>();
     _ud = context.read<UserDirectoryProvider>();
+    _dt = context.read<DatabaseProvider>();
     _initializeLocalData();
   }
 
@@ -26,10 +30,23 @@ class ChatChannelProvider extends ChangeNotifier {
   }
 
   Future<void> _saveChannelToLocal(Iterable<SnChannel> channels) async {
-    if (_channelBox == null) return;
-    await _channelBox!.putAll({
-      for (final channel in channels) channel.key: channel,
-    });
+    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({
@@ -54,12 +71,13 @@ 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) return local.content;
 
-    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
@@ -77,8 +95,19 @@ 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();
+  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();
+      yield local.map((e) => e.content).toList();
+    }
+
+    if (noRemote) return;
 
     var resp = await _sn.client.get('/cgi/id/realms/me/available');
     final realms = List<SnRealm>.from(
@@ -120,23 +149,23 @@ class ChatChannelProvider extends ChangeNotifier {
   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;
-  }
-
-  @override
-  void dispose() {
-    _channelBox?.close();
-    super.dispose();
+    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;
   }
 }

lib/providers/config.dart

@@ -17,6 +17,7 @@ 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 Map<String, FilterQuality> kImageQualityLevel = {
   'settingsImageQualityLowest': FilterQuality.none,
@@ -45,8 +46,8 @@ class ConfigProvider extends ChangeNotifier {
     bool newDrawerIsCollapsed = false;
     bool newDrawerIsExpanded = false;
     if (withMediaQuery) {
-      newDrawerIsCollapsed = MediaQuery.of(context).size.width < 450;
-      newDrawerIsExpanded = MediaQuery.of(context).size.width >= 451;
+      newDrawerIsCollapsed = MediaQuery.of(context).size.width < 600;
+      newDrawerIsExpanded = MediaQuery.of(context).size.width >= 601;
     } else {
       final rpb = ResponsiveBreakpoints.of(context);
       newDrawerIsCollapsed = rpb.smallerOrEqualTo(MOBILE);
@@ -72,6 +73,13 @@ class ConfigProvider extends ChangeNotifier {
     return prefs.getString(kNetworkServerStoreKey) ?? kNetworkServerDefault;
   }
 
+  bool get realmCompactView {
+    return prefs.getBool(kAppRealmCompactView) ?? false;
+  }
+  set realmCompactView(bool value) {
+    prefs.setBool(kAppRealmCompactView, value);
+  }
+
   set serverUrl(String url) {
     prefs.setString(kNetworkServerStoreKey, url);
     _home.saveWidgetData("nex_server_url", url);

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/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 {
@@ -42,9 +46,13 @@ class SnPostContentProvider {
     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(
@@ -52,6 +60,7 @@ class SnPostContentProvider {
           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,
         ),
       );
     }
@@ -81,9 +90,13 @@ class SnPostContentProvider {
     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(
@@ -91,6 +104,7 @@ class SnPostContentProvider {
         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,
       ),
     );
 
@@ -112,6 +126,8 @@ class SnPostContentProvider {
     String? author,
     Iterable<String>? categories,
     Iterable<String>? tags,
+    String? realm,
+    String? channel,
   }) async {
     final resp = await _sn.client.get('/cgi/co/posts', queryParameters: {
       'take': take,
@@ -120,6 +136,8 @@ class SnPostContentProvider {
       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)) ?? []),

lib/providers/sn_realm.dart

@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/realm.dart';
+
+class SnRealmProvider {
+  late final SnNetworkProvider _sn;
+
+  SnRealmProvider(BuildContext context) {
+    _sn = context.read<SnNetworkProvider>();
+  }
+
+  final Map<String, SnRealm> _cache = {};
+
+  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;
+    }
+    return out;
+  }
+
+  Future<SnRealm> getRealm(dynamic aliasOrId) async {
+    if (_cache.containsKey(aliasOrId.toString())) {
+      return _cache[aliasOrId.toString()]!;
+    }
+    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;
+    return out;
+  }
+}

lib/providers/user_directory.dart

@@ -14,9 +14,32 @@ class UserDirectoryProvider {
   final Map<int, SnAccount> _cache = {};
 
   Future<List<SnAccount?>> listAccount(Iterable<dynamic> id) async {
-    final out = await Future.wait(
-      id.map((e) => getAccount(e)),
-    );
+    final out = List<SnAccount?>.generate(id.length, (e) => null);
+    final plannedQuery = <int>{};
+    for (var idx = 0; idx < out.length; idx++) {
+      var item = id.elementAt(idx);
+      if (item is String && _idCache.containsKey(item)) {
+        item = _idCache[item];
+      }
+      if (_cache.containsKey(item)) {
+        out[idx] = _cache[item];
+      } else {
+        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();
+    var sideIdx = 0;
+    for (var idx = 0; idx < out.length; idx++) {
+      if (out[idx] != null) continue;
+      if (respDecoded.length <= sideIdx) {
+        break;
+      }
+      out[idx] = respDecoded[sideIdx];
+      _cache[respDecoded[sideIdx].id] = out[idx]!;
+      _idCache[respDecoded[sideIdx].name] = respDecoded[sideIdx].id;
+      sideIdx++;
+    }
     return out;
   }
 

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/chat.dart

@@ -6,7 +6,9 @@ import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.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/types/chat.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/account/account_select.dart';
@@ -17,9 +19,6 @@ 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});
 
@@ -35,7 +34,7 @@ class _ChatScreenState extends State<ChatScreen> {
   List<SnChannel>? _channels;
   Map<int, SnChatMessage>? _lastMessages;
 
-  void _refreshChannels() {
+  void _refreshChannels({bool noRemote = false}) {
     final ua = context.read<UserProvider>();
     if (!ua.isAuthorized) {
       setState(() => _isBusy = false);
@@ -43,12 +42,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;
@@ -86,7 +88,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 +101,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();
@@ -144,20 +148,27 @@ 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,
+          foregroundColor:
+              Theme.of(context).floatingActionButtonTheme.foregroundColor,
+          backgroundColor:
+              Theme.of(context).floatingActionButtonTheme.backgroundColor,
           shape: const CircleBorder(),
         ),
         closeButtonBuilder: DefaultFloatingActionButtonBuilder(
           child: const Icon(Symbols.close, size: 28),
           fabSize: ExpandableFabSize.regular,
-          foregroundColor: Theme.of(context).floatingActionButtonTheme.foregroundColor,
-          backgroundColor: Theme.of(context).floatingActionButtonTheme.backgroundColor,
+          foregroundColor:
+              Theme.of(context).floatingActionButtonTheme.foregroundColor,
+          backgroundColor:
+              Theme.of(context).floatingActionButtonTheme.backgroundColor,
           shape: const CircleBorder(),
         ),
         children: [
@@ -208,13 +219,17 @@ class _ChatScreenState extends State<ChatScreen> {
                     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
+                                .getAccountFromCache(otherMember?.accountId)
+                                ?.nick ??
+                            channel.name),
                         subtitle: lastMessage != null
                             ? Text(
                                 '${ud.getAccountFromCache(lastMessage.sender.accountId)?.nick}: ${lastMessage.body['text'] ?? 'Unable preview'}',
@@ -228,9 +243,12 @@ class _ChatScreenState extends State<ChatScreen> {
                                 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
+                              .getAccountFromCache(otherMember?.accountId)
+                              ?.avatar,
                         ),
                         onTap: () {
                           GoRouter.of(context).pushNamed(
@@ -240,7 +258,7 @@ class _ChatScreenState extends State<ChatScreen> {
                               'alias': channel.alias,
                             },
                           ).then((value) {
-                            if (mounted) _refreshChannels();
+                            if (mounted) _refreshChannels(noRemote: true);
                           });
                         },
                       );
@@ -259,7 +277,8 @@ class _ChatScreenState extends State<ChatScreen> {
                               maxLines: 1,
                               overflow: TextOverflow.ellipsis,
                             ),
-                      contentPadding: const EdgeInsets.symmetric(horizontal: 16),
+                      contentPadding:
+                          const EdgeInsets.symmetric(horizontal: 16),
                       leading: AccountImage(
                         content: null,
                         fallbackWidget: const Icon(Symbols.chat, size: 20),

lib/screens/chat/channel_detail.dart

@@ -104,7 +104,7 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
     try {
       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',
       );
       if (!mounted) return;
       Navigator.pop(context, false);
@@ -474,7 +474,7 @@ class _ChannelMemberListWidgetState extends State<_ChannelMemberListWidget> {
       final sn = context.read<SnNetworkProvider>();
       final resp = await sn.client.get('/cgi/im/channels/${widget.channel.keyPath}/members', queryParameters: {
         'take': 10,
-        'offset': 0,
+        'offset': _members.length,
       });
       final out = List<SnChannelMember>.from(
         resp.data['data']?.map((e) => SnChannelMember.fromJson(e)) ?? [],

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

@@ -58,6 +58,7 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
 
   StreamSubscription? _wsSubscription;
 
+  // TODO fetch user identity and ask them to join the channel or not
   Future<void> _fetchChannel() async {
     setState(() => _isBusy = true);
 

lib/screens/explore.dart

@@ -1,3 +1,4 @@
+import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_expandable_fab/flutter_expandable_fab.dart';
@@ -8,7 +9,10 @@ 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/sn_realm.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/navigation/app_scaffold.dart';
@@ -35,61 +39,49 @@ class ExploreScreen extends StatefulWidget {
   State<ExploreScreen> createState() => _ExploreScreenState();
 }
 
-class _ExploreScreenState extends State<ExploreScreen> {
+// You know what? I'm not going to make this a global variable.
+// Cuz the global key make the selected category not update to child widget when the category is changed.
+SnPostCategory? _selectedCategory;
+
+class _ExploreScreenState extends State<ExploreScreen> with SingleTickerProviderStateMixin {
+  late final TabController _tabController = TabController(length: 4, vsync: this);
+
   final _fabKey = GlobalKey<ExpandableFabState>();
+  final _listKeys = List.generate(4, (_) => GlobalKey<_PostListWidgetState>());
 
-  bool _isBusy = true;
-
-  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;
-
-    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> _refreshPosts() {
-    _postCount = null;
-    _posts.clear();
-    return _fetchPosts();
+  void _clearFilter() {
+    _selectedCategory = null;
   }
 
   @override
   void initState() {
-    super.initState();
-    _fetchPosts();
     _fetchCategories();
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    super.dispose();
+  }
+
+  Future<void> refreshPosts() async {
+    await _listKeys[_tabController.index].currentState?.refreshPosts();
   }
 
   @override
@@ -131,7 +123,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
                     'mode': 'stories',
                   }).then((value) {
                     if (value == true) {
-                      _refreshPosts();
+                      refreshPosts();
                     }
                   });
                   _fabKey.currentState!.toggle();
@@ -152,7 +144,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
                     'mode': 'articles',
                   }).then((value) {
                     if (value == true) {
-                      _refreshPosts();
+                      refreshPosts();
                     }
                   });
                   _fabKey.currentState!.toggle();
@@ -173,7 +165,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
                     'mode': 'questions',
                   }).then((value) {
                     if (value == true) {
-                      _refreshPosts();
+                      refreshPosts();
                     }
                   });
                   _fabKey.currentState!.toggle();
@@ -194,7 +186,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
                     'mode': 'videos',
                   }).then((value) {
                     if (value == true) {
-                      _refreshPosts();
+                      refreshPosts();
                     }
                   });
                   _fabKey.currentState!.toggle();
@@ -205,74 +197,137 @@ class _ExploreScreenState extends State<ExploreScreen> {
           ),
         ],
       ),
-      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: AutoAppBarLeading(),
+                title: Text('screenExplore').tr(),
+                floating: true,
+                snap: true,
+                actions: [
+                  IconButton(
+                    icon: const Icon(Symbols.category),
+                    onPressed: () {
+                      showModalBottomSheet(
+                        context: context,
+                        builder: (context) => _PostCategoryPickerPopup(
+                          categories: _categories,
+                          selected: _selectedCategory,
+                        ),
+                      ).then((value) {
+                        if (value != null && context.mounted) {
+                          _selectedCategory = value == false ? null : value;
+                          refreshPosts();
+                        }
+                      });
+                    },
                   ),
+                  IconButton(
+                    icon: const Icon(Symbols.search),
+                    onPressed: () {
+                      GoRouter.of(context).pushNamed('postSearch');
+                    },
+                  ),
+                  const Gap(8),
+                ],
+                bottom: TabBar(
+                  controller: _tabController,
+                  tabs: [
+                    Tab(
+                      child: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        crossAxisAlignment: CrossAxisAlignment.center,
+                        children: [
+                          Icon(Symbols.globe, size: 20, color: Theme.of(context).appBarTheme.foregroundColor),
+                          const Gap(8),
+                          Flexible(
+                            child: Text(
+                              'postChannelGlobal',
+                              maxLines: 1,
+                            ).tr().textColor(Theme.of(context).appBarTheme.foregroundColor),
+                          ),
+                        ],
+                      ),
+                    ),
+                    Tab(
+                      child: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        crossAxisAlignment: CrossAxisAlignment.center,
+                        children: [
+                          Icon(Symbols.group, size: 20, color: Theme.of(context).appBarTheme.foregroundColor),
+                          const Gap(8),
+                          Flexible(
+                            child: Text(
+                              'postChannelFriends',
+                              maxLines: 1,
+                              textAlign: TextAlign.center,
+                            ).tr().textColor(Theme.of(context).appBarTheme.foregroundColor),
+                          ),
+                        ],
+                      ),
+                    ),
+                    Tab(
+                      child: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        crossAxisAlignment: CrossAxisAlignment.center,
+                        children: [
+                          Icon(Symbols.subscriptions, size: 20, color: Theme.of(context).appBarTheme.foregroundColor),
+                          const Gap(8),
+                          Flexible(
+                            child: Text(
+                              'postChannelFollowing',
+                              maxLines: 1,
+                            ).tr().textColor(Theme.of(context).appBarTheme.foregroundColor),
+                          ),
+                        ],
+                      ),
+                    ),
+                    Tab(
+                      child: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        crossAxisAlignment: CrossAxisAlignment.center,
+                        children: [
+                          Icon(Symbols.workspaces, size: 20, color: Theme.of(context).appBarTheme.foregroundColor),
+                          const Gap(8),
+                          Flexible(
+                            child: Text(
+                              'postChannelRealm',
+                              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: TabBarView(
+          controller: _tabController,
+          children: [
+            _PostListWidget(
+              key: _listKeys[0],
+              onClearFilter: _clearFilter,
+            ),
+            _PostListWidget(
+              key: _listKeys[1],
+              channel: 'friends',
+              onClearFilter: _clearFilter,
+            ),
+            _PostListWidget(
+              key: _listKeys[2],
+              channel: 'following',
+              onClearFilter: _clearFilter,
+            ),
+            _PostListWidget(
+              key: _listKeys[3],
+              withRealm: true,
+              onClearFilter: _clearFilter,
             ),
           ],
         ),
@@ -280,3 +335,246 @@ class _ExploreScreenState extends State<ExploreScreen> {
     );
   }
 }
+
+class _PostListWidget extends StatefulWidget {
+  final String? channel;
+  final bool withRealm;
+  final Function onClearFilter;
+
+  const _PostListWidget({super.key, this.channel, this.withRealm = false, required this.onClearFilter});
+
+  @override
+  State<_PostListWidget> createState() => _PostListWidgetState();
+}
+
+class _PostListWidgetState extends State<_PostListWidget> {
+  bool _isBusy = false;
+
+  final List<SnPost> _posts = List.empty(growable: true);
+  final List<SnRealm> _realms = List.empty(growable: true);
+  SnRealm? _selectedRealm;
+  int? _postCount;
+
+  Future<void> _fetchRealms() async {
+    try {
+      final rels = context.read<SnRealmProvider>();
+      final out = await rels.listAvailableRealms();
+      setState(() {
+        _realms.addAll(out);
+        _selectedRealm = out.firstOrNull;
+      });
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+      rethrow;
+    }
+  }
+
+  Future<void> _fetchPosts() async {
+    if (_postCount != null && _posts.length >= _postCount!) return;
+
+    setState(() => _isBusy = true);
+
+    final pt = context.read<SnPostContentProvider>();
+    final result = await pt.listPosts(
+      take: 10,
+      offset: _posts.length,
+      categories: _selectedCategory != null ? [_selectedCategory!.alias] : null,
+      channel: widget.channel,
+      realm: _selectedRealm?.alias,
+    );
+    final out = result.$1;
+
+    if (!mounted) return;
+
+    _postCount = result.$2;
+    _posts.addAll(out);
+
+    if (mounted) setState(() => _isBusy = false);
+  }
+
+  Future<void> refreshPosts() {
+    _postCount = null;
+    _posts.clear();
+    return _fetchPosts();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    if (widget.withRealm) {
+      _fetchRealms().then((_) {
+        _fetchPosts();
+      });
+    } else {
+      _fetchPosts();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        if (_selectedCategory != null)
+          MaterialBanner(
+            content: Text(
+              'postFilterWithCategory'.tr(args: [
+                'postCategory${_selectedCategory!.alias.capitalize()}'.trExists()
+                    ? 'postCategory${_selectedCategory!.alias.capitalize()}'.tr()
+                    : _selectedCategory!.name,
+              ]),
+            ),
+            leading: Icon(kCategoryIcons[_selectedCategory!.alias] ?? Symbols.question_mark),
+            actions: [
+              IconButton(
+                icon: const Icon(Symbols.clear),
+                onPressed: () {
+                  widget.onClearFilter.call();
+                  refreshPosts();
+                },
+              ),
+            ],
+            padding: const EdgeInsets.only(left: 20, right: 4),
+          ),
+        if (widget.withRealm)
+          DropdownButtonHideUnderline(
+            child: DropdownButton2<SnRealm>(
+              isExpanded: true,
+              items: _realms
+                  .map(
+                    (ele) => DropdownMenuItem<SnRealm>(
+                      value: ele,
+                      child: Row(
+                        children: [
+                          AccountImage(
+                            content: ele.avatar,
+                            fallbackWidget: const Icon(Symbols.group, size: 16),
+                            radius: 14,
+                          ),
+                          const Gap(8),
+                          Text(
+                            ele.name,
+                            style: Theme.of(context).textTheme.bodyMedium,
+                          ),
+                        ],
+                      ),
+                    ),
+                  )
+                  .toList(),
+              value: _selectedRealm,
+              onChanged: (SnRealm? value) {
+                setState(() => _selectedRealm = value);
+                refreshPosts();
+              },
+              buttonStyleData: const ButtonStyleData(
+                padding: EdgeInsets.only(left: 4, right: 12),
+              ),
+              menuItemStyleData: const MenuItemStyleData(
+                height: 48,
+              ),
+            ),
+          ),
+        if (widget.withRealm) const Divider(height: 1),
+        Expanded(
+          child: MediaQuery.removePadding(
+            context: context,
+            removeTop: true,
+            child: RefreshIndicator(
+              displacement: 40 + MediaQuery.of(context).padding.top,
+              onRefresh: () => refreshPosts(),
+              child: InfiniteList(
+                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),
+              ),
+            ),
+          ).padding(top: 8),
+        ),
+      ],
+    );
+  }
+}
+
+class _PostCategoryPickerPopup extends StatelessWidget {
+  final List<SnPostCategory> categories;
+  final SnPostCategory? selected;
+
+  const _PostCategoryPickerPopup({required this.categories, this.selected});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const Icon(Symbols.category, size: 24),
+            const Gap(16),
+            Text('postCategory').tr().textStyle(Theme.of(context).textTheme.titleLarge!),
+          ],
+        ).padding(horizontal: 20, top: 16, bottom: 12),
+        ListTile(
+          leading: const Icon(Symbols.clear),
+          title: Text('postFilterReset').tr(),
+          subtitle: Text('postFilterResetDescription').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 20),
+          onTap: () {
+            Navigator.pop(context, false);
+          },
+        ),
+        const Divider(height: 1),
+        GridView.count(
+          crossAxisCount: 4,
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          childAspectRatio: 1,
+          children: categories
+              .map(
+                (ele) => InkWell(
+                  onTap: () {
+                    _selectedCategory = ele;
+                    Navigator.pop(context, ele);
+                  },
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Icon(
+                        kCategoryIcons[ele.alias] ?? Symbols.question_mark,
+                        color: selected == ele ? Theme.of(context).colorScheme.primary : null,
+                      ),
+                      const Gap(4),
+                      Text(
+                        'postCategory${ele.alias.capitalize()}'.trExists()
+                            ? 'postCategory${ele.alias.capitalize()}'.tr()
+                            : ele.name,
+                      )
+                          .textStyle(Theme.of(context).textTheme.titleMedium!)
+                          .textColor(selected == ele ? Theme.of(context).colorScheme.primary : null),
+                    ],
+                  ),
+                ),
+              )
+              .toList(),
+        ),
+      ],
+    );
+  }
+}

lib/screens/home.dart

@@ -663,10 +663,24 @@ class _HomeDashRecommendationPostWidgetState extends State<_HomeDashRecommendati
     }
   }
 
+  int _currentPage = 0;
+  final PageController _pageController = PageController();
+
   @override
   void initState() {
     super.initState();
     _fetchRecommendationPosts();
+    _pageController.addListener(() {
+      setState(() {
+        _currentPage = _pageController.page?.round() ?? 0;
+      });
+    });
+  }
+
+  @override
+  void dispose() {
+    _pageController.dispose();
+    super.dispose();
   }
 
   @override
@@ -684,17 +698,24 @@ class _HomeDashRecommendationPostWidgetState extends State<_HomeDashRecommendati
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: [
-              const Icon(Symbols.star),
-              const Gap(8),
-              Text(
-                'postRecommendation',
-                style: Theme.of(context).textTheme.titleLarge,
-              ).tr()
+              Row(
+                children: [
+                  const Icon(Symbols.star),
+                  const Gap(8),
+                  Text(
+                    'postRecommendation',
+                    style: Theme.of(context).textTheme.titleLarge,
+                  ).tr(),
+                ],
+              ),
+              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: {
                 PointerDeviceKind.mouse,
                 PointerDeviceKind.touch,

lib/screens/notification.dart

@@ -3,6 +3,7 @@ import 'dart:math' as math;
 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:relative_time/relative_time.dart';
@@ -59,10 +60,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
       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>() ??
-            [],
+        resp.data['data']?.map((e) => SnNotification.fromJson(e)).cast<SnNotification>() ?? [],
       );
       nty.updateTray();
     } catch (err) {
@@ -188,8 +186,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
                   _fetchNotifications();
                 },
                 isLoading: _isBusy,
-                hasReachedMax: _totalCount != null &&
-                    _notifications.length >= _totalCount!,
+                hasReachedMax: _totalCount != null && _notifications.length >= _totalCount!,
                 itemBuilder: (context, idx) {
                   final nty = _notifications[idx];
                   return Row(
@@ -221,29 +218,36 @@ class _NotificationScreenState extends State<NotificationScreen> {
                                 isAutoWarp: true,
                               ),
                             ),
-                            if ([
-                                  'interactive.feedback',
-                                  'interactive.subscription'
-                                ].contains(nty.topic) &&
+                            if (['interactive.reply', 'interactive.feedback', 'interactive.subscription']
+                                    .contains(nty.topic) &&
                                 nty.metadata['related_post'] != null)
-                              StyledWidget(Container(
-                                decoration: BoxDecoration(
-                                  borderRadius: const BorderRadius.all(
-                                      Radius.circular(8)),
-                                  border: Border.all(
-                                    color: Theme.of(context).dividerColor,
-                                    width: 1,
+                              GestureDetector(
+                                child: Container(
+                                  decoration: BoxDecoration(
+                                    borderRadius: const BorderRadius.all(Radius.circular(8)),
+                                    border: Border.all(
+                                      color: Theme.of(context).dividerColor,
+                                      width: 1,
+                                    ),
+                                  ),
+                                  child: PostItem(
+                                    data: SnPost.fromJson(
+                                      nty.metadata['related_post']!,
+                                    ),
+                                    showComments: false,
+                                    showReactions: false,
+                                    showMenu: false,
                                   ),
                                 ),
-                                child: PostItem(
-                                  data: SnPost.fromJson(
-                                    nty.metadata['related_post']!,
-                                  ),
-                                  showComments: false,
-                                  showReactions: false,
-                                  showMenu: false,
-                                ),
-                              )).padding(top: 8),
+                                onTap: () {
+                                  GoRouter.of(context).pushNamed(
+                                    'postDetail',
+                                    pathParameters: {
+                                      'slug': nty.metadata['related_post']!['id'].toString(),
+                                    },
+                                  );
+                                },
+                              ).padding(top: 8),
                             const Gap(8),
                             Row(
                               children: [
@@ -268,10 +272,8 @@ 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_editor.dart

@@ -20,6 +20,7 @@ import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/attachment.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/attachment/attachment_input.dart';
 import 'package:surface/widgets/attachment/attachment_item.dart';
@@ -35,6 +36,8 @@ import 'package:provider/provider.dart';
 import 'package:surface/widgets/post/post_poll_editor.dart';
 import 'package:uuid/uuid.dart';
 
+import '../../providers/sn_realm.dart';
+
 class PostEditorExtra {
   final String? text;
   final String? title;
@@ -79,6 +82,7 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
   bool get _isLoading => _isFetching || _writeController.isLoading;
 
   List<SnPublisher>? _publishers;
+  List<SnRealm>? _realms;
 
   Future<void> _fetchPublishers() async {
     setState(() => _isFetching = true);
@@ -101,6 +105,16 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
     }
   }
 
+  Future<void> _fetchRealms() async {
+    final rels = context.read<SnRealmProvider>();
+    try {
+      _realms = await rels.listAvailableRealms();
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
   void _updateMeta() {
     showModalBottomSheet(
       context: context,
@@ -144,6 +158,19 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
     );
   }
 
+  void _showRealmPopup() {
+    showModalBottomSheet(
+      context: context,
+      builder: (context) => _PostRealmPopup(
+        controller: _writeController,
+        realms: _realms,
+        onUpdate: () {
+          _fetchRealms();
+        },
+      ),
+    );
+  }
+
   void _showPollEditorDialog() async {
     final poll = await showDialog<dynamic>(
       context: context,
@@ -161,6 +188,20 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
     }
   }
 
+  void _showThumbnailEditorDialog() async {
+    final attachment = await showDialog<SnAttachment?>(
+      context: context,
+      builder: (context) => AttachmentInputDialog(
+        title: 'postThumbnail'.tr(),
+        pool: 'interactive',
+        mediaType: SnMediaType.image,
+      ),
+    );
+    if (!context.mounted) return;
+    if (attachment == null) return;
+    _writeController.setThumbnail(attachment);
+  }
+
   @override
   void dispose() {
     _writeController.dispose();
@@ -180,6 +221,7 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
     } else {
       _writeController.setMode(widget.mode);
     }
+    _fetchRealms();
     _fetchPublishers();
     _writeController.fetchRelatedPost(
       context,
@@ -321,18 +363,22 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                         'stories' => _PostStoryEditor(
                             controller: _writeController,
                             onTapPublisher: _showPublisherPopup,
+                            onTapRealm: _showRealmPopup,
                           ),
                         'articles' => _PostArticleEditor(
                             controller: _writeController,
                             onTapPublisher: _showPublisherPopup,
+                            onTapRealm: _showRealmPopup,
                           ),
                         'questions' => _PostQuestionEditor(
                             controller: _writeController,
                             onTapPublisher: _showPublisherPopup,
+                            onTapRealm: _showRealmPopup,
                           ),
                         'videos' => _PostVideoEditor(
                             controller: _writeController,
                             onTapPublisher: _showPublisherPopup,
+                            onTapRealm: _showRealmPopup,
                           ),
                         _ => const Placeholder(),
                       })
@@ -344,15 +390,11 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                         left: 0,
                         right: 0,
                         child: PostMediaPendingList(
-                          thumbnail: _writeController.thumbnail,
                           attachments: _writeController.attachments,
                           isBusy: _writeController.isBusy,
                           onUpload: (int idx) async {
                             await _writeController.uploadSingleAttachment(context, idx);
                           },
-                          onPostSetThumbnail: (int? idx) {
-                            _writeController.setThumbnail(idx);
-                          },
                           onInsertLink: (int idx) async {
                             _writeController.contentController.text +=
                                 '\n![](solink://attachments/${_writeController.attachments[idx].attachment!.rid})';
@@ -453,6 +495,22 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                                         _showPollEditorDialog();
                                       },
                                     ),
+                                  if (_writeController.mode == 'articles')
+                                    IconButton(
+                                      icon: Icon(Symbols.full_coverage, color: Theme.of(context).colorScheme.primary),
+                                      style: ButtonStyle(
+                                        backgroundColor: _writeController.thumbnail == null
+                                            ? null
+                                            : WidgetStatePropertyAll(Theme.of(context).colorScheme.surfaceContainer),
+                                      ),
+                                      onPressed: () {
+                                        if (_writeController.thumbnail != null) {
+                                          _writeController.setThumbnail(null);
+                                          return;
+                                        }
+                                        _showThumbnailEditorDialog();
+                                      },
+                                    ),
                                 ],
                               ),
                             ),
@@ -549,11 +607,65 @@ class _PostPublisherPopup extends StatelessWidget {
   }
 }
 
+class _PostRealmPopup extends StatelessWidget {
+  final PostWriteController controller;
+  final List<SnRealm>? realms;
+  final Function onUpdate;
+
+  const _PostRealmPopup({required this.controller, this.realms, required this.onUpdate});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const Icon(Symbols.face, size: 24),
+            const Gap(16),
+            Text('accountRealms', style: Theme.of(context).textTheme.titleLarge).tr(),
+          ],
+        ).padding(horizontal: 20, top: 16, bottom: 12),
+        ListTile(
+          leading: const Icon(Symbols.close),
+          title: Text('postInGlobal').tr(),
+          subtitle: Text('postInGlobalDescription').tr(),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          onTap: () {
+            controller.setRealm(null);
+            Navigator.pop(context, true);
+          },
+        ),
+        const Divider(height: 1),
+        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: () {
+                  controller.setRealm(realm);
+                  Navigator.pop(context, true);
+                },
+              );
+            },
+          ),
+        ),
+      ],
+    );
+  }
+}
+
 class _PostStoryEditor extends StatelessWidget {
   final PostWriteController controller;
   final Function? onTapPublisher;
+  final Function? onTapRealm;
 
-  const _PostStoryEditor({required this.controller, this.onTapPublisher});
+  const _PostStoryEditor({required this.controller, this.onTapPublisher, this.onTapRealm});
 
   @override
   Widget build(BuildContext context) {
@@ -563,17 +675,36 @@ class _PostStoryEditor extends StatelessWidget {
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          Material(
-            elevation: 2,
-            borderRadius: const BorderRadius.all(Radius.circular(24)),
-            child: GestureDetector(
-              onTap: () {
-                onTapPublisher?.call();
-              },
-              child: AccountImage(
-                content: controller.publisher?.avatar,
+          Column(
+            children: [
+              Material(
+                elevation: 2,
+                borderRadius: const BorderRadius.all(Radius.circular(24)),
+                child: GestureDetector(
+                  onTap: () {
+                    onTapPublisher?.call();
+                  },
+                  child: AccountImage(
+                    content: controller.publisher?.avatar,
+                  ),
+                ),
               ),
-            ),
+              const Gap(11),
+              Material(
+                elevation: 1,
+                borderRadius: const BorderRadius.all(Radius.circular(24)),
+                child: GestureDetector(
+                  onTap: () {
+                    onTapRealm?.call();
+                  },
+                  child: AccountImage(
+                    content: controller.realm?.avatar,
+                    fallbackWidget: const Icon(Symbols.globe, size: 20),
+                    radius: 14,
+                  ),
+                ),
+              ),
+            ],
           ),
           Expanded(
             child: Column(
@@ -602,6 +733,7 @@ class _PostStoryEditor extends StatelessWidget {
                     border: InputBorder.none,
                   ),
                   onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                  contentInsertionConfiguration: controller.contentInsertionConfiguration,
                 ),
               ],
             ),
@@ -615,8 +747,9 @@ class _PostStoryEditor extends StatelessWidget {
 class _PostArticleEditor extends StatelessWidget {
   final PostWriteController controller;
   final Function? onTapPublisher;
+  final Function? onTapRealm;
 
-  const _PostArticleEditor({required this.controller, this.onTapPublisher});
+  const _PostArticleEditor({required this.controller, this.onTapPublisher, this.onTapRealm});
 
   @override
   Widget build(BuildContext context) {
@@ -637,6 +770,21 @@ class _PostArticleEditor extends StatelessWidget {
                   ],
                 ),
               ),
+              Material(
+                elevation: 1,
+                borderRadius: const BorderRadius.all(Radius.circular(24)),
+                child: GestureDetector(
+                  onTap: () {
+                    onTapRealm?.call();
+                  },
+                  child: AccountImage(
+                    content: controller.realm?.avatar,
+                    fallbackWidget: const Icon(Symbols.globe, size: 20),
+                    radius: 14,
+                  ),
+                ),
+              ),
+              const Gap(8),
             ],
           ).padding(horizontal: 12, vertical: 8),
           onTap: () {
@@ -665,8 +813,26 @@ class _PostArticleEditor extends StatelessWidget {
         keyboardType: TextInputType.multiline,
         style: Theme.of(context).textTheme.bodyLarge,
         onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+        contentInsertionConfiguration: controller.contentInsertionConfiguration,
       ).padding(horizontal: 16),
-      const Gap(4),
+      if (controller.thumbnail != null)
+        Container(
+          margin: const EdgeInsets.only(left: 12, right: 12, top: 8, bottom: 4),
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(8),
+            border: Border.all(color: Theme.of(context).dividerColor),
+          ),
+          child: ClipRRect(
+            borderRadius: const BorderRadius.all(Radius.circular(8)),
+            child: AspectRatio(
+              aspectRatio: 16 / 9,
+              child: AttachmentItem(
+                data: controller.thumbnail!.attachment!,
+                heroTag: "post-editor-thumbnail-preview",
+              ),
+            ),
+          ),
+        ),
     ];
 
     if (ResponsiveBreakpoints.of(context).largerThan(MOBILE)) {
@@ -692,6 +858,7 @@ class _PostArticleEditor extends StatelessWidget {
                       border: InputBorder.none,
                     ),
                     onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                    contentInsertionConfiguration: controller.contentInsertionConfiguration,
                   ),
                 ),
                 const Gap(8),
@@ -726,6 +893,7 @@ class _PostArticleEditor extends StatelessWidget {
               border: InputBorder.none,
             ),
             onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+            contentInsertionConfiguration: controller.contentInsertionConfiguration,
           ),
         ),
       ],
@@ -736,8 +904,9 @@ class _PostArticleEditor extends StatelessWidget {
 class _PostQuestionEditor extends StatelessWidget {
   final PostWriteController controller;
   final Function? onTapPublisher;
+  final Function? onTapRealm;
 
-  const _PostQuestionEditor({required this.controller, this.onTapPublisher});
+  const _PostQuestionEditor({required this.controller, this.onTapPublisher, this.onTapRealm});
 
   @override
   Widget build(BuildContext context) {
@@ -747,17 +916,36 @@ class _PostQuestionEditor extends StatelessWidget {
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          Material(
-            elevation: 1,
-            borderRadius: const BorderRadius.all(Radius.circular(24)),
-            child: GestureDetector(
-              onTap: () {
-                onTapPublisher?.call();
-              },
-              child: AccountImage(
-                content: controller.publisher?.avatar,
+          Column(
+            children: [
+              Material(
+                elevation: 2,
+                borderRadius: const BorderRadius.all(Radius.circular(24)),
+                child: GestureDetector(
+                  onTap: () {
+                    onTapPublisher?.call();
+                  },
+                  child: AccountImage(
+                    content: controller.publisher?.avatar,
+                  ),
+                ),
               ),
-            ),
+              const Gap(11),
+              Material(
+                elevation: 1,
+                borderRadius: const BorderRadius.all(Radius.circular(24)),
+                child: GestureDetector(
+                  onTap: () {
+                    onTapRealm?.call();
+                  },
+                  child: AccountImage(
+                    content: controller.realm?.avatar,
+                    fallbackWidget: const Icon(Symbols.globe, size: 20),
+                    radius: 14,
+                  ),
+                ),
+              ),
+            ],
           ),
           Expanded(
             child: Column(
@@ -797,6 +985,7 @@ class _PostQuestionEditor extends StatelessWidget {
                     border: InputBorder.none,
                   ),
                   onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+                  contentInsertionConfiguration: controller.contentInsertionConfiguration,
                 ),
               ],
             ),
@@ -810,8 +999,9 @@ class _PostQuestionEditor extends StatelessWidget {
 class _PostVideoEditor extends StatelessWidget {
   final PostWriteController controller;
   final Function? onTapPublisher;
+  final Function? onTapRealm;
 
-  const _PostVideoEditor({required this.controller, this.onTapPublisher});
+  const _PostVideoEditor({required this.controller, this.onTapPublisher, this.onTapRealm});
 
   void _selectVideo(BuildContext context) async {
     final video = await showDialog<SnAttachment?>(
@@ -899,28 +1089,36 @@ class _PostVideoEditor extends StatelessWidget {
   Widget build(BuildContext context) {
     return Column(
       children: [
-        Material(
-          color: Theme.of(context).colorScheme.surfaceContainerHigh,
-          child: InkWell(
-            child: Row(
-              children: [
-                AccountImage(content: controller.publisher?.avatar, radius: 20),
-                const Gap(8),
-                Expanded(
-                  child: Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Text(controller.publisher?.nick ?? 'loading'.tr()).bold(),
-                      Text('@${controller.publisher?.name}'),
-                    ],
-                  ),
+        Column(
+          children: [
+            Material(
+              elevation: 2,
+              borderRadius: const BorderRadius.all(Radius.circular(24)),
+              child: GestureDetector(
+                onTap: () {
+                  onTapPublisher?.call();
+                },
+                child: AccountImage(
+                  content: controller.publisher?.avatar,
                 ),
-              ],
-            ).padding(horizontal: 12, vertical: 8),
-            onTap: () {
-              onTapPublisher?.call();
-            },
-          ),
+              ),
+            ),
+            const Gap(11),
+            Material(
+              elevation: 1,
+              borderRadius: const BorderRadius.all(Radius.circular(24)),
+              child: GestureDetector(
+                onTap: () {
+                  onTapRealm?.call();
+                },
+                child: AccountImage(
+                  content: controller.realm?.avatar,
+                  fallbackWidget: const Icon(Symbols.globe, size: 20),
+                  radius: 14,
+                ),
+              ),
+            ),
+          ],
         ),
         const Gap(16),
         TextField(

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,121 +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},
-                          );
-                        },
-                      );
-                    }
 
-                    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 != 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/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 {
@@ -60,18 +63,36 @@ 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) {
@@ -83,6 +104,7 @@ class _RealmDetailScreenState extends State<RealmDetailScreen> {
                   bottom: TabBar(
                     tabs: [
                       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 +115,8 @@ 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 +135,9 @@ 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 +159,76 @@ 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 +236,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 Gap(8),
+        ),
+      ),
+    ).padding(top: 8);
+  }
+}
+
 class _RealmMemberListWidget extends StatefulWidget {
   final SnRealm? realm;
 
@@ -189,7 +325,7 @@ class _RealmMemberListWidgetState extends State<_RealmMemberListWidget> {
       final sn = context.read<SnNetworkProvider>();
       final resp = await sn.client.get('/cgi/id/realms/${widget.realm!.alias}/members', queryParameters: {
         'take': 10,
-        'offset': 0,
+        'offset': _members.length,
       });
 
       final out = List<SnRealmMember>.from(
@@ -343,12 +479,9 @@ class _RealmSettingsWidgetState extends State<_RealmSettingsWidget> {
     setState(() => _isBusy = true);
 
     try {
-      await sn.client.delete('/cgi/id/realms/${widget.realm!.alias}');
+      await sn.client.delete('/cgi/id/realms/${widget.realm!.id}');
       if (!mounted) return;
       Navigator.pop(context, true);
-      context.showSnackbar('realmDeleted'.tr(args: [
-        '#${widget.realm!.alias}',
-      ]));
     } catch (err) {
       if (!mounted) return;
       context.showErrorDialog(err);
@@ -368,7 +501,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,10 @@ 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_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,6 +16,7 @@ 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/sn_network.dart';
 import 'package:surface/providers/theme.dart';
 import 'package:surface/theme.dart';
@@ -67,6 +70,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
   @override
   Widget build(BuildContext context) {
     final sn = context.read<SnNetworkProvider>();
+    final dt = context.read<DatabaseProvider>();
 
     return AppScaffold(
       appBar: AppBar(
@@ -81,7 +85,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 +99,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 +146,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 +159,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 +168,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 +207,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 +270,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 +316,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) {
@@ -308,7 +332,11 @@ class _SettingsScreenState extends State<SettingsScreen> {
             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.vibration),
                   contentPadding: const EdgeInsets.only(left: 24, right: 17),
@@ -350,7 +378,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 +403,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 +416,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 +430,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 +477,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 +489,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 +526,42 @@ 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.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(
                   title: Text('settingsMiscAbout').tr(),
                   subtitle: Text('settingsMiscAboutDescription').tr(),

lib/theme.dart

@@ -57,7 +57,7 @@ Future<ThemeData> createAppTheme(
     ),
     pageTransitionsTheme: PageTransitionsTheme(
       builders: {
-        TargetPlatform.android: PredictiveBackPageTransitionsBuilder(),
+        TargetPlatform.android: ZoomPageTransitionsBuilder(),
         TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
         TargetPlatform.macOS: ZoomPageTransitionsBuilder(),
         TargetPlatform.fuchsia: ZoomPageTransitionsBuilder(),

lib/types/account.dart

@@ -20,7 +20,7 @@ class SnAccount with _$SnAccount {
     required String description,
     required String name,
     required String nick,
-    required Map<String, dynamic> permNodes,
+    @Default({}) Map<String, dynamic> permNodes,
     required String language,
     required SnAccountProfile? profile,
     @Default([]) List<SnAccountBadge> badges,

lib/types/account.freezed.dart

@@ -385,7 +385,7 @@ class _$SnAccountImpl extends _SnAccount {
       required this.description,
       required this.name,
       required this.nick,
-      required final Map<String, dynamic> permNodes,
+      final Map<String, dynamic> permNodes = const {},
       required this.language,
       required this.profile,
       final List<SnAccountBadge> badges = const [],
@@ -437,6 +437,7 @@ class _$SnAccountImpl extends _SnAccount {
   final String nick;
   final Map<String, dynamic> _permNodes;
   @override
+  @JsonKey()
   Map<String, dynamic> get permNodes {
     if (_permNodes is EqualUnmodifiableMapView) return _permNodes;
     // ignore: implicit_dynamic_type
@@ -566,7 +567,7 @@ abstract class _SnAccount extends SnAccount {
       required final String description,
       required final String name,
       required final String nick,
-      required final Map<String, dynamic> permNodes,
+      final Map<String, dynamic> permNodes,
       required final String language,
       required final SnAccountProfile? profile,
       final List<SnAccountBadge> badges,

lib/types/account.g.dart

@@ -25,7 +25,7 @@ _$SnAccountImpl _$$SnAccountImplFromJson(Map<String, dynamic> json) =>
       description: json['description'] as String,
       name: json['name'] as String,
       nick: json['nick'] as String,
-      permNodes: json['perm_nodes'] as Map<String, dynamic>,
+      permNodes: json['perm_nodes'] as Map<String, dynamic>? ?? const {},
       language: json['language'] as String,
       profile: json['profile'] == null
           ? null

lib/types/attachment.dart

@@ -177,3 +177,14 @@ class SnStickerPack with _$SnStickerPack {
 
   factory SnStickerPack.fromJson(Map<String, Object?> json) => _$SnStickerPackFromJson(json);
 }
+
+@freezed
+class SnAttachmentBilling with _$SnAttachmentBilling {
+  const factory SnAttachmentBilling({
+    required int currentBytes,
+    required int discountFileSize,
+    required double includedRatio,
+  }) = _SnAttachmentBilling;
+
+  factory SnAttachmentBilling.fromJson(Map<String, Object?> json) => _$SnAttachmentBillingFromJson(json);
+}

lib/types/attachment.freezed.dart

@@ -3007,3 +3007,195 @@ abstract class _SnStickerPack implements SnStickerPack {
   _$$SnStickerPackImplCopyWith<_$SnStickerPackImpl> get copyWith =>
       throw _privateConstructorUsedError;
 }
+
+SnAttachmentBilling _$SnAttachmentBillingFromJson(Map<String, dynamic> json) {
+  return _SnAttachmentBilling.fromJson(json);
+}
+
+/// @nodoc
+mixin _$SnAttachmentBilling {
+  int get currentBytes => throw _privateConstructorUsedError;
+  int get discountFileSize => throw _privateConstructorUsedError;
+  double get includedRatio => throw _privateConstructorUsedError;
+
+  /// Serializes this SnAttachmentBilling to a JSON map.
+  Map<String, dynamic> toJson() => throw _privateConstructorUsedError;
+
+  /// Create a copy of SnAttachmentBilling
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  $SnAttachmentBillingCopyWith<SnAttachmentBilling> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $SnAttachmentBillingCopyWith<$Res> {
+  factory $SnAttachmentBillingCopyWith(
+          SnAttachmentBilling value, $Res Function(SnAttachmentBilling) then) =
+      _$SnAttachmentBillingCopyWithImpl<$Res, SnAttachmentBilling>;
+  @useResult
+  $Res call({int currentBytes, int discountFileSize, double includedRatio});
+}
+
+/// @nodoc
+class _$SnAttachmentBillingCopyWithImpl<$Res, $Val extends SnAttachmentBilling>
+    implements $SnAttachmentBillingCopyWith<$Res> {
+  _$SnAttachmentBillingCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  /// Create a copy of SnAttachmentBilling
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? currentBytes = null,
+    Object? discountFileSize = null,
+    Object? includedRatio = null,
+  }) {
+    return _then(_value.copyWith(
+      currentBytes: null == currentBytes
+          ? _value.currentBytes
+          : currentBytes // ignore: cast_nullable_to_non_nullable
+              as int,
+      discountFileSize: null == discountFileSize
+          ? _value.discountFileSize
+          : discountFileSize // ignore: cast_nullable_to_non_nullable
+              as int,
+      includedRatio: null == includedRatio
+          ? _value.includedRatio
+          : includedRatio // ignore: cast_nullable_to_non_nullable
+              as double,
+    ) as $Val);
+  }
+}
+
+/// @nodoc
+abstract class _$$SnAttachmentBillingImplCopyWith<$Res>
+    implements $SnAttachmentBillingCopyWith<$Res> {
+  factory _$$SnAttachmentBillingImplCopyWith(_$SnAttachmentBillingImpl value,
+          $Res Function(_$SnAttachmentBillingImpl) then) =
+      __$$SnAttachmentBillingImplCopyWithImpl<$Res>;
+  @override
+  @useResult
+  $Res call({int currentBytes, int discountFileSize, double includedRatio});
+}
+
+/// @nodoc
+class __$$SnAttachmentBillingImplCopyWithImpl<$Res>
+    extends _$SnAttachmentBillingCopyWithImpl<$Res, _$SnAttachmentBillingImpl>
+    implements _$$SnAttachmentBillingImplCopyWith<$Res> {
+  __$$SnAttachmentBillingImplCopyWithImpl(_$SnAttachmentBillingImpl _value,
+      $Res Function(_$SnAttachmentBillingImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of SnAttachmentBilling
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? currentBytes = null,
+    Object? discountFileSize = null,
+    Object? includedRatio = null,
+  }) {
+    return _then(_$SnAttachmentBillingImpl(
+      currentBytes: null == currentBytes
+          ? _value.currentBytes
+          : currentBytes // ignore: cast_nullable_to_non_nullable
+              as int,
+      discountFileSize: null == discountFileSize
+          ? _value.discountFileSize
+          : discountFileSize // ignore: cast_nullable_to_non_nullable
+              as int,
+      includedRatio: null == includedRatio
+          ? _value.includedRatio
+          : includedRatio // ignore: cast_nullable_to_non_nullable
+              as double,
+    ));
+  }
+}
+
+/// @nodoc
+@JsonSerializable()
+class _$SnAttachmentBillingImpl implements _SnAttachmentBilling {
+  const _$SnAttachmentBillingImpl(
+      {required this.currentBytes,
+      required this.discountFileSize,
+      required this.includedRatio});
+
+  factory _$SnAttachmentBillingImpl.fromJson(Map<String, dynamic> json) =>
+      _$$SnAttachmentBillingImplFromJson(json);
+
+  @override
+  final int currentBytes;
+  @override
+  final int discountFileSize;
+  @override
+  final double includedRatio;
+
+  @override
+  String toString() {
+    return 'SnAttachmentBilling(currentBytes: $currentBytes, discountFileSize: $discountFileSize, includedRatio: $includedRatio)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$SnAttachmentBillingImpl &&
+            (identical(other.currentBytes, currentBytes) ||
+                other.currentBytes == currentBytes) &&
+            (identical(other.discountFileSize, discountFileSize) ||
+                other.discountFileSize == discountFileSize) &&
+            (identical(other.includedRatio, includedRatio) ||
+                other.includedRatio == includedRatio));
+  }
+
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  int get hashCode =>
+      Object.hash(runtimeType, currentBytes, discountFileSize, includedRatio);
+
+  /// Create a copy of SnAttachmentBilling
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$SnAttachmentBillingImplCopyWith<_$SnAttachmentBillingImpl> get copyWith =>
+      __$$SnAttachmentBillingImplCopyWithImpl<_$SnAttachmentBillingImpl>(
+          this, _$identity);
+
+  @override
+  Map<String, dynamic> toJson() {
+    return _$$SnAttachmentBillingImplToJson(
+      this,
+    );
+  }
+}
+
+abstract class _SnAttachmentBilling implements SnAttachmentBilling {
+  const factory _SnAttachmentBilling(
+      {required final int currentBytes,
+      required final int discountFileSize,
+      required final double includedRatio}) = _$SnAttachmentBillingImpl;
+
+  factory _SnAttachmentBilling.fromJson(Map<String, dynamic> json) =
+      _$SnAttachmentBillingImpl.fromJson;
+
+  @override
+  int get currentBytes;
+  @override
+  int get discountFileSize;
+  @override
+  double get includedRatio;
+
+  /// Create a copy of SnAttachmentBilling
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$SnAttachmentBillingImplCopyWith<_$SnAttachmentBillingImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}

lib/types/attachment.g.dart

@@ -281,3 +281,19 @@ Map<String, dynamic> _$$SnStickerPackImplToJson(_$SnStickerPackImpl instance) =>
       'stickers': instance.stickers?.map((e) => e.toJson()).toList(),
       'account_id': instance.accountId,
     };
+
+_$SnAttachmentBillingImpl _$$SnAttachmentBillingImplFromJson(
+        Map<String, dynamic> json) =>
+    _$SnAttachmentBillingImpl(
+      currentBytes: (json['current_bytes'] as num).toInt(),
+      discountFileSize: (json['discount_file_size'] as num).toInt(),
+      includedRatio: (json['included_ratio'] as num).toDouble(),
+    );
+
+Map<String, dynamic> _$$SnAttachmentBillingImplToJson(
+        _$SnAttachmentBillingImpl instance) =>
+    <String, dynamic>{
+      'current_bytes': instance.currentBytes,
+      'discount_file_size': instance.discountFileSize,
+      'included_ratio': instance.includedRatio,
+    };

lib/types/check_in.dart

@@ -1,9 +1,17 @@
+import 'package:easy_localization/easy_localization.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
 
 part 'check_in.freezed.dart';
+
 part 'check_in.g.dart';
 
-const List<String> kCheckInResultTierSymbols = ['大凶', '凶', '中平', '吉', '大吉'];
+final List<String> kCheckInResultTierSymbols = [
+  'checkInResultTier1',
+  'checkInResultTier2',
+  'checkInResultTier3',
+  'checkInResultTier4',
+  'checkInResultTier5'
+].map((e) => e.tr()).toList();
 
 @freezed
 class SnCheckInRecord with _$SnCheckInRecord {
@@ -21,8 +29,7 @@ class SnCheckInRecord with _$SnCheckInRecord {
     required int accountId,
   }) = _SnCheckInRecord;
 
-  factory SnCheckInRecord.fromJson(Map<String, dynamic> json) =>
-      _$SnCheckInRecordFromJson(json);
+  factory SnCheckInRecord.fromJson(Map<String, dynamic> json) => _$SnCheckInRecordFromJson(json);
 
   String get symbol => kCheckInResultTierSymbols[resultTier];
 }

lib/types/post.dart

@@ -1,6 +1,7 @@
 import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/types/poll.dart';
+import 'package:surface/types/realm.dart';
 
 part 'post.freezed.dart';
 part 'post.g.dart';
@@ -24,6 +25,7 @@ class SnPost with _$SnPost {
     required List<SnPost>? replies,
     required int? replyId,
     required int? repostId,
+    required int? realmId,
     required SnPost? replyTo,
     required SnPost? repostTo,
     required List<int>? visibleUsersList,
@@ -37,6 +39,8 @@ class SnPost with _$SnPost {
     required DateTime? publishedUntil,
     required int totalUpvote,
     required int totalDownvote,
+    @Default(0) int totalViews,
+    @Default(0) int totalAggregatedViews,
     required int publisherId,
     required int? pollId,
     required SnPublisher publisher,
@@ -93,6 +97,7 @@ class SnPostPreload with _$SnPostPreload {
     required List<SnAttachment?>? attachments,
     required SnAttachment? video,
     required SnPoll? poll,
+    required SnRealm? realm,
   }) = _SnPostPreload;
 
   factory SnPostPreload.fromJson(Map<String, Object?> json) =>

lib/types/post.freezed.dart

@@ -34,6 +34,7 @@ mixin _$SnPost {
   List<SnPost>? get replies => throw _privateConstructorUsedError;
   int? get replyId => throw _privateConstructorUsedError;
   int? get repostId => throw _privateConstructorUsedError;
+  int? get realmId => throw _privateConstructorUsedError;
   SnPost? get replyTo => throw _privateConstructorUsedError;
   SnPost? get repostTo => throw _privateConstructorUsedError;
   List<int>? get visibleUsersList => throw _privateConstructorUsedError;
@@ -47,6 +48,8 @@ mixin _$SnPost {
   DateTime? get publishedUntil => throw _privateConstructorUsedError;
   int get totalUpvote => throw _privateConstructorUsedError;
   int get totalDownvote => throw _privateConstructorUsedError;
+  int get totalViews => throw _privateConstructorUsedError;
+  int get totalAggregatedViews => throw _privateConstructorUsedError;
   int get publisherId => throw _privateConstructorUsedError;
   int? get pollId => throw _privateConstructorUsedError;
   SnPublisher get publisher => throw _privateConstructorUsedError;
@@ -82,6 +85,7 @@ abstract class $SnPostCopyWith<$Res> {
       List<SnPost>? replies,
       int? replyId,
       int? repostId,
+      int? realmId,
       SnPost? replyTo,
       SnPost? repostTo,
       List<int>? visibleUsersList,
@@ -95,6 +99,8 @@ abstract class $SnPostCopyWith<$Res> {
       DateTime? publishedUntil,
       int totalUpvote,
       int totalDownvote,
+      int totalViews,
+      int totalAggregatedViews,
       int publisherId,
       int? pollId,
       SnPublisher publisher,
@@ -137,6 +143,7 @@ class _$SnPostCopyWithImpl<$Res, $Val extends SnPost>
     Object? replies = freezed,
     Object? replyId = freezed,
     Object? repostId = freezed,
+    Object? realmId = freezed,
     Object? replyTo = freezed,
     Object? repostTo = freezed,
     Object? visibleUsersList = freezed,
@@ -150,6 +157,8 @@ class _$SnPostCopyWithImpl<$Res, $Val extends SnPost>
     Object? publishedUntil = freezed,
     Object? totalUpvote = null,
     Object? totalDownvote = null,
+    Object? totalViews = null,
+    Object? totalAggregatedViews = null,
     Object? publisherId = null,
     Object? pollId = freezed,
     Object? publisher = null,
@@ -213,6 +222,10 @@ class _$SnPostCopyWithImpl<$Res, $Val extends SnPost>
           ? _value.repostId
           : repostId // ignore: cast_nullable_to_non_nullable
               as int?,
+      realmId: freezed == realmId
+          ? _value.realmId
+          : realmId // ignore: cast_nullable_to_non_nullable
+              as int?,
       replyTo: freezed == replyTo
           ? _value.replyTo
           : replyTo // ignore: cast_nullable_to_non_nullable
@@ -265,6 +278,14 @@ class _$SnPostCopyWithImpl<$Res, $Val extends SnPost>
           ? _value.totalDownvote
           : totalDownvote // ignore: cast_nullable_to_non_nullable
               as int,
+      totalViews: null == totalViews
+          ? _value.totalViews
+          : totalViews // ignore: cast_nullable_to_non_nullable
+              as int,
+      totalAggregatedViews: null == totalAggregatedViews
+          ? _value.totalAggregatedViews
+          : totalAggregatedViews // ignore: cast_nullable_to_non_nullable
+              as int,
       publisherId: null == publisherId
           ? _value.publisherId
           : publisherId // ignore: cast_nullable_to_non_nullable
@@ -373,6 +394,7 @@ abstract class _$$SnPostImplCopyWith<$Res> implements $SnPostCopyWith<$Res> {
       List<SnPost>? replies,
       int? replyId,
       int? repostId,
+      int? realmId,
       SnPost? replyTo,
       SnPost? repostTo,
       List<int>? visibleUsersList,
@@ -386,6 +408,8 @@ abstract class _$$SnPostImplCopyWith<$Res> implements $SnPostCopyWith<$Res> {
       DateTime? publishedUntil,
       int totalUpvote,
       int totalDownvote,
+      int totalViews,
+      int totalAggregatedViews,
       int publisherId,
       int? pollId,
       SnPublisher publisher,
@@ -431,6 +455,7 @@ class __$$SnPostImplCopyWithImpl<$Res>
     Object? replies = freezed,
     Object? replyId = freezed,
     Object? repostId = freezed,
+    Object? realmId = freezed,
     Object? replyTo = freezed,
     Object? repostTo = freezed,
     Object? visibleUsersList = freezed,
@@ -444,6 +469,8 @@ class __$$SnPostImplCopyWithImpl<$Res>
     Object? publishedUntil = freezed,
     Object? totalUpvote = null,
     Object? totalDownvote = null,
+    Object? totalViews = null,
+    Object? totalAggregatedViews = null,
     Object? publisherId = null,
     Object? pollId = freezed,
     Object? publisher = null,
@@ -507,6 +534,10 @@ class __$$SnPostImplCopyWithImpl<$Res>
           ? _value.repostId
           : repostId // ignore: cast_nullable_to_non_nullable
               as int?,
+      realmId: freezed == realmId
+          ? _value.realmId
+          : realmId // ignore: cast_nullable_to_non_nullable
+              as int?,
       replyTo: freezed == replyTo
           ? _value.replyTo
           : replyTo // ignore: cast_nullable_to_non_nullable
@@ -559,6 +590,14 @@ class __$$SnPostImplCopyWithImpl<$Res>
           ? _value.totalDownvote
           : totalDownvote // ignore: cast_nullable_to_non_nullable
               as int,
+      totalViews: null == totalViews
+          ? _value.totalViews
+          : totalViews // ignore: cast_nullable_to_non_nullable
+              as int,
+      totalAggregatedViews: null == totalAggregatedViews
+          ? _value.totalAggregatedViews
+          : totalAggregatedViews // ignore: cast_nullable_to_non_nullable
+              as int,
       publisherId: null == publisherId
           ? _value.publisherId
           : publisherId // ignore: cast_nullable_to_non_nullable
@@ -601,6 +640,7 @@ class _$SnPostImpl extends _SnPost {
       required final List<SnPost>? replies,
       required this.replyId,
       required this.repostId,
+      required this.realmId,
       required this.replyTo,
       required this.repostTo,
       required final List<int>? visibleUsersList,
@@ -614,6 +654,8 @@ class _$SnPostImpl extends _SnPost {
       required this.publishedUntil,
       required this.totalUpvote,
       required this.totalDownvote,
+      this.totalViews = 0,
+      this.totalAggregatedViews = 0,
       required this.publisherId,
       required this.pollId,
       required this.publisher,
@@ -687,6 +729,8 @@ class _$SnPostImpl extends _SnPost {
   @override
   final int? repostId;
   @override
+  final int? realmId;
+  @override
   final SnPost? replyTo;
   @override
   final SnPost? repostTo;
@@ -731,6 +775,12 @@ class _$SnPostImpl extends _SnPost {
   @override
   final int totalDownvote;
   @override
+  @JsonKey()
+  final int totalViews;
+  @override
+  @JsonKey()
+  final int totalAggregatedViews;
+  @override
   final int publisherId;
   @override
   final int? pollId;
@@ -743,7 +793,7 @@ class _$SnPostImpl extends _SnPost {
 
   @override
   String toString() {
-    return 'SnPost(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, body: $body, language: $language, alias: $alias, aliasPrefix: $aliasPrefix, tags: $tags, categories: $categories, replies: $replies, replyId: $replyId, repostId: $repostId, replyTo: $replyTo, repostTo: $repostTo, visibleUsersList: $visibleUsersList, invisibleUsersList: $invisibleUsersList, visibility: $visibility, editedAt: $editedAt, pinnedAt: $pinnedAt, lockedAt: $lockedAt, isDraft: $isDraft, publishedAt: $publishedAt, publishedUntil: $publishedUntil, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, publisherId: $publisherId, pollId: $pollId, publisher: $publisher, metric: $metric, preload: $preload)';
+    return 'SnPost(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, type: $type, body: $body, language: $language, alias: $alias, aliasPrefix: $aliasPrefix, tags: $tags, categories: $categories, replies: $replies, replyId: $replyId, repostId: $repostId, realmId: $realmId, replyTo: $replyTo, repostTo: $repostTo, visibleUsersList: $visibleUsersList, invisibleUsersList: $invisibleUsersList, visibility: $visibility, editedAt: $editedAt, pinnedAt: $pinnedAt, lockedAt: $lockedAt, isDraft: $isDraft, publishedAt: $publishedAt, publishedUntil: $publishedUntil, totalUpvote: $totalUpvote, totalDownvote: $totalDownvote, totalViews: $totalViews, totalAggregatedViews: $totalAggregatedViews, publisherId: $publisherId, pollId: $pollId, publisher: $publisher, metric: $metric, preload: $preload)';
   }
 
   @override
@@ -772,6 +822,7 @@ class _$SnPostImpl extends _SnPost {
             (identical(other.replyId, replyId) || other.replyId == replyId) &&
             (identical(other.repostId, repostId) ||
                 other.repostId == repostId) &&
+            (identical(other.realmId, realmId) || other.realmId == realmId) &&
             (identical(other.replyTo, replyTo) || other.replyTo == replyTo) &&
             (identical(other.repostTo, repostTo) ||
                 other.repostTo == repostTo) &&
@@ -796,6 +847,10 @@ class _$SnPostImpl extends _SnPost {
                 other.totalUpvote == totalUpvote) &&
             (identical(other.totalDownvote, totalDownvote) ||
                 other.totalDownvote == totalDownvote) &&
+            (identical(other.totalViews, totalViews) ||
+                other.totalViews == totalViews) &&
+            (identical(other.totalAggregatedViews, totalAggregatedViews) ||
+                other.totalAggregatedViews == totalAggregatedViews) &&
             (identical(other.publisherId, publisherId) ||
                 other.publisherId == publisherId) &&
             (identical(other.pollId, pollId) || other.pollId == pollId) &&
@@ -823,6 +878,7 @@ class _$SnPostImpl extends _SnPost {
         const DeepCollectionEquality().hash(_replies),
         replyId,
         repostId,
+        realmId,
         replyTo,
         repostTo,
         const DeepCollectionEquality().hash(_visibleUsersList),
@@ -836,6 +892,8 @@ class _$SnPostImpl extends _SnPost {
         publishedUntil,
         totalUpvote,
         totalDownvote,
+        totalViews,
+        totalAggregatedViews,
         publisherId,
         pollId,
         publisher,
@@ -875,6 +933,7 @@ abstract class _SnPost extends SnPost {
       required final List<SnPost>? replies,
       required final int? replyId,
       required final int? repostId,
+      required final int? realmId,
       required final SnPost? replyTo,
       required final SnPost? repostTo,
       required final List<int>? visibleUsersList,
@@ -888,6 +947,8 @@ abstract class _SnPost extends SnPost {
       required final DateTime? publishedUntil,
       required final int totalUpvote,
       required final int totalDownvote,
+      final int totalViews,
+      final int totalAggregatedViews,
       required final int publisherId,
       required final int? pollId,
       required final SnPublisher publisher,
@@ -926,6 +987,8 @@ abstract class _SnPost extends SnPost {
   @override
   int? get repostId;
   @override
+  int? get realmId;
+  @override
   SnPost? get replyTo;
   @override
   SnPost? get repostTo;
@@ -952,6 +1015,10 @@ abstract class _SnPost extends SnPost {
   @override
   int get totalDownvote;
   @override
+  int get totalViews;
+  @override
+  int get totalAggregatedViews;
+  @override
   int get publisherId;
   @override
   int? get pollId;
@@ -1590,6 +1657,7 @@ mixin _$SnPostPreload {
   List<SnAttachment?>? get attachments => throw _privateConstructorUsedError;
   SnAttachment? get video => throw _privateConstructorUsedError;
   SnPoll? get poll => throw _privateConstructorUsedError;
+  SnRealm? get realm => throw _privateConstructorUsedError;
 
   /// Serializes this SnPostPreload to a JSON map.
   Map<String, dynamic> toJson() => throw _privateConstructorUsedError;
@@ -1611,11 +1679,13 @@ abstract class $SnPostPreloadCopyWith<$Res> {
       {SnAttachment? thumbnail,
       List<SnAttachment?>? attachments,
       SnAttachment? video,
-      SnPoll? poll});
+      SnPoll? poll,
+      SnRealm? realm});
 
   $SnAttachmentCopyWith<$Res>? get thumbnail;
   $SnAttachmentCopyWith<$Res>? get video;
   $SnPollCopyWith<$Res>? get poll;
+  $SnRealmCopyWith<$Res>? get realm;
 }
 
 /// @nodoc
@@ -1637,6 +1707,7 @@ class _$SnPostPreloadCopyWithImpl<$Res, $Val extends SnPostPreload>
     Object? attachments = freezed,
     Object? video = freezed,
     Object? poll = freezed,
+    Object? realm = freezed,
   }) {
     return _then(_value.copyWith(
       thumbnail: freezed == thumbnail
@@ -1655,6 +1726,10 @@ class _$SnPostPreloadCopyWithImpl<$Res, $Val extends SnPostPreload>
           ? _value.poll
           : poll // ignore: cast_nullable_to_non_nullable
               as SnPoll?,
+      realm: freezed == realm
+          ? _value.realm
+          : realm // ignore: cast_nullable_to_non_nullable
+              as SnRealm?,
     ) as $Val);
   }
 
@@ -1699,6 +1774,20 @@ class _$SnPostPreloadCopyWithImpl<$Res, $Val extends SnPostPreload>
       return _then(_value.copyWith(poll: value) as $Val);
     });
   }
+
+  /// Create a copy of SnPostPreload
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $SnRealmCopyWith<$Res>? get realm {
+    if (_value.realm == null) {
+      return null;
+    }
+
+    return $SnRealmCopyWith<$Res>(_value.realm!, (value) {
+      return _then(_value.copyWith(realm: value) as $Val);
+    });
+  }
 }
 
 /// @nodoc
@@ -1713,7 +1802,8 @@ abstract class _$$SnPostPreloadImplCopyWith<$Res>
       {SnAttachment? thumbnail,
       List<SnAttachment?>? attachments,
       SnAttachment? video,
-      SnPoll? poll});
+      SnPoll? poll,
+      SnRealm? realm});
 
   @override
   $SnAttachmentCopyWith<$Res>? get thumbnail;
@@ -1721,6 +1811,8 @@ abstract class _$$SnPostPreloadImplCopyWith<$Res>
   $SnAttachmentCopyWith<$Res>? get video;
   @override
   $SnPollCopyWith<$Res>? get poll;
+  @override
+  $SnRealmCopyWith<$Res>? get realm;
 }
 
 /// @nodoc
@@ -1740,6 +1832,7 @@ class __$$SnPostPreloadImplCopyWithImpl<$Res>
     Object? attachments = freezed,
     Object? video = freezed,
     Object? poll = freezed,
+    Object? realm = freezed,
   }) {
     return _then(_$SnPostPreloadImpl(
       thumbnail: freezed == thumbnail
@@ -1758,6 +1851,10 @@ class __$$SnPostPreloadImplCopyWithImpl<$Res>
           ? _value.poll
           : poll // ignore: cast_nullable_to_non_nullable
               as SnPoll?,
+      realm: freezed == realm
+          ? _value.realm
+          : realm // ignore: cast_nullable_to_non_nullable
+              as SnRealm?,
     ));
   }
 }
@@ -1769,7 +1866,8 @@ class _$SnPostPreloadImpl implements _SnPostPreload {
       {required this.thumbnail,
       required final List<SnAttachment?>? attachments,
       required this.video,
-      required this.poll})
+      required this.poll,
+      required this.realm})
       : _attachments = attachments;
 
   factory _$SnPostPreloadImpl.fromJson(Map<String, dynamic> json) =>
@@ -1791,10 +1889,12 @@ class _$SnPostPreloadImpl implements _SnPostPreload {
   final SnAttachment? video;
   @override
   final SnPoll? poll;
+  @override
+  final SnRealm? realm;
 
   @override
   String toString() {
-    return 'SnPostPreload(thumbnail: $thumbnail, attachments: $attachments, video: $video, poll: $poll)';
+    return 'SnPostPreload(thumbnail: $thumbnail, attachments: $attachments, video: $video, poll: $poll, realm: $realm)';
   }
 
   @override
@@ -1807,13 +1907,14 @@ class _$SnPostPreloadImpl implements _SnPostPreload {
             const DeepCollectionEquality()
                 .equals(other._attachments, _attachments) &&
             (identical(other.video, video) || other.video == video) &&
-            (identical(other.poll, poll) || other.poll == poll));
+            (identical(other.poll, poll) || other.poll == poll) &&
+            (identical(other.realm, realm) || other.realm == realm));
   }
 
   @JsonKey(includeFromJson: false, includeToJson: false)
   @override
   int get hashCode => Object.hash(runtimeType, thumbnail,
-      const DeepCollectionEquality().hash(_attachments), video, poll);
+      const DeepCollectionEquality().hash(_attachments), video, poll, realm);
 
   /// Create a copy of SnPostPreload
   /// with the given fields replaced by the non-null parameter values.
@@ -1836,7 +1937,8 @@ abstract class _SnPostPreload implements SnPostPreload {
       {required final SnAttachment? thumbnail,
       required final List<SnAttachment?>? attachments,
       required final SnAttachment? video,
-      required final SnPoll? poll}) = _$SnPostPreloadImpl;
+      required final SnPoll? poll,
+      required final SnRealm? realm}) = _$SnPostPreloadImpl;
 
   factory _SnPostPreload.fromJson(Map<String, dynamic> json) =
       _$SnPostPreloadImpl.fromJson;
@@ -1849,6 +1951,8 @@ abstract class _SnPostPreload implements SnPostPreload {
   SnAttachment? get video;
   @override
   SnPoll? get poll;
+  @override
+  SnRealm? get realm;
 
   /// Create a copy of SnPostPreload
   /// with the given fields replaced by the non-null parameter values.

lib/types/post.g.dart

@@ -31,6 +31,7 @@ _$SnPostImpl _$$SnPostImplFromJson(Map<String, dynamic> json) => _$SnPostImpl(
           .toList(),
       replyId: (json['reply_id'] as num?)?.toInt(),
       repostId: (json['repost_id'] as num?)?.toInt(),
+      realmId: (json['realm_id'] as num?)?.toInt(),
       replyTo: json['reply_to'] == null
           ? null
           : SnPost.fromJson(json['reply_to'] as Map<String, dynamic>),
@@ -62,6 +63,9 @@ _$SnPostImpl _$$SnPostImplFromJson(Map<String, dynamic> json) => _$SnPostImpl(
           : DateTime.parse(json['published_until'] as String),
       totalUpvote: (json['total_upvote'] as num).toInt(),
       totalDownvote: (json['total_downvote'] as num).toInt(),
+      totalViews: (json['total_views'] as num?)?.toInt() ?? 0,
+      totalAggregatedViews:
+          (json['total_aggregated_views'] as num?)?.toInt() ?? 0,
       publisherId: (json['publisher_id'] as num).toInt(),
       pollId: (json['poll_id'] as num?)?.toInt(),
       publisher:
@@ -88,6 +92,7 @@ Map<String, dynamic> _$$SnPostImplToJson(_$SnPostImpl instance) =>
       'replies': instance.replies?.map((e) => e.toJson()).toList(),
       'reply_id': instance.replyId,
       'repost_id': instance.repostId,
+      'realm_id': instance.realmId,
       'reply_to': instance.replyTo?.toJson(),
       'repost_to': instance.repostTo?.toJson(),
       'visible_users_list': instance.visibleUsersList,
@@ -101,6 +106,8 @@ Map<String, dynamic> _$$SnPostImplToJson(_$SnPostImpl instance) =>
       'published_until': instance.publishedUntil?.toIso8601String(),
       'total_upvote': instance.totalUpvote,
       'total_downvote': instance.totalDownvote,
+      'total_views': instance.totalViews,
+      'total_aggregated_views': instance.totalAggregatedViews,
       'publisher_id': instance.publisherId,
       'poll_id': instance.pollId,
       'publisher': instance.publisher.toJson(),
@@ -173,6 +180,9 @@ _$SnPostPreloadImpl _$$SnPostPreloadImplFromJson(Map<String, dynamic> json) =>
       poll: json['poll'] == null
           ? null
           : SnPoll.fromJson(json['poll'] as Map<String, dynamic>),
+      realm: json['realm'] == null
+          ? null
+          : SnRealm.fromJson(json['realm'] as Map<String, dynamic>),
     );
 
 Map<String, dynamic> _$$SnPostPreloadImplToJson(_$SnPostPreloadImpl instance) =>
@@ -181,6 +191,7 @@ Map<String, dynamic> _$$SnPostPreloadImplToJson(_$SnPostPreloadImpl instance) =>
       'attachments': instance.attachments?.map((e) => e?.toJson()).toList(),
       'video': instance.video?.toJson(),
       'poll': instance.poll?.toJson(),
+      'realm': instance.realm?.toJson(),
     };
 
 _$SnBodyImpl _$$SnBodyImplFromJson(Map<String, dynamic> json) => _$SnBodyImpl(

lib/types/realm.dart

@@ -43,6 +43,7 @@ class SnRealm with _$SnRealm {
     @HiveField(10) required int accountId,
     @HiveField(11) required bool isPublic,
     @HiveField(12) required bool isCommunity,
+    @Default(0) int popularity,
   }) = _SnRealm;
 
   factory SnRealm.fromJson(Map<String, dynamic> json) =>

lib/types/realm.freezed.dart

@@ -394,6 +394,7 @@ mixin _$SnRealm {
   bool get isPublic => throw _privateConstructorUsedError;
   @HiveField(12)
   bool get isCommunity => throw _privateConstructorUsedError;
+  int get popularity => throw _privateConstructorUsedError;
 
   /// Serializes this SnRealm to a JSON map.
   Map<String, dynamic> toJson() => throw _privateConstructorUsedError;
@@ -423,7 +424,8 @@ abstract class $SnRealmCopyWith<$Res> {
       @HiveField(9) Map<String, dynamic>? accessPolicy,
       @HiveField(10) int accountId,
       @HiveField(11) bool isPublic,
-      @HiveField(12) bool isCommunity});
+      @HiveField(12) bool isCommunity,
+      int popularity});
 }
 
 /// @nodoc
@@ -455,6 +457,7 @@ class _$SnRealmCopyWithImpl<$Res, $Val extends SnRealm>
     Object? accountId = null,
     Object? isPublic = null,
     Object? isCommunity = null,
+    Object? popularity = null,
   }) {
     return _then(_value.copyWith(
       id: null == id
@@ -513,6 +516,10 @@ class _$SnRealmCopyWithImpl<$Res, $Val extends SnRealm>
           ? _value.isCommunity
           : isCommunity // ignore: cast_nullable_to_non_nullable
               as bool,
+      popularity: null == popularity
+          ? _value.popularity
+          : popularity // ignore: cast_nullable_to_non_nullable
+              as int,
     ) as $Val);
   }
 }
@@ -538,7 +545,8 @@ abstract class _$$SnRealmImplCopyWith<$Res> implements $SnRealmCopyWith<$Res> {
       @HiveField(9) Map<String, dynamic>? accessPolicy,
       @HiveField(10) int accountId,
       @HiveField(11) bool isPublic,
-      @HiveField(12) bool isCommunity});
+      @HiveField(12) bool isCommunity,
+      int popularity});
 }
 
 /// @nodoc
@@ -568,6 +576,7 @@ class __$$SnRealmImplCopyWithImpl<$Res>
     Object? accountId = null,
     Object? isPublic = null,
     Object? isCommunity = null,
+    Object? popularity = null,
   }) {
     return _then(_$SnRealmImpl(
       id: null == id
@@ -626,6 +635,10 @@ class __$$SnRealmImplCopyWithImpl<$Res>
           ? _value.isCommunity
           : isCommunity // ignore: cast_nullable_to_non_nullable
               as bool,
+      popularity: null == popularity
+          ? _value.popularity
+          : popularity // ignore: cast_nullable_to_non_nullable
+              as int,
     ));
   }
 }
@@ -648,7 +661,8 @@ class _$SnRealmImpl extends _SnRealm {
       @HiveField(9) required final Map<String, dynamic>? accessPolicy,
       @HiveField(10) required this.accountId,
       @HiveField(11) required this.isPublic,
-      @HiveField(12) required this.isCommunity})
+      @HiveField(12) required this.isCommunity,
+      this.popularity = 0})
       : _members = members,
         _accessPolicy = accessPolicy,
         super._();
@@ -713,10 +727,13 @@ class _$SnRealmImpl extends _SnRealm {
   @override
   @HiveField(12)
   final bool isCommunity;
+  @override
+  @JsonKey()
+  final int popularity;
 
   @override
   String toString() {
-    return 'SnRealm(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, alias: $alias, name: $name, description: $description, members: $members, avatar: $avatar, banner: $banner, accessPolicy: $accessPolicy, accountId: $accountId, isPublic: $isPublic, isCommunity: $isCommunity)';
+    return 'SnRealm(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, alias: $alias, name: $name, description: $description, members: $members, avatar: $avatar, banner: $banner, accessPolicy: $accessPolicy, accountId: $accountId, isPublic: $isPublic, isCommunity: $isCommunity, popularity: $popularity)';
   }
 
   @override
@@ -745,7 +762,9 @@ class _$SnRealmImpl extends _SnRealm {
             (identical(other.isPublic, isPublic) ||
                 other.isPublic == isPublic) &&
             (identical(other.isCommunity, isCommunity) ||
-                other.isCommunity == isCommunity));
+                other.isCommunity == isCommunity) &&
+            (identical(other.popularity, popularity) ||
+                other.popularity == popularity));
   }
 
   @JsonKey(includeFromJson: false, includeToJson: false)
@@ -765,7 +784,8 @@ class _$SnRealmImpl extends _SnRealm {
       const DeepCollectionEquality().hash(_accessPolicy),
       accountId,
       isPublic,
-      isCommunity);
+      isCommunity,
+      popularity);
 
   /// Create a copy of SnRealm
   /// with the given fields replaced by the non-null parameter values.
@@ -798,7 +818,8 @@ abstract class _SnRealm extends SnRealm {
       @HiveField(9) required final Map<String, dynamic>? accessPolicy,
       @HiveField(10) required final int accountId,
       @HiveField(11) required final bool isPublic,
-      @HiveField(12) required final bool isCommunity}) = _$SnRealmImpl;
+      @HiveField(12) required final bool isCommunity,
+      final int popularity}) = _$SnRealmImpl;
   const _SnRealm._() : super._();
 
   factory _SnRealm.fromJson(Map<String, dynamic> json) = _$SnRealmImpl.fromJson;
@@ -844,6 +865,8 @@ abstract class _SnRealm extends SnRealm {
   @override
   @HiveField(12)
   bool get isCommunity;
+  @override
+  int get popularity;
 
   /// Create a copy of SnRealm
   /// with the given fields replaced by the non-null parameter values.

lib/types/realm.g.dart

@@ -128,6 +128,7 @@ _$SnRealmImpl _$$SnRealmImplFromJson(Map<String, dynamic> json) =>
       accountId: (json['account_id'] as num).toInt(),
       isPublic: json['is_public'] as bool,
       isCommunity: json['is_community'] as bool,
+      popularity: (json['popularity'] as num?)?.toInt() ?? 0,
     );
 
 Map<String, dynamic> _$$SnRealmImplToJson(_$SnRealmImpl instance) =>
@@ -146,4 +147,5 @@ Map<String, dynamic> _$$SnRealmImplToJson(_$SnRealmImpl instance) =>
       'account_id': instance.accountId,
       'is_public': instance.isPublic,
       'is_community': instance.isCommunity,
+      'popularity': instance.popularity,
     };

lib/widgets/about.dart

@@ -97,6 +97,13 @@ class AboutScreen extends StatelessWidget {
                       launchUrlString('https://status.solsynth.dev');
                     },
                   ),
+                  TextButton(
+                    style: denseButtonStyle,
+                    child: Text('projectDetail').tr(),
+                    onPressed: () {
+                      launchUrlString('https://solsynth.dev/products/solar-network');
+                    },
+                  ),
                 ],
               ),
             ).center(),
@@ -108,6 +115,12 @@ class AboutScreen extends StatelessWidget {
                 fontSize: 12,
               ),
             ),
+            InkWell(
+              child: Text('GitHub', style: TextStyle(fontSize: 12)),
+              onTap: () {
+                launchUrlString('https://github.com/Solsynth/HyperNet.Surface');
+              },
+            )
           ],
         ),
       ),

lib/widgets/navigation/app_scaffold.dart

@@ -166,10 +166,12 @@ class AppRootScaffold extends StatelessWidget {
                         crossAxisAlignment: CrossAxisAlignment.center,
                         mainAxisAlignment: Platform.isMacOS ? MainAxisAlignment.center : MainAxisAlignment.start,
                         children: [
-                          Text(
-                            'Solar Network',
-                            style: GoogleFonts.spaceGrotesk(),
-                          ).padding(horizontal: 12, vertical: 5),
+                          Expanded(
+                            child: Text(
+                              'Solar Network',
+                              style: GoogleFonts.spaceGrotesk(),
+                            ).padding(horizontal: 12, vertical: 5),
+                          ),
                           if (!Platform.isMacOS)
                             Row(
                               mainAxisSize: MainAxisSize.min,

lib/widgets/post/post_item.dart

@@ -684,6 +684,15 @@ class _PostBottomAction extends StatelessWidget {
                     );
                   },
                 ),
+              InkWell(
+                child: Row(
+                  children: [
+                    Icon(Symbols.play_circle, size: 20, color: iconColor),
+                    const Gap(8),
+                    Text('postViews').plural(data.totalViews),
+                  ],
+                ),
+              ),
             ],
           ),
         InkWell(
@@ -829,7 +838,6 @@ class _PostContentHeader extends StatelessWidget {
       await sn.client.delete('/cgi/co/posts/${data.id}', queryParameters: {
         'publisherId': data.publisherId,
       });
-
       if (!context.mounted) return;
       context.showSnackbar('postDeleted'.tr(args: ['#${data.id}']));
     } catch (err) {
@@ -838,6 +846,25 @@ class _PostContentHeader extends StatelessWidget {
     }
   }
 
+  Future<void> _flagPost(BuildContext context) async {
+    final confirm = await context.showConfirmDialog(
+      'flagPost'.tr(),
+      'flagPostDescription'.tr(),
+    );
+    if (!confirm) return;
+    if (!context.mounted) return;
+
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.post('/cgi/co/posts/${data.id}/flag');
+      if (!context.mounted) return;
+      context.showSnackbar('postFlagged'.tr());
+    } catch (err) {
+      if (!context.mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Row(
@@ -1029,6 +1056,18 @@ class _PostContentHeader extends StatelessWidget {
                   children: [
                     const Icon(Symbols.flag),
                     const Gap(16),
+                    Text('flagPostAction').tr(),
+                  ],
+                ),
+                onTap: () {
+                  _flagPost(context);
+                },
+              ),
+              PopupMenuItem(
+                child: Row(
+                  children: [
+                    const Icon(Symbols.report),
+                    const Gap(16),
                     Text('report').tr(),
                   ],
                 ),

lib/widgets/post/post_media_pending_list.dart

@@ -30,25 +30,21 @@ import 'package:surface/widgets/universal_image.dart';
 import '../attachment/pending_attachment_compress.dart';
 
 class PostMediaPendingList extends StatelessWidget {
-  final PostWriteMedia? thumbnail;
   final List<PostWriteMedia> attachments;
   final bool isBusy;
   final Future<void> Function(int idx, PostWriteMedia updatedMedia)? onUpdate;
   final Future<void> Function(int idx)? onRemove;
   final Future<void> Function(int idx)? onUpload;
-  final void Function(int? idx)? onPostSetThumbnail;
   final void Function(int idx)? onInsertLink;
   final void Function(bool state)? onUpdateBusy;
 
   const PostMediaPendingList({
     super.key,
-    this.thumbnail,
     required this.attachments,
     required this.isBusy,
     this.onUpdate,
     this.onRemove,
     this.onUpload,
-    this.onPostSetThumbnail,
     this.onInsertLink,
     this.onUpdateBusy,
   });
@@ -116,7 +112,7 @@ class PostMediaPendingList extends StatelessWidget {
   }
 
   Future<void> _deleteAttachment(BuildContext context, int idx) async {
-    final media = idx == -1 ? thumbnail! : attachments[idx];
+    final media = attachments[idx];
     if (media.attachment == null) return;
 
     try {
@@ -212,22 +208,6 @@ class PostMediaPendingList extends StatelessWidget {
               onSelected: () {
                 onUpload!(idx);
               }),
-        if (media.attachment != null && media.type == SnMediaType.image && onPostSetThumbnail != null && idx != -1)
-          MenuItem(
-            label: 'attachmentSetAsPostThumbnail'.tr(),
-            icon: Symbols.gallery_thumbnail,
-            onSelected: () {
-              onPostSetThumbnail!(idx);
-            },
-          )
-        else if (media.attachment != null && media.type == SnMediaType.image && onPostSetThumbnail != null)
-          MenuItem(
-            label: 'attachmentUnsetAsPostThumbnail'.tr(),
-            icon: Symbols.cancel,
-            onSelected: () {
-              onPostSetThumbnail!(null);
-            },
-          ),
         if (media.attachment != null && onInsertLink != null)
           MenuItem(
             label: 'attachmentInsertLink'.tr(),
@@ -291,35 +271,18 @@ class PostMediaPendingList extends StatelessWidget {
   Widget build(BuildContext context) {
     return Container(
       constraints: const BoxConstraints(maxHeight: 120),
-      child: Row(
-        children: [
-          const Gap(16),
-          if (thumbnail != null)
-            ContextMenuArea(
-              contextMenu: _createContextMenu(context, -1, thumbnail!),
-              child: _PostMediaPendingItem(media: thumbnail!),
-            ),
-          if (thumbnail != null)
-            const VerticalDivider(width: 1, thickness: 1).padding(
-              horizontal: 12,
-              vertical: 16,
-            ),
-          Expanded(
-            child: ListView.separated(
-              scrollDirection: Axis.horizontal,
-              padding: const EdgeInsets.only(right: 8),
-              separatorBuilder: (context, index) => const Gap(8),
-              itemCount: attachments.length,
-              itemBuilder: (context, idx) {
-                final media = attachments[idx];
-                return ContextMenuArea(
-                  contextMenu: _createContextMenu(context, idx, media),
-                  child: _PostMediaPendingItem(media: media),
-                );
-              },
-            ),
-          ),
-        ],
+      child: ListView.separated(
+        scrollDirection: Axis.horizontal,
+        padding: const EdgeInsets.symmetric(horizontal: 8),
+        separatorBuilder: (context, index) => const Gap(8),
+        itemCount: attachments.length,
+        itemBuilder: (context, idx) {
+          final media = attachments[idx];
+          return ContextMenuArea(
+            contextMenu: _createContextMenu(context, idx, media),
+            child: _PostMediaPendingItem(media: media),
+          );
+        },
       ),
     );
   }

lib/widgets/realm/realm_item.dart

@@ -0,0 +1,149 @@
+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/types/realm.dart';
+import 'package:surface/widgets/account/account_image.dart';
+import 'package:surface/widgets/universal_image.dart';
+
+class RealmItemWidget extends StatelessWidget {
+  final SnRealm item;
+  final bool isListView;
+  final List<PopupMenuItem>? actionListView;
+  final Function? onUpdate;
+  final Function? onTap;
+  final bool showPopularity;
+
+  const RealmItemWidget({
+    super.key,
+    required this.item,
+    required this.isListView,
+    this.actionListView,
+    this.onUpdate,
+    this.onTap,
+    this.showPopularity = true,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    if (isListView) {
+      return ListTile(
+        contentPadding: const EdgeInsets.symmetric(horizontal: 16),
+        leading: AccountImage(
+          content: item.avatar,
+          fallbackWidget: const Icon(Symbols.group, size: 20),
+        ),
+        title: Text(item.name),
+        subtitle: Row(
+          children: [
+            if (showPopularity) const Icon(Symbols.local_fire_department, size: 18).padding(right: 1),
+            if (showPopularity) Text(item.popularity.toString()),
+            if (showPopularity) const Gap(6),
+            Expanded(
+              child: Text(
+                item.description,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+              ),
+            ),
+          ],
+        ),
+        trailing:
+            actionListView != null ? PopupMenuButton(itemBuilder: (BuildContext context) => actionListView!) : null,
+        onTap: () {
+          if (onTap != null) {
+            onTap!();
+            return;
+          }
+          GoRouter.of(context).pushNamed(
+            'realmDetail',
+            pathParameters: {'alias': item.alias},
+          ).then((value) {
+            if (value == true) {
+              onUpdate?.call();
+            }
+          });
+        },
+      );
+    }
+
+    final sn = context.read<SnNetworkProvider>();
+
+    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: (item.banner?.isEmpty ?? true)
+                            ? const SizedBox.shrink()
+                            : AutoResizeUniversalImage(
+                                sn.getAttachmentUrl(item.banner!),
+                                fit: BoxFit.cover,
+                              ),
+                      ),
+                    ),
+                    Positioned(
+                      bottom: -30,
+                      left: 18,
+                      child: AccountImage(
+                        content: item.avatar,
+                        radius: 24,
+                        fallbackWidget: const Icon(Symbols.group, size: 24),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              const Gap(20 + 12),
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(item.name).textStyle(Theme.of(context).textTheme.titleMedium!),
+                  if (showPopularity)
+                    Row(
+                      children: [
+                        Text(item.popularity.toString()),
+                        const Icon(Symbols.local_fire_department, size: 16).padding(bottom: 2),
+                      ],
+                    ).padding(top: 6),
+                  Text(item.description).textStyle(Theme.of(context).textTheme.bodySmall!),
+                ],
+              ).padding(horizontal: 24, bottom: 14),
+            ],
+          ),
+          onTap: () {
+            if (onTap != null) {
+              onTap!();
+              return;
+            }
+            GoRouter.of(context).pushNamed(
+              'realmDetail',
+              pathParameters: {'alias': item.alias},
+            ).then((value) {
+              if (value == true) {
+                onUpdate?.call();
+              }
+            });
+          },
+        ),
+      ),
+    ).center();
+  }
+}

linux/flutter/generated_plugin_registrant.cc

@@ -15,6 +15,7 @@
 #include <media_kit_libs_linux/media_kit_libs_linux_plugin.h>
 #include <media_kit_video/media_kit_video_plugin.h>
 #include <pasteboard/pasteboard_plugin.h>
+#include <sqlite3_flutter_libs/sqlite3_flutter_libs_plugin.h>
 #include <tray_manager/tray_manager_plugin.h>
 #include <url_launcher_linux/url_launcher_plugin.h>
 
@@ -46,6 +47,9 @@ void fl_register_plugins(FlPluginRegistry* registry) {
   g_autoptr(FlPluginRegistrar) pasteboard_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "PasteboardPlugin");
   pasteboard_plugin_register_with_registrar(pasteboard_registrar);
+  g_autoptr(FlPluginRegistrar) sqlite3_flutter_libs_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "Sqlite3FlutterLibsPlugin");
+  sqlite3_flutter_libs_plugin_register_with_registrar(sqlite3_flutter_libs_registrar);
   g_autoptr(FlPluginRegistrar) tray_manager_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "TrayManagerPlugin");
   tray_manager_plugin_register_with_registrar(tray_manager_registrar);

linux/flutter/generated_plugins.cmake

@@ -12,6 +12,7 @@ list(APPEND FLUTTER_PLUGIN_LIST
   media_kit_libs_linux
   media_kit_video
   pasteboard
+  sqlite3_flutter_libs
   tray_manager
   url_launcher_linux
 )

linux/my_application.cc

@@ -1,6 +1,5 @@
-#include "my_application.h"
-
 #include <bitsdojo_window_linux/bitsdojo_window_plugin.h>
+#include "my_application.h"
 
 #include <flutter_linux/flutter_linux.h>
 #ifdef GDK_WINDOWING_X11
@@ -42,15 +41,16 @@ static void my_application_activate(GApplication* application) {
   if (use_header_bar) {
     GtkHeaderBar* header_bar = GTK_HEADER_BAR(gtk_header_bar_new());
     gtk_widget_show(GTK_WIDGET(header_bar));
-    gtk_header_bar_set_title(header_bar, "Surface");
+    gtk_header_bar_set_title(header_bar, "bitsdojo_window_example");
     gtk_header_bar_set_show_close_button(header_bar, TRUE);
     gtk_window_set_titlebar(window, GTK_WIDGET(header_bar));
   } else {
-    gtk_window_set_title(window, "Surface");
+    gtk_window_set_title(window, "bitsdojo_window_example");
   }
 
   auto bdw = bitsdojo_window_from(window);
   bdw->setCustomFrame(true);
+  //gtk_window_set_default_size(window, 1280, 720);
   gtk_widget_show(GTK_WIDGET(window));
 
   g_autoptr(FlDartProject) project = fl_dart_project_new();
@@ -84,24 +84,6 @@ static gboolean my_application_local_command_line(GApplication* application, gch
   return TRUE;
 }
 
-// Implements GApplication::startup.
-static void my_application_startup(GApplication* application) {
-  //MyApplication* self = MY_APPLICATION(object);
-
-  // Perform any actions required at application startup.
-
-  G_APPLICATION_CLASS(my_application_parent_class)->startup(application);
-}
-
-// Implements GApplication::shutdown.
-static void my_application_shutdown(GApplication* application) {
-  //MyApplication* self = MY_APPLICATION(object);
-
-  // Perform any actions required at application shutdown.
-
-  G_APPLICATION_CLASS(my_application_parent_class)->shutdown(application);
-}
-
 // Implements GObject::dispose.
 static void my_application_dispose(GObject* object) {
   MyApplication* self = MY_APPLICATION(object);
@@ -112,8 +94,6 @@ static void my_application_dispose(GObject* object) {
 static void my_application_class_init(MyApplicationClass* klass) {
   G_APPLICATION_CLASS(klass)->activate = my_application_activate;
   G_APPLICATION_CLASS(klass)->local_command_line = my_application_local_command_line;
-  G_APPLICATION_CLASS(klass)->startup = my_application_startup;
-  G_APPLICATION_CLASS(klass)->shutdown = my_application_shutdown;
   G_OBJECT_CLASS(klass)->dispose = my_application_dispose;
 }
 

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -30,6 +30,7 @@ import screen_brightness_macos
 import share_plus
 import shared_preferences_foundation
 import sqflite_darwin
+import sqlite3_flutter_libs
 import tray_manager
 import url_launcher_macos
 import video_compress
@@ -61,6 +62,7 @@ func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
   SharePlusMacosPlugin.register(with: registry.registrar(forPlugin: "SharePlusMacosPlugin"))
   SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin"))
   SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin"))
+  Sqlite3FlutterLibsPlugin.register(with: registry.registrar(forPlugin: "Sqlite3FlutterLibsPlugin"))
   TrayManagerPlugin.register(with: registry.registrar(forPlugin: "TrayManagerPlugin"))
   UrlLauncherPlugin.register(with: registry.registrar(forPlugin: "UrlLauncherPlugin"))
   VideoCompressPlugin.register(with: registry.registrar(forPlugin: "VideoCompressPlugin"))

pubspec.lock

@@ -191,7 +191,7 @@ packages:
     source: hosted
     version: "3.4.1"
   cached_network_image_platform_interface:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: cached_network_image_platform_interface
       sha256: "35814b016e37fbdc91f7ae18c8caf49ba5c88501813f73ce8a07027a395e2829"
@@ -230,6 +230,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  charcode:
+    dependency: transitive
+    description:
+      name: charcode
+      sha256: fb0f1107cac15a5ea6ef0a6ef71a807b9e4267c713bb93e00e92d737cc8dbd8a
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.0"
   checked_yaml:
     dependency: transitive
     description:
@@ -354,10 +362,10 @@ packages:
     dependency: "direct main"
     description:
       name: dart_webrtc
-      sha256: "3b3ff59c66cbc1577ed0f28d7005b5163555208fb1697a42207424ab8baa27c5"
+      sha256: "03df5b41b23bc185ebcf4b0ffc92d002e295bf56287fb5f9d2c321ddaf7760cc"
       url: "https://pub.dev"
     source: hosted
-    version: "1.5.0"
+    version: "1.5.1"
   dbus:
     dependency: transitive
     description:
@@ -414,6 +422,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.2"
+  drift:
+    dependency: "direct main"
+    description:
+      name: drift
+      sha256: "97d5832657d49f26e7a8e07de397ddc63790b039372878d5117af816d0fdb5cb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.25.1"
+  drift_dev:
+    dependency: "direct dev"
+    description:
+      name: drift_dev
+      sha256: f1db88482dbb016b9bbddddf746d5d0a6938b156ff20e07320052981f97388cc
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.25.2"
+  drift_flutter:
+    dependency: "direct main"
+    description:
+      name: drift_flutter
+      sha256: "0cadbf3b8733409a6cf61d18ba2e94e149df81df7de26f48ae0695b48fd71922"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.4"
   dropdown_button2:
     dependency: "direct main"
     description:
@@ -538,10 +570,10 @@ packages:
     dependency: transitive
     description:
       name: file_selector_windows
-      sha256: "8f5d2f6590d51ecd9179ba39c64f722edc15226cc93dcc8698466ad36a4a85a4"
+      sha256: "320fcfb6f33caa90f0b58380489fc5ac05d99ee94b61aa96ec2bff0ba81d3c2b"
       url: "https://pub.dev"
     source: hosted
-    version: "0.9.3+3"
+    version: "0.9.3+4"
   firebase_analytics:
     dependency: "direct main"
     description:
@@ -1083,7 +1115,7 @@ packages:
     source: hosted
     version: "0.2.1+2"
   image_picker_platform_interface:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: image_picker_platform_interface
       sha256: "886d57f0be73c4b140004e78b9f28a8914a09e50c2d816bdd0520051a71236a0"
@@ -1642,6 +1674,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.1.0"
+  recase:
+    dependency: transitive
+    description:
+      name: recase
+      sha256: e4eb4ec2dcdee52dcf99cb4ceabaffc631d7424ee55e56f280bc039737f89213
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.1.0"
   receive_sharing_intent:
     dependency: "direct main"
     description:
@@ -1935,6 +1975,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.4.0"
+  sqlite3:
+    dependency: transitive
+    description:
+      name: sqlite3
+      sha256: "32b632dda27d664f85520093ed6f735ae5c49b5b75345afb8b19411bc59bb53d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.7.4"
+  sqlite3_flutter_libs:
+    dependency: transitive
+    description:
+      name: sqlite3_flutter_libs
+      sha256: "57fafacd815c981735406215966ff7caaa8eab984b094f52e692accefcbd9233"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.5.30"
+  sqlparser:
+    dependency: transitive
+    description:
+      name: sqlparser
+      sha256: "27dd0a9f0c02e22ac0eb42a23df9ea079ce69b52bb4a3b478d64e0ef34a263ee"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.41.0"
   stack_trace:
     dependency: transitive
     description:

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: "none" # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 2.3.2+69
+version: 2.3.2+70
 
 environment:
   sdk: ^3.5.4
@@ -121,6 +121,10 @@ dependencies:
   tray_manager: ^0.3.2
   hotkey_manager: ^0.2.3
   image_picker_android: ^0.8.12+20
+  cached_network_image_platform_interface: ^4.1.1
+  image_picker_platform_interface: ^2.10.1
+  drift: ^2.25.1
+  drift_flutter: ^0.2.4
 
 dev_dependencies:
   flutter_test:
@@ -132,13 +136,14 @@ dev_dependencies:
   # package. See that file for information about deactivating specific lint
   # rules and activating additional ones.
   flutter_lints: ^5.0.0
-  build_runner: ^2.4.13
+  build_runner: ^2.4.15
   freezed: ^2.5.7
   json_serializable: ^6.8.0
   icons_launcher: ^3.0.0
   flutter_native_splash: ^2.4.2
   hive_generator: ^2.0.1
   flutter_launcher_icons: ^0.14.1
+  drift_dev: ^2.25.2
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec

web/manifest.json

@@ -1,11 +1,11 @@
 {
-    "name": "surface",
-    "short_name": "surface",
+    "name": "Solar Network",
+    "short_name": "Solian",
     "start_url": ".",
     "display": "standalone",
     "background_color": "#ffffff",
     "theme_color": "#ffffff",
-    "description": "A new Flutter project.",
+    "description": "The Solar Network is a social network app.",
     "orientation": "portrait-primary",
     "prefer_related_applications": false,
     "icons": [

windows/flutter/generated_plugin_registrant.cc

@@ -23,6 +23,7 @@
 #include <permission_handler_windows/permission_handler_windows_plugin.h>
 #include <screen_brightness_windows/screen_brightness_windows_plugin.h>
 #include <share_plus/share_plus_windows_plugin_c_api.h>
+#include <sqlite3_flutter_libs/sqlite3_flutter_libs_plugin.h>
 #include <tray_manager/tray_manager_plugin.h>
 #include <url_launcher_windows/url_launcher_windows.h>
 
@@ -61,6 +62,8 @@ void RegisterPlugins(flutter::PluginRegistry* registry) {
       registry->GetRegistrarForPlugin("ScreenBrightnessWindowsPlugin"));
   SharePlusWindowsPluginCApiRegisterWithRegistrar(
       registry->GetRegistrarForPlugin("SharePlusWindowsPluginCApi"));
+  Sqlite3FlutterLibsPluginRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("Sqlite3FlutterLibsPlugin"));
   TrayManagerPluginRegisterWithRegistrar(
       registry->GetRegistrarForPlugin("TrayManagerPlugin"));
   UrlLauncherWindowsRegisterWithRegistrar(

windows/flutter/generated_plugins.cmake

@@ -20,6 +20,7 @@ list(APPEND FLUTTER_PLUGIN_LIST
   permission_handler_windows
   screen_brightness_windows
   share_plus
+  sqlite3_flutter_libs
   tray_manager
   url_launcher_windows
 )