🚀 Launch 2.2.2+54

⬆️ Upgrade deps
✨ Notification indicator
2025-01-20 17:35:13 +08:00 · 2025-01-20 16:53:38 +08:00 · 2025-01-20 16:52:53 +08:00 · 2025-01-20 14:40:26 +08:00 · 2025-01-20 14:21:41 +08:00 · 2025-01-20 01:43:11 +08:00
62 changed files with 4370 additions and 1286 deletions
--- a/.roadsignrc
+++ b/.roadsignrc
@@ -1,12 +1,12 @@
 {
  "sync": {
-    "region": "solian-next",
+    "region": "solian",
    "configPath": "roadsign.toml"
  },
  "deployments": [
    {
-      "region": "solian-next",
-      "site": "solian-next-web",
+      "region": "solian",
+      "site": "solian-web",
      "path": "build/web"
    }
  ]
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -17,6 +17,7 @@
        android:label="Solian"
        android:name="${applicationName}"
        android:icon="@mipmap/ic_launcher"
+        android:enableOnBackInvokedCallback="true"
        android:requestLegacyExternalStorage="true">
        <activity
            android:name=".MainActivity"
--- a/api/Paperclip/Activate
+++ b/api/Paperclip/Activate
@@ -0,0 +1,26 @@
+meta {
+  name: Activate Boost
+  type: http
+  seq: 1
+}
+
+post {
+  url: {{endpoint}}/cgi/uc/boosts/1/activate
+  body: none
+  auth: inherit
+}
+
+body:json {
+  {
+    "client_id": "{{third_client_id}}",
+    "client_secret":"{{third_client_tk}}",
+    "type": "general",
+    "subject": "Merry Christmas!",
+    "subtitle": "一条来自 Solar Network 团队的信息",
+    "content": "今天是 12 月 25 日 (UTC+8)，小羊祝您圣诞快乐 🎄",
+    "metadata": {
+      "image": "6EqsYQwmFRCkbmhR"
+    },
+    "priority": 10
+  }
+}
--- a/api/Paperclip/Stickers/Create
+++ b/api/Paperclip/Stickers/Create
@@ -0,0 +1,19 @@
+meta {
+  name: Create Sticker Pack
+  type: http
+  seq: 1
+}
+
+post {
+  url: {{endpoint}}/cgi/uc/stickers/packs
+  body: json
+  auth: inherit
+}
+
+body:json {
+  {
+    "prefix": "cat",
+    "name": "Solar Network full of Cats!",
+    "description": "The sticker packs is full of stickers which related with cats!"
+  }
+}
--- a/api/Paperclip/Stickers/Create
+++ b/api/Paperclip/Stickers/Create
@@ -0,0 +1,20 @@
+meta {
+  name: Create Sticker
+  type: http
+  seq: 2
+}
+
+post {
+  url: {{endpoint}}/cgi/uc/stickers
+  body: json
+  auth: inherit
+}
+
+body:json {
+  {
+    "alias": "AteChip",
+    "name": "Cat ate chips",
+    "attachment_id": "d0b692cc64054463",
+    "pack_id": 2
+  }
+}
--- a/api/Passport/Developer
+++ b/api/Passport/Developer
@@ -7,11 +7,7 @@ meta {
 post {
  url: {{endpoint}}/cgi/id/dev/notify/all
  body: json
-  auth: bearer
-}
-
-auth:bearer {
-  token: {{atk}}
+  auth: inherit
 }

 body:json {
--- a/api/collection.bru
+++ b/api/collection.bru
@@ -0,0 +1,7 @@
+auth {
+  mode: bearer
+}
+
+auth:bearer {
+  token: {{atk}}
+}
--- a/assets/translations/en-US.json
+++ b/assets/translations/en-US.json
@@ -181,6 +181,8 @@
  "settingsAppearance": "Appearance",
  "settingsAppBarTransparent": "Transparent App Bar",
  "settingsAppBarTransparentDescription": "Enable transparent effect for the app bar.",
+  "settingsDrawerPreferCollapse": "Prefer Drawer Collapse",
+  "settingsDrawerPreferCollapseDescription": "Make the drawer to collapse even when the screen is wide enough.",
  "settingsBackgroundImage": "Background Image",
  "settingsBackgroundImageDescription": "Set the background image that will be applied globally.",
  "settingsBackgroundImageClear": "Clear Existing Background Image",
@@ -213,8 +215,9 @@
  "sensitiveContentCollapsed": "Sensitive content has been collapsed.",
  "sensitiveContentDescription": "This content has been marked as sensitive, and may not be suitable for all viewers.",
  "sensitiveContentReveal": "Reveal",
-  "serverConnecting": "Connecting to server...",
-  "serverDisconnected": "Lost connection from server",
+  "serverConnecting": "Connecting...",
+  "serverDisconnected": "Connection Lost",
+  "serverConnected": "Connected",
  "fieldChatAlias": "Channel Alias",
  "fieldChatAliasHint": "The unique channel alias within the site, used to represent the channel in URL, leave blank to auto generate. Should be URL-Safe.",
  "fieldChatName": "Name",
@@ -281,23 +284,50 @@
    "one": "{} attachment",
    "other": "{} attachments"
  },
+  "messageTyping": {
+    "one": "{} is typing...",
+    "other": "{} are typing..."
+  },
  "fieldAttachmentRandomId": "Random ID",
+  "fieldAttachmentAlt": "Alternative text",
  "addAttachmentFromAlbum": "Add from album",
  "addAttachmentFromClipboard": "Paste file",
  "addAttachmentFromCameraPhoto": "Take photo",
  "addAttachmentFromCameraVideo": "Take video",
  "addAttachmentFromRandomId": "Link via RID",
+  "attachmentDetailInfo": "Attachment details",
  "attachmentPastedImage": "Pasted Image",
  "attachmentInsertLink": "Insert Link",
  "attachmentSetAsPostThumbnail": "Set as post thumbnail",
  "attachmentUnsetAsPostThumbnail": "Unset as post thumbnail",
  "attachmentCompressVideo": "Re-encode video",
  "attachmentSetThumbnail": "Set thumbnail",
+  "attachmentSetAlt": "Set alternative text",
  "attachmentCopyRandomId": "Copy RID",
  "attachmentUpload": "Upload",
  "attachmentInputDialog": "Upload attachments",
  "attachmentInputUseRandomId": "Use Random ID",
  "attachmentInputNew": "New Upload",
+  "waitingForUpload": "Waiting for upload",
+  "attachmentVideoCompressHint": "Compress a copy of this video",
+  "attachmentVideoCompressHintDescription": "Do you want to upload a compress copy of video {}? It will help your audience to preview this video faster and they still can watch the original video. It will take some while to process the video on your device, so please be patient.",
+  "attachmentCompressQuality": "Compress quality",
+  "attachmentCompressQualityHighest": "Highest",
+  "attachmentCompressQualityDefault": "Default",
+  "attachmentCompressQualityMedium": "Medium",
+  "attachmentCompressQualityLow": "Low",
+  "attachmentCompressQualityHint": "Solar Network doesn't prevent you from uploading large files, high resolution, high bitrate videos. But for your network conditions, we suggest you choose a suitable compression quality.",
+  "attachmentUploaded": "Uploaded",
+  "attachmentPending": "Pending",
+  "attachmentCopyCompressed": "Copy compressed",
+  "attachmentGotBoosted": "Boosted",
+  "attachmentBoost": "Boost",
+  "attachmentCreateBoost": "Create Boost",
+  "attachmentBoostHint": "Boost is a feature that allows you to upload attachments to a server closer to your audience or a faster content network. This feature is currently in beta and is subject to change. It's all free for now, you can feel free to try, you will get notified when the pricing plan changed.",
+  "attachmentDestinationRegion": "Destination Region",
+  "attachmentDestinationRegionAPAC": "Asia Pacific",
+  "attachmentDestinationRegionNGB": "Ning Bo, China, Zhejiang",
+  "attachmentDestinationRegionHKG": "Hong Kong",
  "notification": "Notification",
  "notificationUnreadCount": {
    "zero": "All notifications read",
@@ -388,6 +418,9 @@
  "celebrateBirthday": "Happy birthday, {}!",
  "celebrateMerryXmas": "Merry christmas, {}！",
  "celebrateNewYear": "Happy new year, {}！",
+  "celebrateLunarNewYear": "Happy lunar new year, {}！",
+  "celebrateMidAutumn": "Happy mid-autumn festival, {}！",
+  "celebrateDragonBoat": "Happy dragon boat festival, {}！",
  "celebrateValentineDay": "Today is valentine's day, {}!",
  "celebrateLaborDay": "Today is labor day, {}.",
  "celebrateMotherDay": "Today is mother's day, {}.",
@@ -397,6 +430,9 @@
  "celebrateThanksgiving": "Today is thanksgiving day, {}!",
  "pendingBirthday": "Birthday in {}",
  "pendingMerryXmas": "Christmas in {}",
+  "pendingLunarNewYear": "Lunar new year in {}",
+  "pendingMidAutumn": "Mid-autumn festival in {}",
+  "pendingDragonBoat": "Dragon boat festival in {}",
  "pendingNewYear": "New year in {}",
  "pendingValentineDay": "Valentine's day in {}",
  "pendingLaborDay": "Labor day in {}",
@@ -438,6 +474,7 @@
  "accountJoinedAt": "Joined at {}",
  "accountBirthday": "Born on {}",
  "accountBadge": "Badge",
+  "accountCheckInNoRecords": "No check-in records",
  "badgeCompanyStaff": "Solsynth Staff",
  "badgeSiteMigration": "Solar Network Native",
  "accountStatus": "Status",
@@ -446,6 +483,7 @@
  "accountStatusLastSeen": "Last seen at {}",
  "postArticle": "Article on the Solar Network",
  "postStory": "Story on the Solar Network",
+  "postLocalDraftRestored": "Restored from device",
  "articleWrittenAt": "Written at {}",
  "articleEditedAt": "Edited at {}",
  "attachmentSaved": "Saved to album",
@@ -489,7 +527,7 @@
  "appInitializing": "Initializing",
  "poweredBy": "Powered by {}",
  "shareIntent": "Share",
-  "shareIntentDescription":  "What do you want to do with the content you are sharing?",
+  "shareIntentDescription": "What do you want to do with the content you are sharing?",
  "shareIntentPostStory": "Post a Story",
  "updateAvailable": "Update Available",
  "updateOngoing": "Updating, please wait...",
@@ -513,12 +551,5 @@
  "postCategoryKnowledge": "Knowledge",
  "postCategoryLiterature": "Literature",
  "postCategoryFunny": "Funny",
-  "postCategoryUncategorized": "Uncategorized",
-  "waitingForUpload": "Waiting for upload",
-  "attachmentCompressQuality": "Compress quality",
-  "attachmentCompressQualityHighest": "Highest",
-  "attachmentCompressQualityDefault": "Default",
-  "attachmentCompressQualityMedium": "Medium",
-  "attachmentCompressQualityLow": "Low",
-  "attachmentCompressQualityHint": "Solar Network doesn't prevent you from uploading large files, high resolution, high bitrate videos. But for your network conditions, we suggest you choose a suitable compression quality."
+  "postCategoryUncategorized": "Uncategorized"
 }
--- a/assets/translations/zh-CN.json
+++ b/assets/translations/zh-CN.json
@@ -185,6 +185,8 @@
  "settingsThemeMaterial3Description": "将应用主题设置为 Material 3 设计范式的主题。",
  "settingsAppBarTransparent": "透明顶栏",
  "settingsAppBarTransparentDescription": "为顶栏启用透明效果。",
+  "settingsDrawerPreferCollapse": "侧边栏偏好折叠",
+  "settingsDrawerPreferCollapseDescription": "将侧边栏优先折叠，即使屏幕宽度足够大去放下整个侧边栏。",
  "settingsColorScheme": "主题色",
  "settingsColorSchemeDescription": "设置应用主题色。",
  "settingsColorSeed": "预设色彩主题",
@@ -211,8 +213,9 @@
  "sensitiveContentCollapsed": "敏感内容已折叠。",
  "sensitiveContentDescription": "此内容已被标记，可能不适合所有人查看。",
  "sensitiveContentReveal": "显示内容",
-  "serverConnecting": "正在连接服务器…",
-  "serverDisconnected": "已与服务器断开连接",
+  "serverConnecting": "正在连接…",
+  "serverDisconnected": "已断开连接",
+  "serverConnected": "已连接",
  "fieldChatAlias": "频道别名",
  "fieldChatAliasHint": "全站范围内唯一的频道别名，用于在 URL 中表示该频道，留空则自动生成。应遵循 URL-Safe 的原则。",
  "fieldChatName": "名称",
@@ -279,23 +282,50 @@
    "one": "{} 个附件",
    "other": "{} 个附件"
  },
+  "messageTyping": {
+    "one": "{} 正在输入",
+    "other": "{} 正在输入"
+  },
  "fieldAttachmentRandomId": "访问 ID",
+  "fieldAttachmentAlt": "概述文字",
  "addAttachmentFromAlbum": "从相册中添加附件",
  "addAttachmentFromClipboard": "粘贴附件",
  "addAttachmentFromCameraPhoto": "拍摄照片",
  "addAttachmentFromCameraVideo": "拍摄视频",
  "addAttachmentFromRandomId": "通过访问 ID 链接",
+  "attachmentDetailInfo": "附件详细信息",
  "attachmentPastedImage": "粘贴的图片",
  "attachmentInsertLink": "插入连接",
  "attachmentSetAsPostThumbnail": "设置为帖子缩略图",
  "attachmentUnsetAsPostThumbnail": "取消设置为帖子缩略图",
  "attachmentCompressVideo": "重新编码视频",
  "attachmentSetThumbnail": "设置缩略图",
+  "attachmentSetAlt": "设置概述文字",
  "attachmentCopyRandomId": "复制访问 ID",
  "attachmentUpload": "上传",
  "attachmentInputDialog": "上传附件",
  "attachmentInputUseRandomId": "使用访问 ID",
  "attachmentInputNew": "新上传附件",
+  "waitingForUpload": "等待上传",
+  "attachmentVideoCompressHint": "压缩一份视频的副本",
+  "attachmentVideoCompressHintDescription": "你想上传压缩视频 {} 的副本吗？它将帮助你的观众快速预览视频，并且他们仍然可以观看原始视频。这将会在在你的设备上处理视频，所以需要一些时间，所以请耐心等待。",
+  "attachmentCompressQuality": "压缩质量",
+  "attachmentCompressQualityHighest": "最高",
+  "attachmentCompressQualityDefault": "默认",
+  "attachmentCompressQualityMedium": "中等",
+  "attachmentCompressQualityLow": "低",
+  "attachmentCompressQualityHint": "Solar Network 并没有阻止你上传大文件、高分辨率、高码率的视频，但是为了你的网络情况观众考虑，我们建议你选择一个合适的压缩质量。",
+  "attachmentUploaded": "已上传",
+  "attachmentPending": "未上传",
+  "attachmentCopyCompressed": "有压缩副本",
+  "attachmentGotBoosted": "有加速传递",
+  "attachmentBoost": "加速包",
+  "attachmentCreateBoost": "加速传递",
+  "attachmentBoostHint": "加速传递允许您将附件上传到更近的受众或更快的内容网络。该功能目前处于 Beta 阶段。该功能限时免费，当有价格计划更改时，您将会被通知。",
+  "attachmentDestinationRegion": "目标节点",
+  "attachmentDestinationRegionAPAC": "亚太地区",
+  "attachmentDestinationRegionNGB": "中国 · 浙江 · 宁波",
+  "attachmentDestinationRegionHKG": "香港",
  "notification": "通知",
  "notificationUnreadCount": {
    "zero": "无未读通知",
@@ -384,6 +414,9 @@
  "dailyCheckNegativeHint6": "出门",
  "dailyCheckNegativeHint6Description": "忘带伞遇上大雨",
  "celebrateBirthday": "生日快乐，{}！",
+  "celebrateLunarNewYear": "春节快乐，{}！",
+  "celebrateMidAutumn": "中秋节快乐，{}！",
+  "celebrateDragonBoat": "端午节快乐，{}！",
  "celebrateMerryXmas": "圣诞快乐，{}！",
  "celebrateNewYear": "新年快乐，{}！",
  "celebrateValentineDay": "今天是情人节，{}！",
@@ -393,6 +426,9 @@
  "celebrateFatherDay": "今天是父亲节，{}。",
  "celebrateHalloween": "快乐在圣诞节，{}！",
  "celebrateThanksgiving": "今天是感恩节，{}！",
+  "pendingLunarNewYear": "{} 过春节",
+  "pendingMidAutumn": "{} 过中秋节",
+  "pendingDragonBoat": "{} 过端午节",
  "pendingBirthday": "{} 过生日",
  "pendingMerryXmas": "{} 过圣诞节",
  "pendingNewYear": "{} 跨年",
@@ -436,6 +472,7 @@
  "accountJoinedAt": "加入于 {}",
  "accountBirthday": "出生于 {}",
  "accountBadge": "徽章",
+  "accountCheckInNoRecords": "暂无运势记录",
  "badgeCompanyStaff": "索尔辛茨士大夫 · 员工",
  "badgeSiteMigration": "Solar Network 原住民",
  "accountStatus": "状态",
@@ -444,6 +481,7 @@
  "accountStatusLastSeen": "最后一次上线于 {}",
  "postArticle": "Solar Network 上的文章",
  "postStory": "Solar Network 上的故事",
+  "postLocalDraftRestored": "从本地恢复草稿",
  "articleWrittenAt": "发表于 {}",
  "articleEditedAt": "编辑于 {}",
  "attachmentSaved": "已保存到相册",
@@ -511,12 +549,5 @@
  "postCategoryKnowledge": "知识",
  "postCategoryLiterature": "文学",
  "postCategoryFunny": "搞笑",
-  "postCategoryUncategorized": "未分类",
-  "waitingForUpload": "等待上传",
-  "attachmentCompressQuality": "压缩质量",
-  "attachmentCompressQualityHighest": "最高",
-  "attachmentCompressQualityDefault": "默认",
-  "attachmentCompressQualityMedium": "中等",
-  "attachmentCompressQualityLow": "低",
-  "attachmentCompressQualityHint": "Solar Network 并没有阻止你上传大文件、高分辨率、高码率的视频，但是为了你的网络情况观众考虑，我们建议你选择一个合适的压缩质量。"
+  "postCategoryUncategorized": "未分类"
 }
--- a/assets/translations/zh-HK.json
+++ b/assets/translations/zh-HK.json
@@ -185,6 +185,8 @@
  "settingsThemeMaterial3Description": "將應用主題設置為 Material 3 設計範式的主題。",
  "settingsAppBarTransparent": "透明頂欄",
  "settingsAppBarTransparentDescription": "為頂欄啓用透明效果。",
+  "settingsDrawerPreferCollapse": "側邊欄偏好摺疊",
+  "settingsDrawerPreferCollapseDescription": "將側邊欄優先摺疊，即使屏幕寬度足夠大去放下整個側邊欄。",
  "settingsColorScheme": "主題色",
  "settingsColorSchemeDescription": "設置應用主題色。",
  "settingsColorSeed": "預設色彩主題",
@@ -279,7 +281,12 @@
    "one": "{} 個附件",
    "other": "{} 個附件"
  },
+  "messageTyping": {
+    "one": "{} 正在輸入",
+    "other": "{} 正在輸入"
+  },
  "fieldAttachmentRandomId": "訪問 ID",
+  "fieldAttachmentAlt": "概述文字",
  "addAttachmentFromAlbum": "從相冊中添加附件",
  "addAttachmentFromClipboard": "粘貼附件",
  "addAttachmentFromCameraPhoto": "拍攝照片",
@@ -291,11 +298,32 @@
  "attachmentUnsetAsPostThumbnail": "取消設置為帖子縮略圖",
  "attachmentCompressVideo": "重新編碼視頻",
  "attachmentSetThumbnail": "設置縮略圖",
+  "attachmentSetAlt": "設置概述文字",
  "attachmentCopyRandomId": "複製訪問 ID",
  "attachmentUpload": "上傳",
  "attachmentInputDialog": "上傳附件",
  "attachmentInputUseRandomId": "使用訪問 ID",
  "attachmentInputNew": "新上傳附件",
+  "waitingForUpload": "等待上傳",
+  "attachmentVideoCompressHint": "壓縮一份視頻的副本",
+  "attachmentVideoCompressHintDescription": "你想上傳壓縮視頻 {} 的副本嗎？它將幫助你的觀眾快速預覽視頻，並且他們仍然可以觀看原始視頻。這將會在在你的設備上處理視頻，所以需要一些時間，所以請耐心等待。",
+  "attachmentCompressQuality": "壓縮質量",
+  "attachmentCompressQualityHighest": "最高",
+  "attachmentCompressQualityDefault": "默認",
+  "attachmentCompressQualityMedium": "中等",
+  "attachmentCompressQualityLow": "低",
+  "attachmentCompressQualityHint": "Solar Network 並沒有阻止你上傳大文件、高分辨率、高碼率的視頻，但是為了你的網絡情況觀眾考慮，我們建議你選擇一個合適的壓縮質量。",
+  "attachmentUploaded": "已上傳",
+  "attachmentPending": "未上傳",
+  "attachmentCopyCompressed": "有壓縮副本",
+  "attachmentGotBoosted": "有加速傳遞",
+  "attachmentBoost": "加速包",
+  "attachmentCreateBoost": "加速傳遞",
+  "attachmentBoostHint": "加速傳遞允許您將附件上傳到更近的受眾或更快的內容網絡。該功能目前處於 Beta 階段。該功能限時免費，當有價格計劃更改時，您將會被通知。",
+  "attachmentDestinationRegion": "目標節點",
+  "attachmentDestinationRegionAPAC": "亞太地區",
+  "attachmentDestinationRegionNGB": "中國 · 浙江 · 寧波",
+  "attachmentDestinationRegionHKG": "香港",
  "notification": "通知",
  "notificationUnreadCount": {
    "zero": "無未讀通知",
@@ -384,6 +412,9 @@
  "dailyCheckNegativeHint6": "出門",
  "dailyCheckNegativeHint6Description": "忘帶傘遇上大雨",
  "celebrateBirthday": "生日快樂，{}！",
+  "celebrateLunarNewYear": "春節快樂，{}！",
+  "celebrateMidAutumn": "中秋節快樂，{}！",
+  "celebrateDragonBoat": "端午節快樂，{}！",
  "celebrateMerryXmas": "聖誕快樂，{}！",
  "celebrateNewYear": "新年快樂，{}！",
  "celebrateValentineDay": "今天是情人節，{}！",
@@ -393,6 +424,9 @@
  "celebrateFatherDay": "今天是父親節，{}。",
  "celebrateHalloween": "快樂在聖誕節，{}！",
  "celebrateThanksgiving": "今天是感恩節，{}！",
+  "pendingLunarNewYear": "{} 過春節",
+  "pendingMidAutumn": "{} 過中秋節",
+  "pendingDragonBoat": "{} 過端午節",
  "pendingBirthday": "{} 過生日",
  "pendingMerryXmas": "{} 過聖誕節",
  "pendingNewYear": "{} 跨年",
@@ -436,6 +470,7 @@
  "accountJoinedAt": "加入於 {}",
  "accountBirthday": "出生於 {}",
  "accountBadge": "徽章",
+  "accountCheckInNoRecords": "暫無運勢記錄",
  "badgeCompanyStaff": "索爾辛茨士大夫 · 員工",
  "badgeSiteMigration": "Solar Network 原住民",
  "accountStatus": "狀態",
@@ -444,6 +479,7 @@
  "accountStatusLastSeen": "最後一次上線於 {}",
  "postArticle": "Solar Network 上的文章",
  "postStory": "Solar Network 上的故事",
+  "postLocalDraftRestored": "從本地恢復草稿",
  "articleWrittenAt": "發表於 {}",
  "articleEditedAt": "編輯於 {}",
  "attachmentSaved": "已保存到相冊",
@@ -511,12 +547,5 @@
  "postCategoryKnowledge": "知識",
  "postCategoryLiterature": "文學",
  "postCategoryFunny": "搞笑",
-  "postCategoryUncategorized": "未分類",
-  "waitingForUpload": "等待上傳",
-  "attachmentCompressQuality": "壓縮質量",
-  "attachmentCompressQualityHighest": "最高",
-  "attachmentCompressQualityDefault": "默認",
-  "attachmentCompressQualityMedium": "中等",
-  "attachmentCompressQualityLow": "低",
-  "attachmentCompressQualityHint": "Solar Network 並沒有阻止你上傳大文件、高分辨率、高碼率的視頻，但是為了你的網絡情況觀眾考慮，我們建議你選擇一個合適的壓縮質量。"
+  "postCategoryUncategorized": "未分類"
 }
--- a/assets/translations/zh-TW.json
+++ b/assets/translations/zh-TW.json
@@ -185,6 +185,8 @@
  "settingsThemeMaterial3Description": "將應用主題設置為 Material 3 設計範式的主題。",
  "settingsAppBarTransparent": "透明頂欄",
  "settingsAppBarTransparentDescription": "為頂欄啟用透明效果。",
+  "settingsDrawerPreferCollapse": "側邊欄偏好摺疊",
+  "settingsDrawerPreferCollapseDescription": "將側邊欄優先摺疊，即使屏幕寬度足夠大去放下整個側邊欄。",
  "settingsColorScheme": "主題色",
  "settingsColorSchemeDescription": "設置應用主題色。",
  "settingsColorSeed": "預設色彩主題",
@@ -279,7 +281,12 @@
    "one": "{} 個附件",
    "other": "{} 個附件"
  },
+  "messageTyping": {
+    "one": "{} 正在輸入",
+    "other": "{} 正在輸入"
+  },
  "fieldAttachmentRandomId": "訪問 ID",
+  "fieldAttachmentAlt": "概述文字",
  "addAttachmentFromAlbum": "從相冊中添加附件",
  "addAttachmentFromClipboard": "粘貼附件",
  "addAttachmentFromCameraPhoto": "拍攝照片",
@@ -291,11 +298,32 @@
  "attachmentUnsetAsPostThumbnail": "取消設置為帖子縮略圖",
  "attachmentCompressVideo": "重新編碼視頻",
  "attachmentSetThumbnail": "設置縮略圖",
+  "attachmentSetAlt": "設置概述文字",
  "attachmentCopyRandomId": "複製訪問 ID",
  "attachmentUpload": "上傳",
  "attachmentInputDialog": "上傳附件",
  "attachmentInputUseRandomId": "使用訪問 ID",
  "attachmentInputNew": "新上傳附件",
+  "waitingForUpload": "等待上傳",
+  "attachmentVideoCompressHint": "壓縮一份視頻的副本",
+  "attachmentVideoCompressHintDescription": "你想上傳壓縮視頻 {} 的副本嗎？它將幫助你的觀眾快速預覽視頻，並且他們仍然可以觀看原始視頻。這將會在在你的設備上處理視頻，所以需要一些時間，所以請耐心等待。",
+  "attachmentCompressQuality": "壓縮質量",
+  "attachmentCompressQualityHighest": "最高",
+  "attachmentCompressQualityDefault": "默認",
+  "attachmentCompressQualityMedium": "中等",
+  "attachmentCompressQualityLow": "低",
+  "attachmentCompressQualityHint": "Solar Network 並沒有阻止你上傳大文件、高分辨率、高碼率的視頻，但是為了你的網絡情況觀眾考慮，我們建議你選擇一個合適的壓縮質量。",
+  "attachmentUploaded": "已上傳",
+  "attachmentPending": "未上傳",
+  "attachmentCopyCompressed": "有壓縮副本",
+  "attachmentGotBoosted": "有加速傳遞",
+  "attachmentBoost": "加速包",
+  "attachmentCreateBoost": "加速傳遞",
+  "attachmentBoostHint": "加速傳遞允許您將附件上傳到更近的受眾或更快的內容網絡。該功能目前處於 Beta 階段。該功能限時免費，當有價格計劃更改時，您將會被通知。",
+  "attachmentDestinationRegion": "目標節點",
+  "attachmentDestinationRegionAPAC": "亞太地區",
+  "attachmentDestinationRegionNGB": "中國 · 浙江 · 寧波",
+  "attachmentDestinationRegionHKG": "香港",
  "notification": "通知",
  "notificationUnreadCount": {
    "zero": "無未讀通知",
@@ -384,6 +412,9 @@
  "dailyCheckNegativeHint6": "出門",
  "dailyCheckNegativeHint6Description": "忘帶傘遇上大雨",
  "celebrateBirthday": "生日快樂，{}！",
+  "celebrateLunarNewYear": "春節快樂，{}！",
+  "celebrateMidAutumn": "中秋節快樂，{}！",
+  "celebrateDragonBoat": "端午節快樂，{}！",
  "celebrateMerryXmas": "聖誕快樂，{}！",
  "celebrateNewYear": "新年快樂，{}！",
  "celebrateValentineDay": "今天是情人節，{}！",
@@ -393,6 +424,9 @@
  "celebrateFatherDay": "今天是父親節，{}。",
  "celebrateHalloween": "快樂在聖誕節，{}！",
  "celebrateThanksgiving": "今天是感恩節，{}！",
+  "pendingLunarNewYear": "{} 過春節",
+  "pendingMidAutumn": "{} 過中秋節",
+  "pendingDragonBoat": "{} 過端午節",
  "pendingBirthday": "{} 過生日",
  "pendingMerryXmas": "{} 過聖誕節",
  "pendingNewYear": "{} 跨年",
@@ -436,6 +470,7 @@
  "accountJoinedAt": "加入於 {}",
  "accountBirthday": "出生於 {}",
  "accountBadge": "徽章",
+  "accountCheckInNoRecords": "暫無運勢記錄",
  "badgeCompanyStaff": "索爾辛茨士大夫 · 員工",
  "badgeSiteMigration": "Solar Network 原住民",
  "accountStatus": "狀態",
@@ -444,6 +479,7 @@
  "accountStatusLastSeen": "最後一次上線於 {}",
  "postArticle": "Solar Network 上的文章",
  "postStory": "Solar Network 上的故事",
+  "postLocalDraftRestored": "從本地恢復草稿",
  "articleWrittenAt": "發表於 {}",
  "articleEditedAt": "編輯於 {}",
  "attachmentSaved": "已保存到相冊",
@@ -511,12 +547,5 @@
  "postCategoryKnowledge": "知識",
  "postCategoryLiterature": "文學",
  "postCategoryFunny": "搞笑",
-  "postCategoryUncategorized": "未分類",
-  "waitingForUpload": "等待上傳",
-  "attachmentCompressQuality": "壓縮質量",
-  "attachmentCompressQualityHighest": "最高",
-  "attachmentCompressQualityDefault": "默認",
-  "attachmentCompressQualityMedium": "中等",
-  "attachmentCompressQualityLow": "低",
-  "attachmentCompressQualityHint": "Solar Network 並沒有阻止你上傳大文件、高分辨率、高碼率的視頻，但是為了你的網絡情況觀眾考慮，我們建議你選擇一個合適的壓縮質量。"
+  "postCategoryUncategorized": "未分類"
 }
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -43,58 +43,58 @@ PODS:
    - Flutter
  - file_saver (0.0.1):
    - Flutter
-  - Firebase/Analytics (11.4.0):
+  - Firebase/Analytics (11.6.0):
    - Firebase/Core
-  - Firebase/Core (11.4.0):
+  - Firebase/Core (11.6.0):
    - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 11.4.0)
-  - Firebase/CoreOnly (11.4.0):
-    - FirebaseCore (= 11.4.0)
-  - Firebase/Messaging (11.4.0):
+    - FirebaseAnalytics (~> 11.6.0)
+  - Firebase/CoreOnly (11.6.0):
+    - FirebaseCore (~> 11.6.0)
+  - Firebase/Messaging (11.6.0):
    - Firebase/CoreOnly
-    - FirebaseMessaging (~> 11.4.0)
-  - firebase_analytics (11.3.6):
-    - Firebase/Analytics (= 11.4.0)
+    - FirebaseMessaging (~> 11.6.0)
+  - firebase_analytics (11.4.0):
+    - Firebase/Analytics (= 11.6.0)
    - firebase_core
    - Flutter
-  - firebase_core (3.9.0):
-    - Firebase/CoreOnly (= 11.4.0)
+  - firebase_core (3.10.0):
+    - Firebase/CoreOnly (= 11.6.0)
    - Flutter
-  - firebase_messaging (15.1.6):
-    - Firebase/Messaging (= 11.4.0)
+  - firebase_messaging (15.2.0):
+    - Firebase/Messaging (= 11.6.0)
    - firebase_core
    - Flutter
-  - FirebaseAnalytics (11.4.0):
-    - FirebaseAnalytics/AdIdSupport (= 11.4.0)
-    - FirebaseCore (~> 11.0)
+  - FirebaseAnalytics (11.6.0):
+    - FirebaseAnalytics/AdIdSupport (= 11.6.0)
+    - FirebaseCore (~> 11.6.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseAnalytics/AdIdSupport (11.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseAnalytics/AdIdSupport (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - FirebaseInstallations (~> 11.0)
-    - GoogleAppMeasurement (= 11.4.0)
+    - GoogleAppMeasurement (= 11.6.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseCore (11.4.0):
-    - FirebaseCoreInternal (~> 11.0)
+  - FirebaseCore (11.6.0):
+    - FirebaseCoreInternal (~> 11.6.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/Logger (~> 8.0)
  - FirebaseCoreInternal (11.6.0):
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseInstallations (11.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseInstallations (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/UserDefaults (~> 8.0)
    - PromisesObjC (~> 2.4)
-  - FirebaseMessaging (11.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseMessaging (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleDataTransport (~> 10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
@@ -110,27 +110,27 @@ PODS:
  - flutter_udid (0.0.1):
    - Flutter
    - SAMKeychain
-  - flutter_webrtc (0.12.2):
+  - flutter_webrtc (0.12.6):
    - Flutter
    - WebRTC-SDK (= 125.6422.06)
  - gal (1.0.0):
    - Flutter
    - FlutterMacOS
-  - GoogleAppMeasurement (11.4.0):
-    - GoogleAppMeasurement/AdIdSupport (= 11.4.0)
+  - GoogleAppMeasurement (11.6.0):
+    - GoogleAppMeasurement/AdIdSupport (= 11.6.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/AdIdSupport (11.4.0):
-    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.4.0)
+  - GoogleAppMeasurement/AdIdSupport (11.6.0):
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.6.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/WithoutAdIdSupport (11.4.0):
+  - GoogleAppMeasurement/WithoutAdIdSupport (11.6.0):
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
@@ -173,7 +173,7 @@ PODS:
  - in_app_review (2.0.0):
    - Flutter
  - Kingfisher (8.1.3)
-  - livekit_client (2.3.3):
+  - livekit_client (2.3.5):
    - Flutter
    - flutter_webrtc
    - WebRTC-SDK (= 125.6422.06)
@@ -369,29 +369,29 @@ SPEC CHECKSUMS:
  DKPhotoGallery: b3834fecb755ee09a593d7c9e389d8b5d6deed60
  file_picker: 09aa5ec1ab24135ccd7a1621c46c84134bfd6655
  file_saver: 503e386464dbe118f630e17b4c2e1190fa0cf808
-  Firebase: cf1b19f21410b029b6786a54e9764a0cacad3c99
-  firebase_analytics: 2815af29d49c1a994652abd37a5b001a88bc7b75
-  firebase_core: b62a5080210edad3f2934314a8b2c6f5124e8e10
-  firebase_messaging: 98619a0572d82cfb3668e78859ba9f1110e268c9
-  FirebaseAnalytics: 3feef9ae8733c567866342a1000691baaa7cad49
-  FirebaseCore: e0510f1523bc0eb21653cac00792e1e2bd6f1771
+  Firebase: 374a441a91ead896215703a674d58cdb3e9d772b
+  firebase_analytics: 07bd7cfbac54bfcdccf2bb2530f9a65486f7ef3f
+  firebase_core: feb37e79f775c2bd08dd35e02d83678291317e10
+  firebase_messaging: e2f0ba891b1509668c07f5099761518a5af8fe3c
+  FirebaseAnalytics: 7114c698cac995602e3b1b96663473e50d54d6e7
+  FirebaseCore: 48b0dd707581cf9c1a1220da68223fb0a562afaa
  FirebaseCoreInternal: d98ab91e2d80a56d7b246856a8885443b302c0c2
-  FirebaseInstallations: 6ef4a1c7eb2a61ee1f74727d7f6ce2e72acf1414
-  FirebaseMessaging: f8a160d99c2c2e5babbbcc90c4a3e15db036aee2
+  FirebaseInstallations: efc0946fc756e4d22d8113f7c761948120322e8c
+  FirebaseMessaging: e1aca1fcc23e8b9eddb0e33f375ff90944623021
  Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
  flutter_app_update: 65f61da626cb111d1b24674abc4b01728d7723bc
-  flutter_native_splash: e8a1e01082d97a8099d973f919f57904c925008a
+  flutter_native_splash: f71420956eb811e6d310720fee915f1d42852e7a
  flutter_udid: b2417673f287ee62817a1de3d1643f47b9f508ab
-  flutter_webrtc: 1a53bd24f97bcfeff512f13699e721897f261563
+  flutter_webrtc: 90260f83024b1b96d239a575ea4e3708e79344d1
  gal: 6a522c75909f1244732d4596d11d6a2f86ff37a5
-  GoogleAppMeasurement: 987769c4ca6b968f2479fbcc9fe3ce34af454b8e
+  GoogleAppMeasurement: 6a9e6317b6a6d810ad03d4a66564ca6c4c5818a3
  GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
  GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
  home_widget: 0434835a4c9a75704264feff6be17ea40e0f0d57
  image_picker_ios: c560581cceedb403a6ff17f2f816d7fea1421fc1
  in_app_review: a31b5257259646ea78e0e35fc914979b0031d011
  Kingfisher: f2af9028b16baf9dc6c07c570072bc41cbf009ef
-  livekit_client: 02cf2cc4357a655af12ccee70ff5596ae4e6feef
+  livekit_client: dcc5fd47ba69c98fc6baeb12e862c9d43807d976
  media_kit_libs_ios_video: a5fe24bc7875ccd6378a0978c13185e1344651c1
  media_kit_native_event_loop: e6b2ab20cf0746eb1c33be961fcf79667304fa2a
  media_kit_video: 5da63f157170e5bf303bf85453b7ef6971218a2e
--- a/lib/controllers/chat_message_controller.dart
+++ b/lib/controllers/chat_message_controller.dart
@@ -1,4 +1,5 @@
 import 'dart:async';
+import 'dart:convert';
 import 'dart:math' as math;

 import 'package:collection/collection.dart';
@@ -11,6 +12,7 @@ import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/user_directory.dart';
 import 'package:surface/providers/websocket.dart';
 import 'package:surface/types/chat.dart';
+import 'package:surface/types/websocket.dart';
 import 'package:uuid/uuid.dart';

 class ChatMessageController extends ChangeNotifier {
@@ -36,8 +38,7 @@ 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;
@@ -50,8 +51,10 @@ 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!);
+  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;
@@ -71,6 +74,7 @@ class ChatMessageController extends ChangeNotifier {
    _wsSubscription = _ws.stream.stream.listen((event) {
      switch (event.method) {
        case 'events.new':
+          if (event.payload?['channel_id'] != channel?.id) break;
          final payload = SnChatMessage.fromJson(event.payload!);
          _addMessage(payload);
          break;
@@ -78,22 +82,16 @@ class ChatMessageController extends ChangeNotifier {
          if (event.payload?['channel_id'] != channel?.id) break;
          final member = SnChannelMember.fromJson(event.payload!['member']);
          if (member.id == profile?.id) break;
-        // TODO impl typing users
-        // if (!_typingUsers.any((x) => x.id == member.id)) {
-        //   setState(() {
-        //     _typingUsers.add(member);
-        //   });
-        // }
-        // _typingInactiveTimer[member.id]?.cancel();
-        // _typingInactiveTimer[member.id] = Timer(
-        //   const Duration(seconds: 3),
-        //   () {
-        //     setState(() {
-        //       _typingUsers.removeWhere((x) => x.id == member.id);
-        //       _typingInactiveTimer.remove(member.id);
-        //     });
-        //   },
-        // );
+          if (!typingMembers.any((x) => x.id == member.id)) {
+            typingMembers.add(member);
+            notifyListeners();
+          }
+          typingInactiveTimer[member.id]?.cancel();
+          typingInactiveTimer[member.id] = Timer(const Duration(seconds: 3), () {
+            typingMembers.removeWhere((x) => x.id == member.id);
+            typingInactiveTimer.remove(member.id);
+            notifyListeners();
+          });
      }
    });

@@ -101,6 +99,35 @@ class ChatMessageController extends ChangeNotifier {
    notifyListeners();
  }

+  Timer? _typingNotifyTimer;
+  bool _typingStatus = false;
+
+  Future<void> _sendTypingStatusPackage() async {
+    _ws.conn?.sink.add(jsonEncode(
+      WebSocketPackage(
+        method: 'status.typing',
+        endpoint: 'im',
+        payload: {
+          'channel_id': channel!.id,
+        },
+      ).toJson(),
+    ));
+  }
+
+  void pingTypingStatus() {
+    if (!_typingStatus) {
+      _sendTypingStatusPackage();
+      _typingStatus = true;
+    }
+
+    if (_typingNotifyTimer == null || !_typingNotifyTimer!.isActive) {
+      _typingNotifyTimer?.cancel();
+      _typingNotifyTimer = Timer(const Duration(milliseconds: 1850), () {
+        _typingStatus = false;
+      });
+    }
+  }
+
  Future<void> _saveMessageToLocal(Iterable<SnChatMessage> messages) async {
    if (_box == null) return;
    await _box!.putAll({
@@ -167,8 +194,7 @@ 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');
@@ -207,8 +233,7 @@ 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
@@ -305,8 +330,7 @@ class ChatMessageController extends ChangeNotifier {

    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 (_) {
@@ -341,9 +365,7 @@ class ChatMessageController extends ChangeNotifier {
    bool forceRemote = false,
  }) async {
    late List<SnChatMessage> out;
-    if (_box != null &&
-        (_box!.length >= take + offset || forceLocal) &&
-        !forceRemote) {
+    if (_box != null && (_box!.length >= take + offset || forceLocal) && !forceRemote) {
      out = _box!.keys
          .toList()
          .cast<int>()
@@ -386,8 +408,7 @@ 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(),
        ),
@@ -395,10 +416,7 @@ 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;
--- a/lib/controllers/post_write_controller.dart
+++ b/lib/controllers/post_write_controller.dart
@@ -1,12 +1,17 @@
+import 'dart:async';
+import 'dart:convert';
+import 'dart:developer';
 import 'dart:io';
 import 'dart:math' as math;

 import 'package:dio/dio.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:mime/mime.dart';
 import 'package:provider/provider.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import 'package:surface/providers/post.dart';
 import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
@@ -14,6 +19,7 @@ import 'package:surface/types/attachment.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/universal_image.dart';
+import 'package:video_compress/video_compress.dart';

 class PostWriteMedia {
  late String name;
@@ -98,7 +104,7 @@ class PostWriteMedia {
    if (attachment != null) {
      final sn = context.read<SnNetworkProvider>();
      final ImageProvider provider = UniversalImage.provider(sn.getAttachmentUrl(attachment!.rid));
-      if (width != null && height != null) {
+      if (width != null && height != null && !kIsWeb) {
        return ResizeImage(
          provider,
          width: width,
@@ -148,9 +154,22 @@ class PostWriteController extends ChangeNotifier {
  final TextEditingController descriptionController = TextEditingController();
  final TextEditingController aliasController = TextEditingController();

-  PostWriteController() {
-    titleController.addListener(() => notifyListeners());
-    descriptionController.addListener(() => notifyListeners());
+  bool _temporarySaveActive = false;
+
+  PostWriteController({bool doLoadFromTemporary = true}) {
+    _temporarySaveActive = doLoadFromTemporary;
+    titleController.addListener(() {
+      _temporaryPlanSave();
+      notifyListeners();
+    });
+    descriptionController.addListener(() {
+      _temporaryPlanSave();
+      notifyListeners();
+    });
+    contentController.addListener(() {
+      _temporaryPlanSave();
+    });
+    if (doLoadFromTemporary) _temporaryLoad();
  }

  String mode = kTitleMap.keys.first;
@@ -197,11 +216,11 @@ class PostWriteController extends ChangeNotifier {
        aliasController.text = post.alias ?? '';
        publishedAt = post.publishedAt;
        publishedUntil = post.publishedUntil;
-        visibleUsers = List.from(post.visibleUsersList ?? []);
-        invisibleUsers = List.from(post.invisibleUsersList ?? []);
+        visibleUsers = List.from(post.visibleUsersList ?? [], growable: true);
+        invisibleUsers = List.from(post.invisibleUsersList ?? [], growable: true);
        visibility = post.visibility;
-        tags = List.from(post.tags.map((ele) => ele.alias));
-        categories = List.from(post.categories.map((ele) => ele.alias));
+        tags = List.from(post.tags.map((ele) => ele.alias), growable: true);
+        categories = List.from(post.categories.map((ele) => ele.alias), growable: true);
        attachments.addAll(post.preload?.attachments?.map((ele) => PostWriteMedia(ele)) ?? []);

        if (post.preload?.thumbnail != null && (post.preload?.thumbnail?.rid.isNotEmpty ?? false)) {
@@ -229,7 +248,8 @@ class PostWriteController extends ChangeNotifier {
    }
  }

-  Future<SnAttachment> _uploadAttachment(BuildContext context, PostWriteMedia media) async {
+  Future<SnAttachment> _uploadAttachment(BuildContext context, PostWriteMedia media,
+      {bool isCompressed = false}) async {
    final attach = context.read<SnAttachmentProvider>();

    final place = await attach.chunkedUploadInitialize(
@@ -240,19 +260,138 @@ class PostWriteController extends ChangeNotifier {
      mimetype: media.raw != null && media.type == SnMediaType.image ? 'image/png' : null,
    );

-    final item = await attach.chunkedUploadParts(
+    var item = await attach.chunkedUploadParts(
      media.toFile()!,
      place.$1,
      place.$2,
-      onProgress: (progress) {
-        progress = progress;
+      analyzeNow: media.type == SnMediaType.image,
+      onProgress: (value) {
+        progress = value;
        notifyListeners();
      },
    );

+    if (media.type == SnMediaType.video && !isCompressed && context.mounted) {
+      try {
+        final compressedAttachment = await _tryCompressVideoCopy(context, media);
+        if (compressedAttachment != null) {
+          item = await attach.updateOne(item, compressedId: compressedAttachment.id);
+        }
+      } catch (err) {
+        if (context.mounted) context.showErrorDialog(err);
+      }
+    }
+
    return item;
  }

+  Future<SnAttachment?> _tryCompressVideoCopy(BuildContext context, PostWriteMedia media) async {
+    if (kIsWeb || !(Platform.isAndroid || Platform.isIOS || Platform.isMacOS)) return null;
+    if (media.type != SnMediaType.video) return null;
+    if (media.file == null) return null;
+    if (VideoCompress.isCompressing) return null;
+
+    final confirm = await context.showConfirmDialog(
+      'attachmentVideoCompressHint'.tr(),
+      'attachmentVideoCompressHintDescription'.tr(args: [media.file!.name]),
+    );
+    if (!confirm) return null;
+
+    progress = null;
+    notifyListeners();
+
+    final mediaInfo = await VideoCompress.compressVideo(
+      media.file!.path,
+      quality: VideoQuality.LowQuality,
+      frameRate: 30,
+      deleteOrigin: false,
+    );
+    if (mediaInfo == null) return null;
+    if (!context.mounted) return null;
+
+    final compressedMedia = PostWriteMedia.fromFile(XFile(mediaInfo.path!));
+    final compressedAttachment = await _uploadAttachment(context, compressedMedia, isCompressed: true);
+
+    return compressedAttachment;
+  }
+
+  static const kTemporaryStorageKey = 'int_draft_post';
+
+  Timer? _temporarySaveTimer;
+
+  void _temporaryPlanSave() {
+    if (!_temporarySaveActive) return;
+    _temporarySaveTimer?.cancel();
+    _temporarySaveTimer = Timer(const Duration(seconds: 1), () {
+      _temporarySave();
+      log("[PostWriter] Temporary save saved.");
+    });
+  }
+
+  void _temporarySave() {
+    SharedPreferences.getInstance().then((prefs) {
+      if (titleController.text.isEmpty &&
+          descriptionController.text.isEmpty &&
+          contentController.text.isEmpty &&
+          thumbnail == null &&
+          attachments.isEmpty) {
+        prefs.remove(kTemporaryStorageKey);
+        return;
+      }
+
+      prefs.setString(
+        kTemporaryStorageKey,
+        jsonEncode({
+          'publisher': publisher,
+          'content': contentController.text,
+          if (aliasController.text.isNotEmpty) 'alias': aliasController.text,
+          if (titleController.text.isNotEmpty) 'title': titleController.text,
+          if (descriptionController.text.isNotEmpty) 'description': descriptionController.text,
+          if (thumbnail != null && thumbnail!.attachment != null) 'thumbnail': thumbnail!.attachment!.toJson(),
+          'attachments':
+              attachments.where((e) => e.attachment != null).map((e) => e.attachment!.toJson()).toList(growable: true),
+          'tags': tags.map((ele) => {'alias': ele}).toList(growable: true),
+          'categories': categories.map((ele) => {'alias': ele}).toList(growable: true),
+          'visibility': visibility,
+          'visible_users_list': visibleUsers,
+          'invisible_users_list': invisibleUsers,
+          if (publishedAt != null) 'published_at': publishedAt!.toUtc().toIso8601String(),
+          if (publishedUntil != null) 'published_until': publishedAt!.toUtc().toIso8601String(),
+          if (replyingPost != null) 'reply_to': replyingPost!.toJson(),
+          if (repostingPost != null) 'repost_to': repostingPost!.toJson(),
+        }),
+      );
+    });
+  }
+
+  bool temporaryRestored = false;
+
+  void _temporaryLoad() {
+    SharedPreferences.getInstance().then((prefs) {
+      final raw = prefs.getString(kTemporaryStorageKey);
+      if (raw == null) return;
+      final data = jsonDecode(raw);
+      contentController.text = data['content'];
+      aliasController.text = data['alias'] ?? '';
+      titleController.text = data['title'] ?? '';
+      descriptionController.text = data['description'] ?? '';
+      if (data['thumbnail'] != null) thumbnail = PostWriteMedia(SnAttachment.fromJson(data['thumbnail']));
+      attachments
+          .addAll(data['attachments'].map((ele) => PostWriteMedia(SnAttachment.fromJson(ele))).cast<PostWriteMedia>());
+      tags = List.from(data['tags'].map((ele) => ele['alias']));
+      categories = List.from(data['categories'].map((ele) => ele['alias']));
+      visibility = data['visibility'];
+      visibleUsers = List.from(data['visible_users_list'] ?? []);
+      invisibleUsers = List.from(data['invisible_users_list'] ?? []);
+      if (data['published_at'] != null) publishedAt = DateTime.tryParse(data['published_at'])?.toLocal();
+      if (data['published_until'] != null) publishedUntil = DateTime.tryParse(data['published_until'])?.toLocal();
+      replyingPost = data['reply_to'] != null ? SnPost.fromJson(data['reply_to']) : null;
+      repostingPost = data['repost_to'] != null ? SnPost.fromJson(data['repost_to']) : null;
+      temporaryRestored = true;
+      notifyListeners();
+    });
+  }
+
  Future<void> uploadSingleAttachment(BuildContext context, int idx) async {
    if (isBusy) return;

@@ -297,17 +436,28 @@ class PostWriteController extends ChangeNotifier {
          mimetype: media.raw != null && media.type == SnMediaType.image ? 'image/png' : null,
        );

-        final item = await attach.chunkedUploadParts(
+        var item = await attach.chunkedUploadParts(
          media.toFile()!,
          place.$1,
          place.$2,
-          onProgress: (progress) {
+          onProgress: (value) {
            // Calculate overall progress for attachments
-            progress = math.max(((i + progress) / attachments.length) * kAttachmentProgressWeight, progress);
+            progress = math.max(((i + value) / attachments.length) * kAttachmentProgressWeight, value);
            notifyListeners();
          },
        );

+        try {
+          if (context.mounted) {
+            final compressedAttachment = await _tryCompressVideoCopy(context, media);
+            if (compressedAttachment != null) {
+              item = await attach.updateOne(item, compressedId: compressedAttachment.id);
+            }
+          }
+        } catch (err) {
+          if (context.mounted) context.showErrorDialog(err);
+        }
+
        progress = (i + 1) / attachments.length * kAttachmentProgressWeight;
        attachments[i] = PostWriteMedia(item);
        notifyListeners();
@@ -361,6 +511,7 @@ class PostWriteController extends ChangeNotifier {
          method: editingPost != null ? 'PUT' : 'POST',
        ),
      );
+      reset();
    } catch (err) {
      if (!context.mounted) return;
      context.showErrorDialog(err);
@@ -409,73 +560,88 @@ class PostWriteController extends ChangeNotifier {

  void setPublisher(SnPublisher? item) {
    publisher = item;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setPublishedAt(DateTime? value) {
    publishedAt = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setPublishedUntil(DateTime? value) {
    publishedUntil = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setTags(List<String> value) {
    tags = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setCategories(List<String> value) {
    categories = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setVisibility(int value) {
    visibility = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setVisibleUsers(List<int> value) {
    visibleUsers = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setInvisibleUsers(List<int> value) {
    invisibleUsers = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setProgress(double? value) {
    progress = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setIsBusy(bool value) {
    isBusy = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void setMode(String value) {
    mode = value;
+    _temporaryPlanSave();
    notifyListeners();
  }

  void reset() {
    publishedAt = null;
    publishedUntil = null;
+    thumbnail = null;
+    visibility = 0;
    titleController.clear();
    descriptionController.clear();
    contentController.clear();
    aliasController.clear();
-    tags.clear();
-    categories.clear();
-    attachments.clear();
+    tags = List.empty(growable: true);
+    categories = List.empty(growable: true);
+    attachments = List.empty(growable: true);
    editingPost = null;
    replyingPost = null;
    repostingPost = null;
    mode = kTitleMap.keys.first;
+    temporaryRestored = false;
+    SharedPreferences.getInstance().then((prefs) => prefs.remove(kTemporaryStorageKey));
    notifyListeners();
  }

--- a/lib/main.dart
+++ b/lib/main.dart
@@ -10,7 +10,6 @@ import 'package:easy_localization_loader/easy_localization_loader.dart';
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
 import 'package:hive_flutter/hive_flutter.dart';
 import 'package:package_info_plus/package_info_plus.dart';
@@ -18,7 +17,6 @@ import 'package:provider/provider.dart';
 import 'package:relative_time/relative_time.dart';
 import 'package:responsive_framework/responsive_framework.dart';
 import 'package:shared_preferences/shared_preferences.dart';
-import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/firebase_options.dart';
 import 'package:surface/providers/channel.dart';
 import 'package:surface/providers/chat_call.dart';
@@ -30,6 +28,7 @@ import 'package:surface/providers/post.dart';
 import 'package:surface/providers/relationship.dart';
 import 'package:surface/providers/sn_attachment.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/sn_sticker.dart';
 import 'package:surface/providers/special_day.dart';
 import 'package:surface/providers/theme.dart';
 import 'package:surface/providers/user_directory.dart';
@@ -41,7 +40,6 @@ import 'package:surface/types/chat.dart';
 import 'package:surface/types/realm.dart';
 import 'package:flutter_web_plugins/url_strategy.dart' show usePathUrlStrategy;
 import 'package:surface/widgets/dialog.dart';
-import 'package:surface/widgets/version_label.dart';
 import 'package:version/version.dart';
 import 'package:workmanager/workmanager.dart';
 import 'package:in_app_review/in_app_review.dart';
@@ -144,6 +142,7 @@ class SolianApp extends StatelessWidget {
            Provider(create: (ctx) => SnPostContentProvider(ctx)),
            Provider(create: (ctx) => SnRelationshipProvider(ctx)),
            Provider(create: (ctx) => SnLinkPreviewProvider(ctx)),
+            Provider(create: (ctx) => SnStickerProvider(ctx)),
            ChangeNotifierProvider(create: (ctx) => UserProvider(ctx)),
            ChangeNotifierProvider(create: (ctx) => WebSocketProvider(ctx)),
            ChangeNotifierProvider(create: (ctx) => NotificationProvider(ctx)),
@@ -208,8 +207,6 @@ class _AppSplashScreen extends StatefulWidget {
 }

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

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

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

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

@@ -12,6 +13,7 @@ const kNetworkServerStoreKey = 'app_server_url';
 const kAppbarTransparentStoreKey = 'app_bar_transparent';
 const kAppBackgroundStoreKey = 'app_has_background';
 const kAppColorSchemeStoreKey = 'app_color_scheme';
+const kAppDrawerPreferCollapse = 'app_drawer_prefer_collapse';

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

+  bool drawerIsCollapsed = false;
+  bool drawerIsExpanded = false;
+
+  void calcDrawerSize(BuildContext context) {
+    final rpb = ResponsiveBreakpoints.of(context);
+    final newDrawerIsCollapsed = rpb.smallerOrEqualTo(MOBILE);
+    final newDrawerIsExpanded = rpb.largerThan(TABLET)
+        ? (prefs.getBool(kAppDrawerPreferCollapse) ?? false)
+            ? false
+            : true
+        : false;
+    if (newDrawerIsExpanded != drawerIsExpanded || newDrawerIsCollapsed != drawerIsCollapsed) {
+      drawerIsExpanded = newDrawerIsExpanded;
+      drawerIsCollapsed = newDrawerIsCollapsed;
+      notifyListeners();
+    }
+  }
+
  FilterQuality get imageQuality {
    return kImageQualityLevel.values.elementAtOrNull(prefs.getInt('app_image_quality') ?? 3) ?? FilterQuality.high;
  }
--- a/lib/providers/notification.dart
+++ b/lib/providers/notification.dart
@@ -8,14 +8,18 @@ import 'package:flutter_udid/flutter_udid.dart';
 import 'package:provider/provider.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
+import 'package:surface/providers/websocket.dart';
+import 'package:surface/types/notification.dart';

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

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

  Future<void> registerPushNotifications() async {
@@ -62,4 +66,21 @@ class NotificationProvider extends ChangeNotifier {
      },
    );
  }
+
+  List<SnNotification> notifications = List.empty(growable: true);
+
+  void listen() {
+    _ws.stream.stream.listen((event) {
+      if (event.method == 'notifications.new') {
+        final notification = SnNotification.fromJson(event.payload!);
+        notifications.add(notification);
+        notifyListeners();
+      }
+    });
+  }
+
+  void clear() {
+    notifications.clear();
+    notifyListeners();
+  }
 }
--- a/lib/providers/sn_attachment.dart
+++ b/lib/providers/sn_attachment.dart
@@ -86,6 +86,7 @@ class SnAttachmentProvider {
    Map<String, dynamic>? metadata, {
    String? mimetype,
    Function(double progress)? onProgress,
+    bool analyzeNow = false,
  }) async {
    final filePayload = MultipartFile.fromBytes(data, filename: filename);
    final fileAlt = filename.contains('.') ? filename.substring(0, filename.lastIndexOf('.')) : filename;
@@ -108,6 +109,7 @@ class SnAttachmentProvider {
    final resp = await _sn.client.post(
      '/cgi/uc/attachments',
      data: formData,
+      queryParameters: {'analyzeNow': analyzeNow},
      onSendProgress: (count, total) {
        if (onProgress != null) {
          onProgress(count / total);
@@ -152,10 +154,12 @@ class SnAttachmentProvider {
    String rid,
    String cid, {
    Function(double progress)? onProgress,
+    bool analyzeNow = false,
  }) async {
    final resp = await _sn.client.post(
      '/cgi/uc/fragments/$rid/$cid',
      data: data,
+      queryParameters: {'analyzeNow': analyzeNow},
      options: Options(headers: {'Content-Type': 'application/octet-stream'}),
      onSendProgress: (count, total) {
        if (onProgress != null) {
@@ -176,9 +180,10 @@ class SnAttachmentProvider {
    SnAttachmentFragment place,
    int chunkSize, {
    Function(double progress)? onProgress,
+    bool analyzeNow = false,
  }) async {
    final Map<String, dynamic> chunks = place.fileChunks;
-    var currentTask = 0;
+    var completedTasks = 0;

    final queue = Queue<Future<void>>();
    final activeTasks = <Future<void>>[];
@@ -198,14 +203,15 @@ class SnAttachmentProvider {
          data,
          place.rid,
          entry.key,
+          analyzeNow: analyzeNow,
          onProgress: (progress) {
-            final overallProgress = (currentTask + progress) / chunks.length;
+            final overallProgress = (completedTasks + progress) / chunks.length;
            onProgress?.call(overallProgress);
          },
        );

-        currentTask++;
-        final overallProgress = currentTask / chunks.length;
+        completedTasks++;
+        final overallProgress = completedTasks / chunks.length;
        onProgress?.call(overallProgress);

        if (result is SnAttachmentFragment) {
@@ -233,19 +239,19 @@ class SnAttachmentProvider {
  }

  Future<SnAttachment> updateOne(
-    int id, {
+    SnAttachment item, {
    String? alt,
    int? thumbnailId,
    int? compressedId,
    Map<String, dynamic>? metadata,
    bool? isIndexable,
  }) async {
-    final resp = await _sn.client.put('/cgi/uc/attachments/$id', data: {
-      'alt': alt,
-      'thumbnail': thumbnailId,
-      'compressed': compressedId,
-      'metadata': metadata,
-      'is_indexable': isIndexable,
+    final resp = await _sn.client.put('/cgi/uc/attachments/${item.id}', data: {
+      'alt': alt ?? item.alt,
+      'thumbnail': thumbnailId ?? item.thumbnailId,
+      'compressed': compressedId ?? item.compressedId,
+      'metadata': metadata ?? item.usermeta,
+      'is_indexable': isIndexable ?? item.isIndexable,
    });
    return SnAttachment.fromJson(resp.data);
  }
--- a/lib/providers/sn_sticker.dart
+++ b/lib/providers/sn_sticker.dart
@@ -0,0 +1,38 @@
+import 'dart:developer';
+
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/attachment.dart';
+
+class SnStickerProvider {
+  late final SnNetworkProvider _sn;
+  final Map<String, SnSticker?> _cache = {};
+
+  SnStickerProvider(BuildContext context) {
+    _sn = context.read<SnNetworkProvider>();
+  }
+
+  bool hasNotSticker(String alias) {
+    return _cache.containsKey(alias) && _cache[alias] == null;
+  }
+
+  Future<SnSticker?> lookupSticker(String alias) async {
+    if (_cache.containsKey(alias)) {
+      return _cache[alias];
+    }
+
+    try {
+      final resp = await _sn.client.get('/cgi/uc/stickers/lookup/$alias');
+      final sticker = SnSticker.fromJson(resp.data);
+      _cache[alias] = sticker;
+
+      return sticker;
+    } catch (err) {
+      _cache[alias] = null;
+      log('[Sticker] Failed to lookup sticker $alias: $err');
+    }
+
+    return null;
+  }
+}
--- a/lib/providers/special_day.dart
+++ b/lib/providers/special_day.dart
@@ -3,9 +3,12 @@ import 'package:provider/provider.dart';
 import 'package:surface/providers/userinfo.dart';

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

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

@@ -97,7 +97,7 @@ class WebSocketProvider extends ChangeNotifier {
      onError: (err) {
        isConnected = false;
        notifyListeners();
-        Future.delayed(const Duration(seconds: 11), () => connect());
+        Future.delayed(const Duration(seconds: 1), () => connect());
      },
    );
  }
--- a/lib/router.dart
+++ b/lib/router.dart
@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:surface/screens/abuse_report.dart';
 import 'package:surface/screens/account.dart';
-import 'package:surface/screens/account/pfp.dart';
+import 'package:surface/screens/account/profile_page.dart';
 import 'package:surface/screens/account/profile_edit.dart';
 import 'package:surface/screens/account/publishers/publisher_edit.dart';
 import 'package:surface/screens/account/publishers/publisher_new.dart';
--- a/lib/screens/account/profile_page.dart
+++ b/lib/screens/account/profile_page.dart
@@ -517,6 +517,12 @@ class _UserScreenState extends State<UserScreen> with SingleTickerProviderStateM
              future: _getCheckInRecords(),
              builder: (context, snapshot) {
                if (!snapshot.hasData) return const SizedBox.shrink();
+                if (snapshot.data!.length <= 1) {
+                  return Text(
+                    'accountCheckInNoRecords',
+                    textAlign: TextAlign.center,
+                  ).tr().fontWeight(FontWeight.bold).center().padding(horizontal: 20, vertical: 8);
+                }
                final records = snapshot.data!;
                return SizedBox(
                  width: double.infinity,
--- a/lib/screens/chat.dart
+++ b/lib/screens/chat.dart
@@ -236,7 +236,7 @@ class _ChatScreenState extends State<ChatScreen> {
                            'alias': channel.alias,
                          },
                        ).then((value) {
-                          if (value == true) _refreshChannels();
+                          if (mounted) _refreshChannels();
                        });
                      },
                    );
--- a/lib/screens/chat/manage.dart
+++ b/lib/screens/chat/manage.dart
@@ -87,7 +87,7 @@ class _ChatManageScreenState extends State<ChatManageScreen> {
    try {
      final resp = await sn.client.request(
        widget.editingChannelAlias != null
-            ? '/cgi/im/channels/$scope/${widget.editingChannelAlias}'
+            ? '/cgi/im/channels/$scope/${_editingChannel!.id}'
            : '/cgi/im/channels/$scope',
        data: payload,
        options: Options(
--- a/lib/screens/chat/room.dart
+++ b/lib/screens/chat/room.dart
@@ -17,6 +17,7 @@ import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/chat/call/call_prejoin.dart';
 import 'package:surface/widgets/chat/chat_message.dart';
 import 'package:surface/widgets/chat/chat_message_input.dart';
+import 'package:surface/widgets/chat/chat_typing_indicator.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';
@@ -280,11 +281,7 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
                Expanded(
                  child: InfiniteList(
                    reverse: true,
-                    padding: const EdgeInsets.only(
-                      left: 12,
-                      right: 12,
-                      top: 12,
-                    ),
+                    padding: const EdgeInsets.only(top: 12),
                    hasReachedMax: _messageController.isAllLoaded,
                    itemCount: _messageController.messages.length,
                    isLoading: _messageController.isLoading,
@@ -310,23 +307,20 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {

                      return Align(
                        alignment: Alignment.centerLeft,
-                        child: Container(
-                          constraints: BoxConstraints(maxWidth: 480),
-                          child: ChatMessage(
-                            data: message,
-                            isMerged: canMerge,
-                            hasMerged: canMergePrevious,
-                            isPending: _messageController.unconfirmedMessages.contains(message.uuid),
-                            onReply: (value) {
-                              _inputGlobalKey.currentState?.setReply(value);
-                            },
-                            onEdit: (value) {
-                              _inputGlobalKey.currentState?.setEdit(value);
-                            },
-                            onDelete: (value) {
-                              _inputGlobalKey.currentState?.deleteMessage(value);
-                            },
-                          ),
+                        child: ChatMessage(
+                          data: message,
+                          isMerged: canMerge,
+                          hasMerged: canMergePrevious,
+                          isPending: _messageController.unconfirmedMessages.contains(message.uuid),
+                          onReply: (value) {
+                            _inputGlobalKey.currentState?.setReply(value);
+                          },
+                          onEdit: (value) {
+                            _inputGlobalKey.currentState?.setEdit(value);
+                          },
+                          onDelete: (value) {
+                            _inputGlobalKey.currentState?.deleteMessage(value);
+                          },
                        ),
                      );
                    },
@@ -335,11 +329,17 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
              if (!_messageController.isPending)
                Material(
                  elevation: 2,
-                  child: ChatMessageInput(
-                    key: _inputGlobalKey,
-                    otherMember: _otherMember,
-                    controller: _messageController,
-                  ).padding(bottom: MediaQuery.of(context).padding.bottom),
+                  child: Column(
+                    children: [
+                      ChatTypingIndicator(controller: _messageController),
+                      ChatMessageInput(
+                        key: _inputGlobalKey,
+                        otherMember: _otherMember,
+                        controller: _messageController,
+                      ),
+                      Gap(MediaQuery.of(context).padding.bottom),
+                    ],
+                  ),
                ),
            ],
          );
--- a/lib/screens/explore.dart
+++ b/lib/screens/explore.dart
@@ -1,3 +1,4 @@
+import 'package:animations/animations.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_expandable_fab/flutter_expandable_fab.dart';
@@ -8,6 +9,7 @@ import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/post.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/screens/post/post_detail.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/widgets/app_bar_leading.dart';
 import 'package:surface/widgets/dialog.dart';
@@ -210,6 +212,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
                ),
              ),
            ),
+            const SliverGap(8),
            SliverInfiniteList(
              itemCount: _posts.length,
              isLoading: _isBusy,
@@ -217,27 +220,37 @@ class _ExploreScreenState extends State<ExploreScreen> {
              hasReachedMax: _postCount != null && _posts.length >= _postCount!,
              onFetchData: _fetchPosts,
              itemBuilder: (context, idx) {
-                return GestureDetector(
-                  child: PostItem(
-                    data: _posts[idx],
-                    maxWidth: 640,
-                    onChanged: (data) {
-                      setState(() => _posts[idx] = data);
-                    },
-                    onDeleted: () {
-                      _refreshPosts();
-                    },
+                return Center(
+                  child: OpenContainer(
+                    closedBuilder: (_, __) => Container(
+                      constraints: const BoxConstraints(maxWidth: 640),
+                      child: PostItem(
+                        data: _posts[idx],
+                        maxWidth: 640,
+                        onChanged: (data) {
+                          setState(() => _posts[idx] = data);
+                        },
+                        onDeleted: () {
+                          _refreshPosts();
+                        },
+                      ),
+                    ),
+                    openBuilder: (_, close) => PostDetailScreen(
+                      slug: _posts[idx].id.toString(),
+                      preload: _posts[idx],
+                      onBack: close,
+                    ),
+                    openColor: Colors.transparent,
+                    openElevation: 0,
+                    closedColor: Theme.of(context).colorScheme.surface,
+                    transitionType: ContainerTransitionType.fade,
+                    closedShape: const RoundedRectangleBorder(
+                      borderRadius: BorderRadius.all(Radius.circular(8)),
+                    ),
                  ),
-                  onTap: () {
-                    GoRouter.of(context).pushNamed(
-                      'postDetail',
-                      pathParameters: {'slug': _posts[idx].id.toString()},
-                      extra: _posts[idx],
-                    );
-                  },
                );
              },
-              separatorBuilder: (context, index) => const Divider(height: 1),
+              separatorBuilder: (_, __) => const Gap(8),
            ),
          ],
        ),
--- a/lib/screens/home.dart
+++ b/lib/screens/home.dart
@@ -153,9 +153,14 @@ class _HomeDashUpdateWidget extends StatelessWidget {
  }
 }

-class _HomeDashSpecialDayWidget extends StatelessWidget {
+class _HomeDashSpecialDayWidget extends StatefulWidget {
  const _HomeDashSpecialDayWidget();

+  @override
+  State<_HomeDashSpecialDayWidget> createState() => _HomeDashSpecialDayWidgetState();
+}
+
+class _HomeDashSpecialDayWidgetState extends State<_HomeDashSpecialDayWidget> {
  @override
  Widget build(BuildContext context) {
    final ua = context.watch<UserProvider>();
@@ -165,21 +170,20 @@ class _HomeDashSpecialDayWidget extends StatelessWidget {

    if (days.isNotEmpty) {
      return Column(
-          spacing: 8,
          children: days.map((ele) {
-            return Card(
-              child: ListTile(
-                leading: Text(kSpecialDaysSymbol[ele] ?? '🎉').fontSize(24),
-                title: Text('celebrate$ele').tr(args: [ua.user?.nick ?? 'user']),
-                subtitle: Text(
-                  DateFormat('y/M/d').format(DateTime.now().copyWith(
-                    month: kSpecialDays[ele]!.$1,
-                    day: kSpecialDays[ele]!.$2,
-                  )),
-                ),
-              ),
-            ).padding(bottom: 8);
-          }).toList());
+        return Card(
+          child: ListTile(
+            leading: Text(kSpecialDaysSymbol[ele] ?? '🎉').fontSize(24),
+            title: Text('celebrate$ele').tr(args: [ua.user?.nick ?? 'user']),
+            subtitle: Text(
+              DateFormat('y/M/d').format(DateTime.now().copyWith(
+                month: kSpecialDays[ele]?.$1,
+                day: kSpecialDays[ele]?.$2,
+              )),
+            ),
+          ),
+        ).padding(bottom: 8);
+      }).toList());
    }

    final nextOne = dayz.getNextSpecialDay();
@@ -193,7 +197,7 @@ class _HomeDashSpecialDayWidget extends StatelessWidget {
      return Card(
        child: ListTile(
          leading: Text(kSpecialDaysSymbol[name] ?? '🎉').fontSize(24),
-          title: Text('pending$name').tr(args: [RelativeTime(context).format(date)]),
+          title: Text('pending$name').tr(args: [RelativeTime(context).format(date).replaceFirst('in', '').trim()]),
          subtitle: Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
@@ -204,6 +208,9 @@ class _HomeDashSpecialDayWidget extends StatelessWidget {
                separatorType: SeparatorType.symbol,
                decoration: BoxDecoration(),
                padding: EdgeInsets.zero,
+                onDone: () {
+                  setState(() {});
+                },
              ),
              const Gap(12),
              Expanded(
--- a/lib/screens/notification.dart
+++ b/lib/screens/notification.dart
@@ -82,24 +82,15 @@ class _NotificationScreenState extends State<NotificationScreen> {
    if (!mounted) return;
    setState(() => _isSubmitting = true);

-    List<int> markList = List.empty(growable: true);
-    for (final element in _notifications) {
-      if (element.id <= 0) continue;
-      if (element.readAt != null) continue;
-      markList.add(element.id);
-    }
-
    try {
      final sn = context.read<SnNetworkProvider>();
-      await sn.client.put('/cgi/id/notifications/read', data: {
-        'messages': markList,
-      });
+      final resp = await sn.client.put('/cgi/id/notifications/read/all');
      _notifications.clear();
      _fetchNotifications();

      if (!mounted) return;
      context.showSnackbar(
-        'notificationMarkAllReadPrompt'.plural(markList.length),
+        'notificationMarkAllReadPrompt'.plural(resp.data['count']),
      );
    } catch (err) {
      if (!mounted) return;
@@ -215,10 +206,11 @@ class _NotificationScreenState extends State<NotificationScreen> {
                                style: Theme.of(context).textTheme.titleSmall,
                              ),
                            if (nty.subtitle != null) const Gap(4),
-                            MarkdownTextContent(
-                              content: nty.body,
-                              isAutoWarp: true,
-                              isSelectable: true,
+                            SelectionArea(
+                              child: MarkdownTextContent(
+                                content: nty.body,
+                                isAutoWarp: true,
+                              ),
                            ),
                            if ([
                                  'interactive.feedback',
--- a/lib/screens/post/post_detail.dart
+++ b/lib/screens/post/post_detail.dart
@@ -13,6 +13,7 @@ import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/loading_indicator.dart';
+import 'package:surface/widgets/navigation/app_background.dart';
 import 'package:surface/widgets/post/post_comment_list.dart';
 import 'package:surface/widgets/post/post_item.dart';
 import 'package:surface/widgets/post/post_mini_editor.dart';
@@ -20,12 +21,9 @@ import 'package:surface/widgets/post/post_mini_editor.dart';
 class PostDetailScreen extends StatefulWidget {
  final String slug;
  final SnPost? preload;
+  final Function? onBack;

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

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

-    return Scaffold(
-      appBar: AppBar(
-        leading: BackButton(
-          onPressed: () {
-            if (GoRouter.of(context).canPop()) {
-              GoRouter.of(context).pop(context);
-              return;
-            }
-            GoRouter.of(context).replaceNamed('explore');
-          },
-        ),
-        title: _data?.body['title'] != null
-            ? RichText(
-                textAlign: TextAlign.center,
-                text: TextSpan(children: [
-                  TextSpan(
-                    text: _data?.body['title'] ?? 'postNoun'.tr(),
-                    style: Theme.of(context).textTheme.titleLarge!.copyWith(
-                          color: Theme.of(context).appBarTheme.foregroundColor!,
-                        ),
-                  ),
-                  const TextSpan(text: '\n'),
-                  TextSpan(
-                    text: 'postDetail'.tr(),
-                    style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                          color: Theme.of(context).appBarTheme.foregroundColor!,
-                        ),
-                  ),
-                ]),
-              )
-            : Text('postDetail').tr(),
-      ),
-      body: CustomScrollView(
-        slivers: [
-          SliverToBoxAdapter(
-            child: LoadingIndicator(isActive: _isBusy),
+    return AppBackground(
+      isRoot: widget.onBack != null,
+      child: Scaffold(
+        appBar: AppBar(
+          leading: BackButton(
+            onPressed: () {
+              if (widget.onBack != null) {
+                widget.onBack!.call();
+              }
+              if (GoRouter.of(context).canPop()) {
+                GoRouter.of(context).pop(context);
+                return;
+              }
+              GoRouter.of(context).replaceNamed('explore');
+            },
          ),
-          if (_data != null)
-            SliverToBoxAdapter(
-              child: PostItem(
-                data: _data!,
-                maxWidth: 640,
-                showComments: false,
-                showFullPost: true,
-                onChanged: (data) {
-                  setState(() => _data = data);
-                },
-                onDeleted: () {
-                  Navigator.pop(context);
-                },
-              ),
-            ),
-          const SliverToBoxAdapter(child: Divider(height: 1)),
-          if (_data != null)
-            SliverToBoxAdapter(
-              child: Container(
-                constraints: const BoxConstraints(maxWidth: 640),
-                child: Row(
-                  crossAxisAlignment: CrossAxisAlignment.center,
-                  children: [
-                    const Icon(Symbols.comment, size: 24),
-                    const Gap(16),
-                    Text('postCommentsDetailed')
-                        .plural(_data!.metric.replyCount)
-                        .textStyle(Theme.of(context).textTheme.titleLarge!),
-                  ],
-                ).padding(horizontal: 20, vertical: 12).center(),
-              ),
-            ),
-          if (_data != null && ua.isAuthorized)
-            SliverToBoxAdapter(
-              child: Container(
-                height: 240,
-                constraints: const BoxConstraints(maxWidth: 640),
-                margin:
-                    ResponsiveBreakpoints.of(context).largerThan(MOBILE) ? const EdgeInsets.all(8) : EdgeInsets.zero,
-                decoration: BoxDecoration(
-                  borderRadius: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
-                      ? const BorderRadius.all(Radius.circular(8))
-                      : BorderRadius.zero,
-                  border: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
-                      ? Border.all(
-                          color: Theme.of(context).dividerColor,
-                          width: 1 / devicePixelRatio,
-                        )
-                      : Border.symmetric(
-                          horizontal: BorderSide(
-                            color: Theme.of(context).dividerColor,
-                            width: 1 / devicePixelRatio,
+          title: _data?.body['title'] != null
+              ? RichText(
+                  textAlign: TextAlign.center,
+                  text: TextSpan(children: [
+                    TextSpan(
+                      text: _data?.body['title'] ?? 'postNoun'.tr(),
+                      style: Theme.of(context).textTheme.titleLarge!.copyWith(
+                            color: Theme.of(context).appBarTheme.foregroundColor!,
                          ),
-                        ),
-                ),
-                child: PostMiniEditor(
-                  postReplyId: _data!.id,
-                  onPost: () {
-                    setState(() {
-                      _data = _data!.copyWith(
-                        metric: _data!.metric.copyWith(
-                          replyCount: _data!.metric.replyCount + 1,
-                        ),
-                      );
-                    });
-                    _childListKey.currentState!.refresh();
+                    ),
+                    const TextSpan(text: '\n'),
+                    TextSpan(
+                      text: 'postDetail'.tr(),
+                      style: Theme.of(context).textTheme.bodySmall!.copyWith(
+                            color: Theme.of(context).appBarTheme.foregroundColor!,
+                          ),
+                    ),
+                  ]),
+                  maxLines: 2,
+                  overflow: TextOverflow.ellipsis,
+                )
+              : Text('postDetail').tr(),
+        ),
+        body: CustomScrollView(
+          slivers: [
+            SliverToBoxAdapter(
+              child: LoadingIndicator(isActive: _isBusy),
+            ),
+            if (_data != null)
+              SliverToBoxAdapter(
+                child: PostItem(
+                  data: _data!,
+                  maxWidth: 640,
+                  showComments: false,
+                  showFullPost: true,
+                  onChanged: (data) {
+                    setState(() => _data = data);
+                  },
+                  onDeleted: () {
+                    Navigator.pop(context);
                  },
                ),
-              ).center(),
-            ),
-          if (_data != null)
-            PostCommentSliverList(
-              key: _childListKey,
-              parentPostId: _data!.id,
-              maxWidth: 640,
-            ),
-          SliverGap(math.max(MediaQuery.of(context).padding.bottom, 16)),
-        ],
+              ),
+            const SliverToBoxAdapter(child: Divider(height: 1)),
+            if (_data != null)
+              SliverToBoxAdapter(
+                child: Container(
+                  constraints: const BoxConstraints(maxWidth: 640),
+                  child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      const Icon(Symbols.comment, size: 24),
+                      const Gap(16),
+                      Text('postCommentsDetailed')
+                          .plural(_data!.metric.replyCount)
+                          .textStyle(Theme.of(context).textTheme.titleLarge!),
+                    ],
+                  ).padding(horizontal: 20, vertical: 12).center(),
+                ),
+              ),
+            if (_data != null && ua.isAuthorized)
+              SliverToBoxAdapter(
+                child: Container(
+                  height: 240,
+                  constraints: const BoxConstraints(maxWidth: 640),
+                  margin:
+                      ResponsiveBreakpoints.of(context).largerThan(MOBILE) ? const EdgeInsets.all(8) : EdgeInsets.zero,
+                  decoration: BoxDecoration(
+                    borderRadius: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
+                        ? const BorderRadius.all(Radius.circular(8))
+                        : BorderRadius.zero,
+                    border: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
+                        ? Border.all(
+                            color: Theme.of(context).dividerColor,
+                            width: 1 / devicePixelRatio,
+                          )
+                        : Border.symmetric(
+                            horizontal: BorderSide(
+                              color: Theme.of(context).dividerColor,
+                              width: 1 / devicePixelRatio,
+                            ),
+                          ),
+                  ),
+                  child: PostMiniEditor(
+                    postReplyId: _data!.id,
+                    onPost: () {
+                      setState(() {
+                        _data = _data!.copyWith(
+                          metric: _data!.metric.copyWith(
+                            replyCount: _data!.metric.replyCount + 1,
+                          ),
+                        );
+                      });
+                      _childListKey.currentState!.refresh();
+                    },
+                  ),
+                ).center(),
+              ),
+            if (_data != null)
+              PostCommentSliverList(
+                key: _childListKey,
+                parentPostId: _data!.id,
+                maxWidth: 640,
+              ),
+            SliverGap(math.max(MediaQuery.of(context).padding.bottom, 16)),
+          ],
+        ),
      ),
    );
  }
--- a/lib/screens/post/post_editor.dart
+++ b/lib/screens/post/post_editor.dart
@@ -54,7 +54,9 @@ class PostEditorScreen extends StatefulWidget {
 }

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

  bool _isFetching = false;

@@ -301,19 +303,22 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                          ],
                        ),
                      // Content Input Area
-                      TextField(
-                        controller: _writeController.contentController,
-                        maxLines: null,
-                        decoration: InputDecoration(
-                          hintText: 'fieldPostContent'.tr(),
-                          hintStyle: TextStyle(fontSize: 14),
-                          isCollapsed: true,
-                          contentPadding: const EdgeInsets.symmetric(
-                            horizontal: 16,
+                      Container(
+                        constraints: const BoxConstraints(maxWidth: 640),
+                        child: TextField(
+                          controller: _writeController.contentController,
+                          maxLines: null,
+                          decoration: InputDecoration(
+                            hintText: 'fieldPostContent'.tr(),
+                            hintStyle: TextStyle(fontSize: 14),
+                            isCollapsed: true,
+                            contentPadding: const EdgeInsets.symmetric(
+                              horizontal: 16,
+                            ),
+                            border: InputBorder.none,
                          ),
-                          border: InputBorder.none,
+                          onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
                        ),
-                        onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
                      ),
                    ]
                        .expandIndexed(
@@ -373,6 +378,36 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                      )
                    else if (_writeController.isBusy)
                      const LinearProgressIndicator(value: null, minHeight: 2),
+                    Container(
+                      child: _writeController.temporaryRestored
+                          ? Container(
+                              padding: const EdgeInsets.only(top: 4, bottom: 4, left: 28, right: 22),
+                              decoration: BoxDecoration(
+                                border: Border(
+                                  bottom: BorderSide(
+                                    color: Theme.of(context).dividerColor,
+                                    width: 1 / MediaQuery.of(context).devicePixelRatio,
+                                  ),
+                                ),
+                              ),
+                              child: Row(
+                                crossAxisAlignment: CrossAxisAlignment.center,
+                                children: [
+                                  const Icon(Icons.restore, size: 20),
+                                  const Gap(8),
+                                  Expanded(child: Text('postLocalDraftRestored').tr()),
+                                  InkWell(
+                                    child: Text('dialogDismiss').tr(),
+                                    onTap: () {
+                                      _writeController.reset();
+                                    },
+                                  ),
+                                ],
+                              ))
+                          : const SizedBox.shrink(),
+                    )
+                        .height(_writeController.temporaryRestored ? 32 : 0, animate: true)
+                        .animate(const Duration(milliseconds: 300), Curves.fastLinearToSlowEaseIn),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
--- a/lib/screens/realm/realm_detail.dart
+++ b/lib/screens/realm/realm_detail.dart
@@ -88,9 +88,9 @@ class _RealmDetailScreenState extends State<RealmDetailScreen> {
                  title: Text(_realm?.name ?? 'loading'.tr()),
                  bottom: TabBar(
                    tabs: [
-                      Tab(icon: const Icon(Symbols.home)),
-                      Tab(icon: const Icon(Symbols.group)),
-                      Tab(icon: const Icon(Symbols.settings)),
+                      Tab(icon: Icon(Symbols.home, color: Theme.of(context).appBarTheme.foregroundColor)),
+                      Tab(icon: Icon(Symbols.group, color: Theme.of(context).appBarTheme.foregroundColor)),
+                      Tab(icon: Icon(Symbols.settings, color: Theme.of(context).appBarTheme.foregroundColor)),
                    ],
                  ),
                ),
--- a/lib/screens/settings.dart
+++ b/lib/screens/settings.dart
@@ -120,7 +120,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                  subtitle: Text('settingsThemeMaterial3Description').tr(),
                  contentPadding: const EdgeInsets.only(left: 24, right: 17),
                  secondary: const Icon(Symbols.new_releases),
-                  value: _prefs.getBool(kMaterialYouToggleStoreKey) ?? false,
+                  value: _prefs.getBool(kMaterialYouToggleStoreKey) ?? true,
                  onChanged: (value) {
                    setState(() {
                      _prefs.setBool(
@@ -240,6 +240,19 @@ class _SettingsScreenState extends State<SettingsScreen> {
                    setState(() {});
                  },
                ),
+                CheckboxListTile(
+                  secondary: const Icon(Symbols.left_panel_close),
+                  title: Text('settingsDrawerPreferCollapse').tr(),
+                  subtitle: Text('settingsDrawerPreferCollapseDescription').tr(),
+                  contentPadding: const EdgeInsets.only(left: 24, right: 17),
+                  value: _prefs.getBool(kAppDrawerPreferCollapse) ?? false,
+                  onChanged: (value) {
+                    _prefs.setBool(kAppDrawerPreferCollapse, value ?? false);
+                    final cfg = context.read<ConfigProvider>();
+                    cfg.calcDrawerSize(context);
+                    setState(() {});
+                  },
+                ),
              ],
            ),
            Column(
--- a/lib/theme.dart
+++ b/lib/theme.dart
@@ -36,7 +36,7 @@ Future<ThemeData> createAppTheme(
  final hasAppBarBlurry = prefs.getBool(kAppbarTransparentStoreKey) ?? false;

  return ThemeData(
-    useMaterial3: useMaterial3 ?? (prefs.getBool(kMaterialYouToggleStoreKey) ?? false),
+    useMaterial3: useMaterial3 ?? (prefs.getBool(kMaterialYouToggleStoreKey) ?? true),
    colorScheme: colorScheme,
    brightness: brightness,
    iconTheme: IconThemeData(
@@ -48,9 +48,19 @@ Future<ThemeData> createAppTheme(
    appBarTheme: AppBarTheme(
      centerTitle: true,
      elevation: hasAppBarBlurry ? 0 : null,
-      backgroundColor: hasAppBarBlurry ? colorScheme.surfaceContainer.withAlpha(200) : colorScheme.primary,
+      backgroundColor: hasAppBarBlurry ? colorScheme.primary.withOpacity(0.3) : colorScheme.primary,
      foregroundColor: hasAppBarBlurry ? colorScheme.onSurface : colorScheme.onPrimary,
    ),
    scaffoldBackgroundColor: Colors.transparent,
+    pageTransitionsTheme: PageTransitionsTheme(
+      builders: {
+        TargetPlatform.android: PredictiveBackPageTransitionsBuilder(),
+        TargetPlatform.iOS: ZoomPageTransitionsBuilder(),
+        TargetPlatform.macOS: ZoomPageTransitionsBuilder(),
+        TargetPlatform.fuchsia: ZoomPageTransitionsBuilder(),
+        TargetPlatform.linux: ZoomPageTransitionsBuilder(),
+        TargetPlatform.windows: ZoomPageTransitionsBuilder(),
+      },
+    ),
  );
 }
--- a/lib/types/attachment.dart
+++ b/lib/types/attachment.dart
@@ -34,15 +34,17 @@ class SnAttachment with _$SnAttachment {
    required DateTime? cleanedAt,
    required bool isAnalyzed,
    required bool isSelfRef,
+    required bool isIndexable,
    required SnAttachment? ref,
    required int? refId,
    required SnAttachmentPool? pool,
-    required int poolId,
+    required int? poolId,
    required int accountId,
    int? thumbnailId,
    SnAttachment? thumbnail,
    int? compressedId,
    SnAttachment? compressed,
+    @Default([]) List<SnAttachmentBoost> boosts,
    @Default({}) Map<String, dynamic> usermeta,
    @Default({}) Map<String, dynamic> metadata,
  }) = _SnAttachment;
@@ -109,3 +111,69 @@ class SnAttachmentPool with _$SnAttachmentPool {

  factory SnAttachmentPool.fromJson(Map<String, Object?> json) => _$SnAttachmentPoolFromJson(json);
 }
+
+@freezed
+class SnAttachmentDestination with _$SnAttachmentDestination {
+  const factory SnAttachmentDestination({
+    @Default(0) int id,
+    required String type,
+    required String label,
+    required String region,
+    required bool isBoost,
+  }) = _SnAttachmentDestination;
+
+  factory SnAttachmentDestination.fromJson(Map<String, Object?> json) => _$SnAttachmentDestinationFromJson(json);
+}
+
+@freezed
+class SnAttachmentBoost with _$SnAttachmentBoost {
+  const factory SnAttachmentBoost({
+    required int id,
+    required DateTime createdAt,
+    required DateTime updatedAt,
+    required DateTime? deletedAt,
+    required int status,
+    required int destination,
+    required int attachmentId,
+    required SnAttachment attachment,
+    required int account,
+  }) = _SnAttachmentBoost;
+
+  factory SnAttachmentBoost.fromJson(Map<String, Object?> json) => _$SnAttachmentBoostFromJson(json);
+}
+
+@freezed
+class SnSticker with _$SnSticker {
+  const factory SnSticker({
+    required int id,
+    required DateTime createdAt,
+    required DateTime updatedAt,
+    required DateTime? deletedAt,
+    required String alias,
+    required String name,
+    required int attachmentId,
+    required SnAttachment attachment,
+    required int packId,
+    required SnStickerPack pack,
+    required int accountId,
+  }) = _SnSticker;
+
+  factory SnSticker.fromJson(Map<String, Object?> json) => _$SnStickerFromJson(json);
+}
+
+@freezed
+class SnStickerPack with _$SnStickerPack {
+  const factory SnStickerPack({
+    required int id,
+    required DateTime createdAt,
+    required DateTime updatedAt,
+    required DateTime? deletedAt,
+    required String prefix,
+    required String name,
+    required String description,
+    required List<SnSticker>? stickers,
+    required int accountId,
+  }) = _SnStickerPack;
+
+  factory SnStickerPack.fromJson(Map<String, Object?> json) => _$SnStickerPackFromJson(json);
+}
--- a/lib/types/attachment.freezed.dart
+++ b/lib/types/attachment.freezed.dart
--- a/lib/types/attachment.g.dart
+++ b/lib/types/attachment.g.dart
@@ -30,6 +30,7 @@ _$SnAttachmentImpl _$$SnAttachmentImplFromJson(Map<String, dynamic> json) =>
          : DateTime.parse(json['cleaned_at'] as String),
      isAnalyzed: json['is_analyzed'] as bool,
      isSelfRef: json['is_self_ref'] as bool,
+      isIndexable: json['is_indexable'] as bool,
      ref: json['ref'] == null
          ? null
          : SnAttachment.fromJson(json['ref'] as Map<String, dynamic>),
@@ -37,7 +38,7 @@ _$SnAttachmentImpl _$$SnAttachmentImplFromJson(Map<String, dynamic> json) =>
      pool: json['pool'] == null
          ? null
          : SnAttachmentPool.fromJson(json['pool'] as Map<String, dynamic>),
-      poolId: (json['pool_id'] as num).toInt(),
+      poolId: (json['pool_id'] as num?)?.toInt(),
      accountId: (json['account_id'] as num).toInt(),
      thumbnailId: (json['thumbnail_id'] as num?)?.toInt(),
      thumbnail: json['thumbnail'] == null
@@ -47,6 +48,11 @@ _$SnAttachmentImpl _$$SnAttachmentImplFromJson(Map<String, dynamic> json) =>
      compressed: json['compressed'] == null
          ? null
          : SnAttachment.fromJson(json['compressed'] as Map<String, dynamic>),
+      boosts: (json['boosts'] as List<dynamic>?)
+              ?.map(
+                  (e) => SnAttachmentBoost.fromJson(e as Map<String, dynamic>))
+              .toList() ??
+          const [],
      usermeta: json['usermeta'] as Map<String, dynamic>? ?? const {},
      metadata: json['metadata'] as Map<String, dynamic>? ?? const {},
    );
@@ -71,6 +77,7 @@ Map<String, dynamic> _$$SnAttachmentImplToJson(_$SnAttachmentImpl instance) =>
      'cleaned_at': instance.cleanedAt?.toIso8601String(),
      'is_analyzed': instance.isAnalyzed,
      'is_self_ref': instance.isSelfRef,
+      'is_indexable': instance.isIndexable,
      'ref': instance.ref?.toJson(),
      'ref_id': instance.refId,
      'pool': instance.pool?.toJson(),
@@ -80,6 +87,7 @@ Map<String, dynamic> _$$SnAttachmentImplToJson(_$SnAttachmentImpl instance) =>
      'thumbnail': instance.thumbnail?.toJson(),
      'compressed_id': instance.compressedId,
      'compressed': instance.compressed?.toJson(),
+      'boosts': instance.boosts.map((e) => e.toJson()).toList(),
      'usermeta': instance.usermeta,
      'metadata': instance.metadata,
    };
@@ -159,3 +167,117 @@ Map<String, dynamic> _$$SnAttachmentPoolImplToJson(
      'config': instance.config,
      'account_id': instance.accountId,
    };
+
+_$SnAttachmentDestinationImpl _$$SnAttachmentDestinationImplFromJson(
+        Map<String, dynamic> json) =>
+    _$SnAttachmentDestinationImpl(
+      id: (json['id'] as num?)?.toInt() ?? 0,
+      type: json['type'] as String,
+      label: json['label'] as String,
+      region: json['region'] as String,
+      isBoost: json['is_boost'] as bool,
+    );
+
+Map<String, dynamic> _$$SnAttachmentDestinationImplToJson(
+        _$SnAttachmentDestinationImpl instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'type': instance.type,
+      'label': instance.label,
+      'region': instance.region,
+      'is_boost': instance.isBoost,
+    };
+
+_$SnAttachmentBoostImpl _$$SnAttachmentBoostImplFromJson(
+        Map<String, dynamic> json) =>
+    _$SnAttachmentBoostImpl(
+      id: (json['id'] as num).toInt(),
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+      deletedAt: json['deleted_at'] == null
+          ? null
+          : DateTime.parse(json['deleted_at'] as String),
+      status: (json['status'] as num).toInt(),
+      destination: (json['destination'] as num).toInt(),
+      attachmentId: (json['attachment_id'] as num).toInt(),
+      attachment:
+          SnAttachment.fromJson(json['attachment'] as Map<String, dynamic>),
+      account: (json['account'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$$SnAttachmentBoostImplToJson(
+        _$SnAttachmentBoostImpl instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'status': instance.status,
+      'destination': instance.destination,
+      'attachment_id': instance.attachmentId,
+      'attachment': instance.attachment.toJson(),
+      'account': instance.account,
+    };
+
+_$SnStickerImpl _$$SnStickerImplFromJson(Map<String, dynamic> json) =>
+    _$SnStickerImpl(
+      id: (json['id'] as num).toInt(),
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+      deletedAt: json['deleted_at'] == null
+          ? null
+          : DateTime.parse(json['deleted_at'] as String),
+      alias: json['alias'] as String,
+      name: json['name'] as String,
+      attachmentId: (json['attachment_id'] as num).toInt(),
+      attachment:
+          SnAttachment.fromJson(json['attachment'] as Map<String, dynamic>),
+      packId: (json['pack_id'] as num).toInt(),
+      pack: SnStickerPack.fromJson(json['pack'] as Map<String, dynamic>),
+      accountId: (json['account_id'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$$SnStickerImplToJson(_$SnStickerImpl instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'alias': instance.alias,
+      'name': instance.name,
+      'attachment_id': instance.attachmentId,
+      'attachment': instance.attachment.toJson(),
+      'pack_id': instance.packId,
+      'pack': instance.pack.toJson(),
+      'account_id': instance.accountId,
+    };
+
+_$SnStickerPackImpl _$$SnStickerPackImplFromJson(Map<String, dynamic> json) =>
+    _$SnStickerPackImpl(
+      id: (json['id'] as num).toInt(),
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+      deletedAt: json['deleted_at'] == null
+          ? null
+          : DateTime.parse(json['deleted_at'] as String),
+      prefix: json['prefix'] as String,
+      name: json['name'] as String,
+      description: json['description'] as String,
+      stickers: (json['stickers'] as List<dynamic>?)
+          ?.map((e) => SnSticker.fromJson(e as Map<String, dynamic>))
+          .toList(),
+      accountId: (json['account_id'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$$SnStickerPackImplToJson(_$SnStickerPackImpl instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'prefix': instance.prefix,
+      'name': instance.name,
+      'description': instance.description,
+      'stickers': instance.stickers?.map((e) => e.toJson()).toList(),
+      'account_id': instance.accountId,
+    };
--- a/lib/widgets/account/account_popover.dart
+++ b/lib/widgets/account/account_popover.dart
@@ -0,0 +1,164 @@
+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';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/experience.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/screens/account/profile_page.dart';
+import 'package:surface/types/account.dart';
+import 'package:surface/widgets/account/account_image.dart';
+import 'package:surface/widgets/universal_image.dart';
+
+class AccountPopoverCard extends StatelessWidget {
+  final SnAccount data;
+
+  const AccountPopoverCard({super.key, required this.data});
+
+  @override
+  Widget build(BuildContext context) {
+    final sn = context.read<SnNetworkProvider>();
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        if (data.banner.isNotEmpty)
+          Container(
+            color: Theme.of(context).colorScheme.surfaceContainer,
+            child: AspectRatio(
+              aspectRatio: 16 / 7,
+              child: AutoResizeUniversalImage(
+                sn.getAttachmentUrl(data.banner),
+                fit: BoxFit.cover,
+              ),
+            ),
+          ),
+        // Top padding
+        Gap(16),
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            AccountImage(
+              content: data.avatar,
+              radius: 20,
+            ),
+            Gap(16),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Text(data.nick).bold(),
+                  Text('@${data.name}').fontSize(13).opacity(0.75),
+                ],
+              ),
+            ),
+            IconButton(
+              onPressed: () {
+                Navigator.pop(context);
+                GoRouter.of(context).pushNamed(
+                  'accountProfilePage',
+                  pathParameters: {'name': data.name},
+                );
+              },
+              icon: const Icon(Symbols.chevron_right),
+              padding: EdgeInsets.zero,
+              visualDensity: const VisualDensity(horizontal: -4, vertical: -4),
+            ),
+            const Gap(8)
+          ],
+        ).padding(horizontal: 16),
+        const Gap(16),
+        Wrap(
+          children: data.badges
+              .map(
+                (ele) => Tooltip(
+              richMessage: TextSpan(
+                children: [
+                  TextSpan(text: kBadgesMeta[ele.type]?.$1.tr() ?? 'unknown'.tr()),
+                  if (ele.metadata['title'] != null)
+                    TextSpan(
+                      text: '\n${ele.metadata['title']}',
+                      style: const TextStyle(fontWeight: FontWeight.bold),
+                    ),
+                  TextSpan(text: '\n'),
+                  TextSpan(
+                    text: DateFormat.yMEd().format(ele.createdAt),
+                  ),
+                ],
+              ),
+              child: Icon(
+                kBadgesMeta[ele.type]?.$2 ?? Symbols.question_mark,
+                color: kBadgesMeta[ele.type]?.$3,
+                fill: 1,
+              ),
+            ),
+          )
+              .toList(),
+        ).padding(horizontal: 24),
+        const Gap(8),
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const Icon(Symbols.star),
+            const Gap(8),
+            Text('Lv${getLevelFromExp(data.profile?.experience ?? 0)}'),
+            const Gap(8),
+            Text(calcLevelUpProgressLevel(data.profile?.experience ?? 0)).fontSize(11).opacity(0.5),
+            const Gap(8),
+            Container(
+              width: double.infinity,
+              constraints: const BoxConstraints(maxWidth: 160),
+              child: LinearProgressIndicator(
+                value: calcLevelUpProgress(data.profile?.experience ?? 0),
+                borderRadius: BorderRadius.circular(8),
+                backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
+              ).alignment(Alignment.centerLeft),
+            ),
+          ],
+        ).padding(horizontal: 24),
+        FutureBuilder(
+          future: sn.client.get('/cgi/id/users/${data.name}/status'),
+          builder: (context, snapshot) {
+            final SnAccountStatusInfo? status =
+                snapshot.hasData ? SnAccountStatusInfo.fromJson(snapshot.data!.data) : null;
+            return Row(
+                children: [
+                  Icon(
+                    Symbols.circle,
+                    fill: 1,
+                    size: 16,
+                    color: (status?.isOnline ?? false) ? Colors.green : Colors.grey,
+                  ).padding(all: 4),
+                  const Gap(8),
+                  Text(
+                    status != null
+                        ? status.isOnline
+                            ? 'accountStatusOnline'.tr()
+                            : 'accountStatusOffline'.tr()
+                        : 'loading'.tr(),
+                  ),
+                  if (status != null && !status.isOnline && status.lastSeenAt != null)
+                    Text(
+                      'accountStatusLastSeen'.tr(args: [
+                        status.lastSeenAt != null
+                            ? RelativeTime(context).format(
+                                status.lastSeenAt!.toLocal(),
+                              )
+                            : 'unknown',
+                      ]),
+                    ).padding(left: 6).opacity(0.75),
+                ],
+              ).padding(horizontal: 24);
+          },
+        ),
+        // Bottom padding
+        const Gap(16),
+      ],
+    );
+  }
+}
--- a/lib/widgets/attachment/attachment_input.dart
+++ b/lib/widgets/attachment/attachment_input.dart
@@ -10,8 +10,8 @@ import 'package:surface/widgets/dialog.dart';

 class AttachmentInputDialog extends StatefulWidget {
  final String? title;
-
-  const AttachmentInputDialog({super.key, required this.title});
+final bool? analyzeNow;
+  const AttachmentInputDialog({super.key, required this.title, this.analyzeNow = false});

  @override
  State<AttachmentInputDialog> createState() => _AttachmentInputDialogState();
@@ -53,6 +53,7 @@ class _AttachmentInputDialogState extends State<AttachmentInputDialog> {
          _thumbnailFile!.path,
          'interactive',
          null,
+          analyzeNow: widget.analyzeNow ?? false,
        );
        if (!mounted) return;
        Navigator.pop(context, attachment);
@@ -77,7 +78,8 @@ class _AttachmentInputDialogState extends State<AttachmentInputDialog> {
            controller: _randomIdController,
            decoration: InputDecoration(
              labelText: 'fieldAttachmentRandomId'.tr(),
-              border: const OutlineInputBorder(),
+              border: const UnderlineInputBorder(),
+              isDense: true,
            ),
            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
          ),
--- a/lib/widgets/attachment/attachment_item.dart
+++ b/lib/widgets/attachment/attachment_item.dart
@@ -1,7 +1,9 @@
+import 'dart:io';
 import 'dart:ui';
 import 'dart:math' as math;

 import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
 import 'package:google_fonts/google_fonts.dart';
@@ -18,9 +20,11 @@ import 'package:uuid/uuid.dart';
 class AttachmentItem extends StatelessWidget {
  final SnAttachment? data;
  final String? heroTag;
+  final BoxFit fit;

  const AttachmentItem({
    super.key,
+    this.fit = BoxFit.cover,
    required this.data,
    required this.heroTag,
  });
@@ -41,7 +45,7 @@ class AttachmentItem extends StatelessWidget {
          child: AutoResizeUniversalImage(
            sn.getAttachmentUrl(data!.rid),
            key: Key('attachment-${data!.rid}-$tag'),
-            fit: BoxFit.cover,
+            fit: fit,
          ),
        );
      case 'video':
@@ -62,14 +66,12 @@ class AttachmentItem extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    if (data!.contentRating > 0) {
-      return LayoutBuilder(
-        builder: (context, constraints) {
-          return _AttachmentItemSensitiveBlur(
-            isCompact: constraints.maxHeight < 360,
-            child: _buildContent(context),
-          );
-        }
-      );
+      return LayoutBuilder(builder: (context, constraints) {
+        return _AttachmentItemSensitiveBlur(
+          isCompact: constraints.maxHeight < 360,
+          child: _buildContent(context),
+        );
+      });
    }

    return _buildContent(context);
@@ -176,6 +178,7 @@ class _AttachmentItemContentVideo extends StatefulWidget {

 class _AttachmentItemContentVideoState extends State<_AttachmentItemContentVideo> {
  bool _showContent = false;
+  bool _showOriginal = false;

  Player? _videoPlayer;
  VideoController? _videoController;
@@ -184,15 +187,29 @@ class _AttachmentItemContentVideoState extends State<_AttachmentItemContentVideo
    setState(() => _showContent = true);
    MediaKit.ensureInitialized();
    final sn = context.read<SnNetworkProvider>();
-    final url = sn.getAttachmentUrl(widget.data.rid);
+    final url = _showOriginal ? sn.getAttachmentUrl(widget.data.rid) : sn.getAttachmentUrl(widget.data.compressed!.rid);
    _videoPlayer = Player();
    _videoController = VideoController(_videoPlayer!);
    _videoPlayer!.open(Media(url), play: !widget.isAutoload);
  }

+  void _toggleOriginal() {
+    if (!mounted) return;
+    if (widget.data.compressedId == null) return;
+    setState(() => _showOriginal = !_showOriginal);
+    final sn = context.read<SnNetworkProvider>();
+    _videoPlayer?.open(
+      Media(
+        _showOriginal ? sn.getAttachmentUrl(widget.data.rid) : sn.getAttachmentUrl(widget.data.compressed!.rid),
+      ),
+      play: true,
+    );
+  }
+
  @override
  void initState() {
    super.initState();
+    _showOriginal = widget.data.compressedId == null;
    if (widget.isAutoload) _startLoad();
  }

@@ -297,9 +314,48 @@ class _AttachmentItemContentVideoState extends State<_AttachmentItemContentVideo
      );
    }

-    return Video(
-      controller: _videoController!,
-      aspectRatio: ratio,
+    return MaterialDesktopVideoControlsTheme(
+      key: Key('material-desktop-video-controls-theme-$_showOriginal'),
+      normal: MaterialDesktopVideoControlsThemeData(
+        buttonBarButtonSize: 24,
+        buttonBarButtonColor: Colors.white,
+        topButtonBarMargin: EdgeInsets.symmetric(horizontal: 12, vertical: 2),
+        topButtonBar: [
+          const Spacer(),
+          MaterialDesktopCustomButton(
+            iconSize: 24,
+            onPressed: _toggleOriginal,
+            icon: Icon(
+              _showOriginal ? Symbols.high_quality : Symbols.sd,
+              size: 24,
+            ),
+          ),
+        ],
+      ),
+      fullscreen: const MaterialDesktopVideoControlsThemeData(),
+      child: MaterialVideoControlsTheme(
+        key: Key('material-video-controls-theme-$_showOriginal'),
+        normal: MaterialVideoControlsThemeData(
+          buttonBarButtonSize: 24,
+          buttonBarButtonColor: Colors.white,
+          topButtonBarMargin: EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+          topButtonBar: [
+            const Spacer(),
+            MaterialDesktopCustomButton(
+              iconSize: 24,
+              onPressed: _toggleOriginal,
+              icon: _showOriginal ? const Icon(Symbols.high_quality, size: 24) : const Icon(Symbols.sd, size: 24),
+            ),
+          ],
+        ),
+        fullscreen: const MaterialVideoControlsThemeData(),
+        child: Video(
+          controller: _videoController!,
+          aspectRatio: ratio,
+          controls:
+              !kIsWeb && (Platform.isAndroid || Platform.isIOS) ? MaterialVideoControls : MaterialDesktopVideoControls,
+        ),
+      ),
    );
  }

--- a/lib/widgets/attachment/attachment_list.dart
+++ b/lib/widgets/attachment/attachment_list.dart
@@ -4,8 +4,8 @@ import 'package:collection/collection.dart';
 import 'package:dismissible_page/dismissible_page.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
 import 'package:gap/gap.dart';
-import 'package:responsive_framework/responsive_framework.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/widgets/attachment/attachment_zoom.dart';
 import 'package:surface/widgets/attachment/attachment_item.dart';
@@ -14,19 +14,23 @@ import 'package:uuid/uuid.dart';
 class AttachmentList extends StatefulWidget {
  final List<SnAttachment?> data;
  final bool bordered;
-  final bool noGrow;
-  final bool isFlatted;
+  final bool gridded;
+  final BoxFit fit;
  final double? maxHeight;
-  final EdgeInsets? listPadding;
+  final double? minWidth;
+  final double? maxWidth;
+  final EdgeInsets? padding;

  const AttachmentList({
    super.key,
    required this.data,
    this.bordered = false,
-    this.noGrow = false,
-    this.isFlatted = false,
+    this.gridded = false,
+    this.fit = BoxFit.cover,
    this.maxHeight,
-    this.listPadding,
+    this.minWidth,
+    this.maxWidth,
+    this.padding,
  });

  static const BorderRadius kDefaultRadius = BorderRadius.all(Radius.circular(8));
@@ -41,8 +45,6 @@ class _AttachmentListState extends State<AttachmentList> {
    (_) => const Uuid().v4(),
  );

-  static const double kAttachmentMaxWidth = 640;
-
  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
@@ -51,9 +53,8 @@ class _AttachmentListState extends State<AttachmentList> {
            widget.bordered ? BorderSide(width: 1, color: Theme.of(context).dividerColor) : BorderSide.none;
        final backgroundColor = Theme.of(context).colorScheme.surfaceContainer;
        final constraints = BoxConstraints(
-          minWidth: 80,
-          maxHeight: widget.maxHeight ?? double.infinity,
-          maxWidth: layoutConstraints.maxWidth - 20,
+          minWidth: widget.minWidth ?? 80,
+          maxHeight: widget.maxHeight ?? MediaQuery.of(context).size.height,
        );

        if (widget.data.isEmpty) return const SizedBox.shrink();
@@ -67,121 +68,114 @@ class _AttachmentListState extends State<AttachmentList> {
                  .toDouble();

          return Container(
-            constraints: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
-                ? constraints.copyWith(
-                    maxWidth: math.min(
-                      constraints.maxWidth,
-                      kAttachmentMaxWidth,
+            padding: widget.padding ?? EdgeInsets.zero,
+            constraints: constraints,
+            child: GestureDetector(
+              child: AspectRatio(
+                aspectRatio: singleAspectRatio,
+                child: Container(
+                  decoration: BoxDecoration(
+                    color: backgroundColor,
+                    border: Border.fromBorderSide(borderSide),
+                    borderRadius: AttachmentList.kDefaultRadius,
+                  ),
+                  child: ClipRRect(
+                    borderRadius: AttachmentList.kDefaultRadius,
+                    child: AttachmentItem(
+                      data: widget.data[0],
+                      heroTag: heroTags[0],
+                      fit: widget.fit,
                    ),
-                  )
-                : null,
-            child: AspectRatio(
-              aspectRatio: singleAspectRatio,
-              child: GestureDetector(
-                child: Builder(
-                  builder: (context) {
-                    if (ResponsiveBreakpoints.of(context).largerThan(MOBILE) || widget.noGrow) {
-                      return Padding(
-                        // Single child list-like displaying
-                        padding: widget.listPadding ?? EdgeInsets.zero,
-                        child: Container(
-                          decoration: BoxDecoration(
-                            color: backgroundColor,
-                            border: Border(top: borderSide, bottom: borderSide),
-                            borderRadius: AttachmentList.kDefaultRadius,
-                          ),
-                          child: ClipRRect(
-                            borderRadius: AttachmentList.kDefaultRadius,
-                            child: AttachmentItem(
-                              data: widget.data[0],
-                              heroTag: heroTags[0],
-                            ),
-                          ),
-                        ),
-                      );
-                    }
-
-                    return Container(
-                      decoration: BoxDecoration(
-                        color: backgroundColor,
-                        border: Border(top: borderSide, bottom: borderSide),
-                      ),
-                      child: AttachmentItem(
-                        data: widget.data[0],
-                        heroTag: heroTags.first,
-                      ),
-                    );
-                  },
+                  ),
                ),
-                onTap: () {
-                  if (widget.data.firstOrNull?.mediaType != SnMediaType.image) return;
-                  context.pushTransparentRoute(
-                    AttachmentZoomView(
-                      data: widget.data.where((ele) => ele != null).cast(),
-                      initialIndex: 0,
-                      heroTags: heroTags,
-                    ),
-                    backgroundColor: Colors.black.withOpacity(0.7),
-                    rootNavigator: true,
-                  );
-                },
              ),
+              onTap: () {
+                if (widget.data.firstOrNull?.mediaType != SnMediaType.image) return;
+                context.pushTransparentRoute(
+                  AttachmentZoomView(
+                    data: widget.data.where((ele) => ele != null).cast(),
+                    initialIndex: 0,
+                    heroTags: heroTags,
+                  ),
+                  backgroundColor: Colors.black.withOpacity(0.7),
+                  rootNavigator: true,
+                );
+              },
            ),
          );
        }

-        if (widget.isFlatted) {
-          return Wrap(
-            spacing: 4,
-            runSpacing: 4,
-            children: widget.data
-                .mapIndexed(
-                  (idx, ele) => AspectRatio(
-                    aspectRatio: (ele?.data['ratio'] ?? 1).toDouble(),
-                    child: Container(
-                      decoration: BoxDecoration(
-                        color: backgroundColor,
-                        border: Border(
-                          top: borderSide,
-                          bottom: borderSide,
+        if (widget.gridded) {
+          final fullOfImage =
+              widget.data.where((ele) => ele?.mediaType == SnMediaType.image).length == widget.data.length;
+          if(!fullOfImage) {
+            return Container(
+              margin: widget.padding ?? EdgeInsets.zero,
+              decoration: BoxDecoration(
+                color: backgroundColor,
+                border: Border(
+                  top: borderSide,
+                  bottom: borderSide,
+                ),
+                borderRadius: AttachmentList.kDefaultRadius,
+              ),
+              child: ClipRRect(
+                borderRadius: AttachmentList.kDefaultRadius,
+                child: Column(
+                  spacing: 4,
+                  children: widget.data
+                      .mapIndexed(
+                        (idx, ele) => GestureDetector(
+                          child: AspectRatio(
+                            aspectRatio: ele?.data['ratio']?.toDouble() ?? 1,
+                            child: Container(
+                              constraints: constraints,
+                              child: AttachmentItem(
+                                data: ele,
+                                heroTag: heroTags[idx],
+                                fit: BoxFit.cover,
+                              ),
+                            ),
+                          ),
                        ),
-                        borderRadius: AttachmentList.kDefaultRadius,
-                      ),
-                      child: ClipRRect(
-                        borderRadius: AttachmentList.kDefaultRadius,
-                        child: AttachmentItem(
-                          data: ele,
-                          heroTag: heroTags[idx],
+                      )
+                      .toList(),
+                ),
+              ),
+            );
+          }
+          return Container(
+            margin: widget.padding ?? EdgeInsets.zero,
+            decoration: BoxDecoration(
+              color: backgroundColor,
+              border: Border(
+                top: borderSide,
+                bottom: borderSide,
+              ),
+              borderRadius: AttachmentList.kDefaultRadius,
+            ),
+            child: ClipRRect(
+              borderRadius: AttachmentList.kDefaultRadius,
+              child: StaggeredGrid.count(
+                crossAxisCount: math.min(widget.data.length, 2),
+                crossAxisSpacing: 4,
+                mainAxisSpacing: 4,
+                children: widget.data
+                    .mapIndexed(
+                      (idx, ele) => GestureDetector(
+                        child: Container(
+                          constraints: constraints,
+                          child: AttachmentItem(
+                            data: ele,
+                            heroTag: heroTags[idx],
+                            fit: BoxFit.cover,
+                          ),
                        ),
-                      ),
-                    ),
-                  ),
-                )
-                .toList(),
-          );
-        }
-
-        return AspectRatio(
-          aspectRatio: (widget.data.firstOrNull?.data['ratio'] ?? 1).toDouble(),
-          child: Container(
-            constraints: BoxConstraints(maxHeight: constraints.maxHeight),
-            child: ScrollConfiguration(
-              behavior: _AttachmentListScrollBehavior(),
-              child: ListView.separated(
-                shrinkWrap: true,
-                itemCount: widget.data.length,
-                itemBuilder: (context, idx) {
-                  return Container(
-                    constraints: constraints,
-                    child: AspectRatio(
-                      aspectRatio: (widget.data[idx]?.data['ratio'] ?? 1).toDouble(),
-                      child: GestureDetector(
                        onTap: () {
-                          if (widget.data[idx]?.mediaType != SnMediaType.image) return;
+                          if (widget.data[idx]!.mediaType != SnMediaType.image) return;
                          context.pushTransparentRoute(
                            AttachmentZoomView(
-                              data:
-                                  widget.data.where((ele) => ele != null && ele.mediaType == SnMediaType.image).cast(),
+                              data: widget.data.where((ele) => ele != null).cast(),
                              initialIndex: idx,
                              heroTags: heroTags,
                            ),
@@ -189,44 +183,76 @@ class _AttachmentListState extends State<AttachmentList> {
                            rootNavigator: true,
                          );
                        },
-                        child: Stack(
-                          fit: StackFit.expand,
-                          children: [
-                            Container(
-                              decoration: BoxDecoration(
-                                color: backgroundColor,
-                                border: Border(
-                                  top: borderSide,
-                                  bottom: borderSide,
-                                ),
-                                borderRadius: AttachmentList.kDefaultRadius,
+                      ),
+                    )
+                    .toList(),
+              ),
+            ),
+          );
+        }
+
+        return Container(
+          constraints: BoxConstraints(maxHeight: constraints.maxHeight),
+          child: ScrollConfiguration(
+            behavior: _AttachmentListScrollBehavior(),
+            child: ListView.separated(
+              padding: widget.padding,
+              shrinkWrap: true,
+              itemCount: widget.data.length,
+              itemBuilder: (context, idx) {
+                return Container(
+                  constraints: constraints.copyWith(maxWidth: widget.maxWidth),
+                  child: AspectRatio(
+                    aspectRatio: (widget.data[idx]?.data['ratio'] ?? 1).toDouble(),
+                    child: GestureDetector(
+                      onTap: () {
+                        if (widget.data[idx]?.mediaType != SnMediaType.image) return;
+                        context.pushTransparentRoute(
+                          AttachmentZoomView(
+                            data: widget.data.where((ele) => ele != null && ele.mediaType == SnMediaType.image).cast(),
+                            initialIndex: idx,
+                            heroTags: heroTags,
+                          ),
+                          backgroundColor: Colors.black.withOpacity(0.7),
+                          rootNavigator: true,
+                        );
+                      },
+                      child: Stack(
+                        fit: StackFit.expand,
+                        children: [
+                          Container(
+                            decoration: BoxDecoration(
+                              color: backgroundColor,
+                              border: Border(
+                                top: borderSide,
+                                bottom: borderSide,
                              ),
-                              child: ClipRRect(
-                                borderRadius: AttachmentList.kDefaultRadius,
-                                child: AttachmentItem(
-                                  data: widget.data[idx],
-                                  heroTag: heroTags[idx],
-                                ),
+                              borderRadius: AttachmentList.kDefaultRadius,
+                            ),
+                            child: ClipRRect(
+                              borderRadius: AttachmentList.kDefaultRadius,
+                              child: AttachmentItem(
+                                data: widget.data[idx],
+                                heroTag: heroTags[idx],
                              ),
                            ),
-                            Positioned(
-                              right: 8,
-                              bottom: 8,
-                              child: Chip(
-                                label: Text('${idx + 1}/${widget.data.length}'),
-                              ),
+                          ),
+                          Positioned(
+                            right: 8,
+                            bottom: 8,
+                            child: Chip(
+                              label: Text('${idx + 1}/${widget.data.length}'),
                            ),
-                          ],
-                        ),
+                          ),
+                        ],
                      ),
                    ),
-                  );
-                },
-                separatorBuilder: (context, index) => const Gap(8),
-                padding: widget.listPadding,
-                physics: const BouncingScrollPhysics(),
-                scrollDirection: Axis.horizontal,
-              ),
+                  ),
+                );
+              },
+              separatorBuilder: (context, index) => const Gap(8),
+              physics: const BouncingScrollPhysics(),
+              scrollDirection: Axis.horizontal,
            ),
          ),
        );
--- a/lib/widgets/attachment/attachment_zoom.dart
+++ b/lib/widgets/attachment/attachment_zoom.dart
@@ -129,6 +129,8 @@ class _AttachmentZoomViewState extends State<AttachmentZoomView> {

  Color get _unFocusColor => Theme.of(context).colorScheme.onSurface.withOpacity(0.75);

+  bool _showDetail = false;
+
  @override
  Widget build(BuildContext context) {
    final sn = context.read<SnNetworkProvider>();
@@ -144,223 +146,348 @@ class _AttachmentZoomViewState extends State<AttachmentZoomView> {
      onDismissed: () {
        Navigator.of(context).pop();
      },
-      direction: DismissiblePageDismissDirection.down,
+      direction: DismissiblePageDismissDirection.none,
      backgroundColor: Colors.transparent,
      isFullScreen: true,
-      child: Scaffold(
-        body: Stack(
-          children: [
-            Builder(builder: (context) {
-              if (widget.data.length == 1) {
-                final heroTag = widget.heroTags?.first ?? uuid.v4();
-                return Hero(
-                  tag: 'attachment-${widget.data.first.rid}-$heroTag',
-                  child: PhotoView(
-                    key: Key('attachment-detail-${widget.data.first.rid}-$heroTag'),
-                    backgroundDecoration: BoxDecoration(color: Colors.transparent),
-                    imageProvider: UniversalImage.provider(
-                      sn.getAttachmentUrl(widget.data.first.rid),
-                    ),
-                  ),
-                );
-              }
-
-              return PhotoViewGallery.builder(
-                pageController: _pageController,
-                scrollPhysics: const BouncingScrollPhysics(),
-                builder: (context, idx) {
-                  final heroTag = widget.heroTags?.elementAt(idx) ?? uuid.v4();
-                  return PhotoViewGalleryPageOptions(
-                    imageProvider: UniversalImage.provider(
-                      sn.getAttachmentUrl(widget.data.elementAt(idx).rid),
-                    ),
-                    heroAttributes: PhotoViewHeroAttributes(
-                      tag: 'attachment-${widget.data.first.rid}-$heroTag',
+      child: GestureDetector(
+        behavior: HitTestBehavior.translucent,
+        child: Scaffold(
+          body: Stack(
+            children: [
+              Builder(builder: (context) {
+                if (widget.data.length == 1) {
+                  final heroTag = widget.heroTags?.first ?? uuid.v4();
+                  return Hero(
+                    tag: 'attachment-${widget.data.first.rid}-$heroTag',
+                    child: PhotoView(
+                      key: Key('attachment-detail-${widget.data.first.rid}-$heroTag'),
+                      backgroundDecoration: BoxDecoration(color: Colors.transparent),
+                      imageProvider: UniversalImage.provider(
+                        sn.getAttachmentUrl(widget.data.first.rid),
+                      ),
                    ),
                  );
-                },
-                itemCount: widget.data.length,
-                loadingBuilder: (context, event) => Center(
-                  child: SizedBox(
-                    width: 20.0,
-                    height: 20.0,
-                    child: CircularProgressIndicator(
-                      value: event == null ? 0 : event.cumulativeBytesLoaded / (event.expectedTotalBytes ?? 1),
+                }
+
+                return PhotoViewGallery.builder(
+                  pageController: _pageController,
+                  scrollPhysics: const BouncingScrollPhysics(),
+                  builder: (context, idx) {
+                    final heroTag = widget.heroTags?.elementAt(idx) ?? uuid.v4();
+                    return PhotoViewGalleryPageOptions(
+                      imageProvider: UniversalImage.provider(
+                        sn.getAttachmentUrl(widget.data.elementAt(idx).rid),
+                      ),
+                      heroAttributes: PhotoViewHeroAttributes(
+                        tag: 'attachment-${widget.data.first.rid}-$heroTag',
+                      ),
+                    );
+                  },
+                  itemCount: widget.data.length,
+                  loadingBuilder: (context, event) => Center(
+                    child: SizedBox(
+                      width: 20.0,
+                      height: 20.0,
+                      child: CircularProgressIndicator(
+                        value: event == null ? 0 : event.cumulativeBytesLoaded / (event.expectedTotalBytes ?? 1),
+                      ),
                    ),
                  ),
-                ),
-                backgroundDecoration: BoxDecoration(color: Colors.transparent),
-              );
-            }),
-            Align(
-              alignment: Alignment.bottomCenter,
-              child: IgnorePointer(
-                child: Container(
-                  height: 300,
-                  decoration: BoxDecoration(
-                    gradient: LinearGradient(
-                      begin: Alignment.bottomCenter,
-                      end: Alignment.topCenter,
-                      colors: [
-                        Theme.of(context).colorScheme.surface,
-                        Colors.transparent,
-                      ],
+                  backgroundDecoration: BoxDecoration(color: Colors.transparent),
+                );
+              }),
+              Align(
+                alignment: Alignment.bottomCenter,
+                child: IgnorePointer(
+                  child: Container(
+                    height: 300,
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                        begin: Alignment.bottomCenter,
+                        end: Alignment.topCenter,
+                        colors: [
+                          Theme.of(context).colorScheme.surface,
+                          Colors.transparent,
+                        ],
+                      ),
                    ),
                  ),
                ),
              ),
-            ),
-            Positioned(
-              left: 16,
-              right: 16,
-              bottom: 16 + MediaQuery.of(context).padding.bottom,
-              child: Material(
-                color: Colors.transparent,
-                child: Builder(builder: (context) {
-                  final ud = context.read<UserDirectoryProvider>();
-                  final item = widget.data.elementAt(
-                    widget.data.length > 1 ? _pageController.page?.round() ?? 0 : 0,
-                  );
-                  final account = ud.getAccountFromCache(item.accountId);
+              Positioned(
+                left: 16,
+                right: 16,
+                bottom: 16 + MediaQuery.of(context).padding.bottom,
+                child: Material(
+                  color: Colors.transparent,
+                  child: Builder(builder: (context) {
+                    final ud = context.read<UserDirectoryProvider>();
+                    final item = widget.data.elementAt(
+                      widget.data.length > 1 ? _pageController.page?.round() ?? 0 : 0,
+                    );
+                    final account = ud.getAccountFromCache(item.accountId);

-                  return Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      if (item.accountId > 0)
-                        Row(
-                          children: [
-                            IgnorePointer(
-                              child: AccountImage(
-                                content: account!.avatar,
-                                radius: 19,
-                              ),
-                            ),
-                            const Gap(8),
-                            Expanded(
-                              child: IgnorePointer(
-                                child: Column(
-                                  crossAxisAlignment: CrossAxisAlignment.start,
-                                  children: [
-                                    Text(
-                                      'attachmentUploadBy'.tr(),
-                                      style: Theme.of(context).textTheme.bodySmall,
-                                    ),
-                                    Text(
-                                      account.nick,
-                                      style: Theme.of(context).textTheme.bodyMedium,
-                                    ),
-                                  ],
+                    return Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        if (item.accountId > 0)
+                          Row(
+                            children: [
+                              IgnorePointer(
+                                child: AccountImage(
+                                  content: account?.avatar,
+                                  radius: 19,
                                ),
                              ),
-                            ),
-                            if (widget.data.length > 1)
-                              IgnorePointer(
-                                child: Text(
-                                  '${(_pageController.page?.round() ?? 0) + 1}/${widget.data.length}',
-                                  style: GoogleFonts.robotoMono(fontSize: 13),
-                                ).padding(right: 8),
-                              ),
-                            InkWell(
-                              borderRadius: const BorderRadius.all(Radius.circular(16)),
-                              onTap: _isDownloading
-                                  ? null
-                                  : () => _saveToAlbum(widget.data.length > 1 ? _pageController.page?.round() ?? 0 : 0),
-                              child: Container(
-                                padding: const EdgeInsets.all(6),
-                                child: !_isDownloading
-                                    ? !_isCompletedDownload
-                                        ? const Icon(Symbols.save_alt)
-                                        : const Icon(Symbols.download_done)
-                                    : SizedBox(
-                                        width: 24,
-                                        height: 24,
-                                        child: CircularProgressIndicator(
-                                          value: _progressOfDownload,
-                                          strokeWidth: 3,
-                                        ),
+                              const Gap(8),
+                              Expanded(
+                                child: IgnorePointer(
+                                  child: Column(
+                                    crossAxisAlignment: CrossAxisAlignment.start,
+                                    children: [
+                                      Text(
+                                        'attachmentUploadBy'.tr(),
+                                        style: Theme.of(context).textTheme.bodySmall,
                                      ),
+                                      Text(
+                                        account?.nick ?? 'unknown'.tr(),
+                                        style: Theme.of(context).textTheme.bodyMedium,
+                                      ),
+                                    ],
+                                  ),
+                                ),
                              ),
+                              if (widget.data.length > 1)
+                                IgnorePointer(
+                                  child: Text(
+                                    '${(_pageController.page?.round() ?? 0) + 1}/${widget.data.length}',
+                                    style: GoogleFonts.robotoMono(fontSize: 13),
+                                  ).padding(right: 8),
+                                ),
+                              InkWell(
+                                borderRadius: const BorderRadius.all(Radius.circular(16)),
+                                onTap: _isDownloading
+                                    ? null
+                                    : () =>
+                                        _saveToAlbum(widget.data.length > 1 ? _pageController.page?.round() ?? 0 : 0),
+                                child: Container(
+                                  padding: const EdgeInsets.all(6),
+                                  child: !_isDownloading
+                                      ? !_isCompletedDownload
+                                          ? const Icon(Symbols.save_alt)
+                                          : const Icon(Symbols.download_done)
+                                      : SizedBox(
+                                          width: 24,
+                                          height: 24,
+                                          child: CircularProgressIndicator(
+                                            value: _progressOfDownload,
+                                            strokeWidth: 3,
+                                          ),
+                                        ),
+                                ),
+                              ),
+                            ],
+                          ),
+                        const Gap(4),
+                        IgnorePointer(
+                          child: Text(
+                            item.alt,
+                            maxLines: 2,
+                            overflow: TextOverflow.ellipsis,
+                            style: const TextStyle(
+                              fontSize: 15,
+                              fontWeight: FontWeight.w500,
                            ),
-                          ],
-                        ),
-                      const Gap(4),
-                      IgnorePointer(
-                        child: Text(
-                          item.alt,
-                          maxLines: 2,
-                          overflow: TextOverflow.ellipsis,
-                          style: const TextStyle(
-                            fontSize: 15,
-                            fontWeight: FontWeight.w500,
                          ),
                        ),
-                      ),
-                      const Gap(2),
-                      IgnorePointer(
-                        child: Wrap(
-                          spacing: 6,
-                          children: [
-                            if (item.metadata['exif'] == null)
+                        const Gap(2),
+                        IgnorePointer(
+                          child: Wrap(
+                            spacing: 6,
+                            children: [
+                              if (item.metadata['exif'] == null)
+                                Text(
+                                  '#${item.rid}',
+                                  style: metaTextStyle,
+                                ),
+                              if (item.metadata['exif']?['Model'] != null)
+                                Text(
+                                  'attachmentShotOn'.tr(args: [
+                                    item.metadata['exif']?['Model'],
+                                  ]),
+                                  style: metaTextStyle,
+                                ).padding(right: 2),
+                              if (item.metadata['exif']?['ISO'] != null)
+                                Text(
+                                  'ISO${item.metadata['exif']?['ISO']}',
+                                  style: metaTextStyle,
+                                ).padding(right: 2),
+                              if (item.metadata['exif']?['Aperture'] != null)
+                                Text(
+                                  'f/${item.metadata['exif']?['Aperture']}',
+                                  style: metaTextStyle,
+                                ).padding(right: 2),
+                              if (item.metadata['exif']?['Megapixels'] != null &&
+                                  item.metadata['exif']?['Model'] != null)
+                                Text(
+                                  '${item.metadata['exif']?['Megapixels']}MP',
+                                  style: metaTextStyle,
+                                )
+                              else
+                                Text(
+                                  item.size.formatBytes(),
+                                  style: metaTextStyle,
+                                ),
+                              if (item.metadata['width'] != null && item.metadata['height'] != null)
+                                Text(
+                                  '${item.metadata['width']}x${item.metadata['height']}',
+                                  style: metaTextStyle,
+                                ),
+                              if (item.metadata['ratio'] != null)
+                                Text(
+                                  (item.metadata['ratio'] as num).toStringAsFixed(2),
+                                  style: metaTextStyle,
+                                ),
                              Text(
-                                '#${item.rid}',
+                                item.mimetype,
                                style: metaTextStyle,
                              ),
-                            if (item.metadata['exif']?['Model'] != null)
-                              Text(
-                                'attachmentShotOn'.tr(args: [
-                                  item.metadata['exif']?['Model'],
-                                ]),
-                                style: metaTextStyle,
-                              ).padding(right: 2),
-                            if (item.metadata['exif']?['ShutterSpeed'] != null)
-                              Text(
-                                item.metadata['exif']?['ShutterSpeed'],
-                                style: metaTextStyle,
-                              ).padding(right: 2),
-                            if (item.metadata['exif']?['ISO'] != null)
-                              Text(
-                                'ISO${item.metadata['exif']?['ISO']}',
-                                style: metaTextStyle,
-                              ).padding(right: 2),
-                            if (item.metadata['exif']?['Aperture'] != null)
-                              Text(
-                                'f/${item.metadata['exif']?['Aperture']}',
-                                style: metaTextStyle,
-                              ).padding(right: 2),
-                            if (item.metadata['exif']?['Megapixels'] != null && item.metadata['exif']?['Model'] != null)
-                              Text(
-                                '${item.metadata['exif']?['Megapixels']}MP',
-                                style: metaTextStyle,
-                              )
-                            else
-                              Text(
-                                '${item.size} Bytes',
-                                style: metaTextStyle,
-                              ),
-                            if (item.metadata['width'] != null && item.metadata['height'] != null)
-                              Text(
-                                '${item.metadata['width']}x${item.metadata['height']}',
-                                style: metaTextStyle,
-                              ),
-                            if (item.metadata['ratio'] != null)
-                              Text(
-                                (item.metadata['ratio'] as num).toStringAsFixed(2),
-                                style: metaTextStyle,
-                              ),
-                            Text(
-                              item.mimetype,
-                              style: metaTextStyle,
-                            ),
-                          ],
+                            ],
+                          ),
                        ),
-                      ),
-                    ],
-                  );
-                }),
+                      ],
+                    );
+                  }),
+                ),
              ),
-            ),
-          ],
+            ],
+          ),
        ),
+        onVerticalDragUpdate: (details) {
+          if (_showDetail) return;
+          if (details.delta.dy < 0) {
+            _showDetail = true;
+            showModalBottomSheet(
+              context: context,
+              builder: (context) => _AttachmentZoomDetailPopup(
+                data: widget.data.elementAt(widget.data.length > 1 ? _pageController.page?.round() ?? 0 : 0),
+              ),
+            ).then((_) {
+              _showDetail = false;
+            });
+          }
+        },
+        onTap: () {
+          Navigator.of(context).pop();
+        },
+      ),
+    );
+  }
+}
+
+class _AttachmentZoomDetailPopup extends StatelessWidget {
+  final SnAttachment data;
+
+  const _AttachmentZoomDetailPopup({required this.data});
+
+  @override
+  Widget build(BuildContext context) {
+    final ud = context.read<UserDirectoryProvider>();
+    final account = ud.getAccountFromCache(data.accountId);
+
+    const tableGap = TableRow(
+      children: [
+        TableCell(child: SizedBox(height: 16)),
+        TableCell(child: SizedBox(height: 16)),
+      ],
+    );
+
+    return SizedBox(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              const Icon(Symbols.info, size: 24),
+              const Gap(16),
+              Text('attachmentDetailInfo').tr().textStyle(Theme.of(context).textTheme.titleLarge!),
+            ],
+          ).padding(horizontal: 20, top: 16, bottom: 12),
+          Expanded(
+            child: Table(
+              columnWidths: {
+                0: IntrinsicColumnWidth(),
+                1: FlexColumnWidth(),
+              },
+              children: [
+                TableRow(
+                  children: [
+                    TableCell(
+                      child: Text('attachmentUploadBy').tr().padding(right: 16),
+                    ),
+                    TableCell(
+                      child: Row(
+                        children: [
+                          if (data.accountId > 0)
+                            AccountImage(
+                              content: account?.avatar,
+                              radius: 8,
+                            ),
+                          const Gap(8),
+                          Text(data.accountId > 0 ? account?.nick ?? 'unknown'.tr() : 'unknown'.tr()),
+                          const Gap(8),
+                          Text('#${data.accountId}', style: GoogleFonts.robotoMono()).opacity(0.75),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+                tableGap,
+                TableRow(
+                  children: [
+                    TableCell(child: Text('Mimetype').padding(right: 16)),
+                    TableCell(child: Text(data.mimetype)),
+                  ],
+                ),
+                TableRow(
+                  children: [
+                    TableCell(child: Text('Size').padding(right: 16)),
+                    TableCell(
+                        child: Row(
+                      children: [
+                        Text(data.size.formatBytes()),
+                        const Gap(12),
+                        Text('${data.size} Bytes', style: GoogleFonts.robotoMono()).opacity(0.75),
+                      ],
+                    )),
+                  ],
+                ),
+                TableRow(
+                  children: [
+                    TableCell(child: Text('Name').padding(right: 16)),
+                    TableCell(child: Text(data.name)),
+                  ],
+                ),
+                if (data.hash.isNotEmpty)
+                  TableRow(
+                    children: [
+                      TableCell(child: Text('Hash').padding(right: 16)),
+                      TableCell(child: Text(data.hash, style: GoogleFonts.robotoMono(fontSize: 11)).opacity(0.9)),
+                    ],
+                  ),
+                tableGap,
+                ...(data.metadata['exif']?.keys.map((k) => TableRow(
+                      children: [
+                        TableCell(child: Text(k).padding(right: 16)),
+                        TableCell(child: Text(data.metadata['exif'][k].toString())),
+                      ],
+                    )) ??
+                    []),
+              ],
+            ).padding(horizontal: 20, vertical: 8),
+          ),
+        ],
      ),
    );
  }
--- a/lib/widgets/attachment/pending_attachment_alt.dart
+++ b/lib/widgets/attachment/pending_attachment_alt.dart
@@ -0,0 +1,86 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/controllers/post_write_controller.dart';
+import 'package:surface/providers/sn_attachment.dart';
+import 'package:surface/widgets/dialog.dart';
+
+class PendingAttachmentAltDialog extends StatefulWidget {
+  final PostWriteMedia media;
+  const PendingAttachmentAltDialog({super.key, required this.media});
+
+  @override
+  State<PendingAttachmentAltDialog> createState() => _PendingAttachmentAltDialogState();
+}
+
+class _PendingAttachmentAltDialogState extends State<PendingAttachmentAltDialog> {
+  final _contentController = TextEditingController();
+
+  @override
+  void initState() {
+    super.initState();
+    _contentController.text = widget.media.attachment!.alt;
+  }
+
+  bool _isBusy = false;
+
+  Future<void> _performAction() async {
+    if (_isBusy) return;
+
+    setState(() => _isBusy = true);
+
+    try {
+      final attach = context.read<SnAttachmentProvider>();
+      final result = await attach.updateOne(
+        widget.media.attachment!,
+        alt: _contentController.text,
+      );
+      if (!mounted) return;
+      attach.putCache([result]);
+      Navigator.pop(context, result);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void dispose() {
+    _contentController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Text('attachmentSetAlt').tr(),
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          TextField(
+            controller: _contentController,
+            decoration: InputDecoration(
+              labelText: 'fieldAttachmentAlt'.tr(),
+              border: const UnderlineInputBorder(),
+            ),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+          ),
+        ],
+      ),
+      actions: [
+        TextButton(
+          onPressed: _isBusy ? null : () {
+            Navigator.pop(context);
+          },
+          child: Text('dialogDismiss'.tr()),
+        ),
+        TextButton(
+          onPressed: _isBusy ? null : () => _performAction(),
+          child: Text('dialogConfirm'.tr()),
+        ),
+      ],
+    );
+  }
+}
--- a/lib/widgets/attachment/pending_attachment_boost.dart
+++ b/lib/widgets/attachment/pending_attachment_boost.dart
@@ -0,0 +1,120 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:provider/provider.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/controllers/post_write_controller.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/attachment.dart';
+import 'package:surface/widgets/dialog.dart';
+
+class PendingAttachmentBoostDialog extends StatefulWidget {
+  final PostWriteMedia media;
+
+  const PendingAttachmentBoostDialog({super.key, required this.media});
+
+  @override
+  State<PendingAttachmentBoostDialog> createState() => _PendingAttachmentBoostDialogState();
+}
+
+class _PendingAttachmentBoostDialogState extends State<PendingAttachmentBoostDialog> {
+  List<SnAttachmentDestination>? _regions;
+  SnAttachmentDestination? _selectedRegion;
+
+  Future<void> _fetchRegions() async {
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get('/cgi/uc/destinations');
+      setState(() {
+        _regions = List<SnAttachmentDestination>.from(
+          resp.data?.map((e) => SnAttachmentDestination.fromJson(e)) ?? [],
+        ).cast<SnAttachmentDestination>().where((ele) => ele.isBoost).toList();
+      });
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
+  bool _isBusy = false;
+
+  Future<void> _performAction() async {
+    if (_isBusy) return;
+    if (_selectedRegion == null) return;
+
+    setState(() => _isBusy = true);
+
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.post('/cgi/uc/boosts', data: {
+        'attachment': widget.media.attachment!.id,
+        'destination': _selectedRegion!.id,
+      });
+      if (!mounted) return;
+      Navigator.pop(context, SnAttachmentBoost.fromJson(resp.data));
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchRegions();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Text('attachmentBoost').tr(),
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text('attachmentBoostHint').tr(),
+          const Gap(16),
+          Text('attachmentDestinationRegion').tr().fontSize(18),
+          const Gap(8),
+          Card(
+            child: _regions == null
+                ? const CircularProgressIndicator().center().padding(all: 16)
+                : Column(
+                    children: _regions!.map(
+                      (ele) {
+                        return RadioListTile(
+                          title: Text(ele.label).tr(),
+                          subtitle: Text(
+                            'attachmentDestinationRegion${ele.region}'.trExists()
+                                ? 'attachmentDestinationRegion${ele.region}'.tr()
+                                : ele.region,
+                          ),
+                          selected: _selectedRegion == ele,
+                          value: ele,
+                          groupValue: _selectedRegion,
+                          onChanged: (value) {
+                            if (value != null) setState(() => _selectedRegion = value);
+                          },
+                        );
+                      },
+                    ).toList(),
+                  ),
+          ),
+        ],
+      ),
+      actions: [
+        TextButton(
+          onPressed: _isBusy ? null : () {
+            Navigator.pop(context);
+          },
+          child: Text('dialogDismiss'.tr()),
+        ),
+        TextButton(
+          onPressed: _isBusy ? null : () => _performAction(),
+          child: Text('dialogConfirm'.tr()),
+        ),
+      ],
+    );
+  }
+}
--- a/lib/widgets/chat/chat_message.dart
+++ b/lib/widgets/chat/chat_message.dart
@@ -1,14 +1,18 @@
+import 'dart:math' as math;
+
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_context_menu/flutter_context_menu.dart';
 import 'package:gap/gap.dart';
 import 'package:material_symbols_icons/symbols.dart';
+import 'package:popover/popover.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/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_popover.dart';
 import 'package:surface/widgets/attachment/attachment_list.dart';
 import 'package:surface/widgets/context_menu.dart';
 import 'package:surface/widgets/link_preview.dart';
@@ -24,6 +28,7 @@ class ChatMessage extends StatelessWidget {
  final Function(SnChatMessage)? onReply;
  final Function(SnChatMessage)? onEdit;
  final Function(SnChatMessage)? onDelete;
+  final EdgeInsets padding;

  const ChatMessage({
    super.key,
@@ -35,6 +40,7 @@ class ChatMessage extends StatelessWidget {
    this.onReply,
    this.onEdit,
    this.onDelete,
+    this.padding = const EdgeInsets.only(left: 12, right: 12),
  });

  @override
@@ -53,7 +59,7 @@ class ChatMessage extends StatelessWidget {
      iconOnRightSwipe: Symbols.edit,
      swipeSensitivity: 20,
      onLeftSwipe: onReply != null ? (_) => onReply!(data) : null,
-      onRightSwipe: onEdit != null ? (_) => onEdit!(data) : null,
+      onRightSwipe: (onEdit != null && isOwner) ? (_) => onEdit!(data) : null,
      child: ContextMenuArea(
        contextMenu: ContextMenu(
          entries: [
@@ -87,83 +93,117 @@ class ChatMessage extends StatelessWidget {
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
-            Row(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                if (!isMerged && !isCompact)
-                  AccountImage(
-                    content: user?.avatar,
-                  )
-                else if (isMerged)
-                  const Gap(40),
-                const Gap(8),
-                Expanded(
-                  child: Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      if (!isMerged)
-                        Row(
-                          crossAxisAlignment: CrossAxisAlignment.baseline,
-                          textBaseline: TextBaseline.alphabetic,
-                          children: [
-                            if (isCompact)
-                              AccountImage(
-                                content: user?.avatar,
-                                radius: 12,
-                              ).padding(right: 6),
-                            Text(
-                              (data.sender.nick?.isNotEmpty ?? false) ? data.sender.nick! : user?.nick ?? 'unknown',
-                            ).bold(),
-                            const Gap(6),
-                            Text(
-                              dateFormatter.format(data.createdAt.toLocal()),
-                            ).fontSize(13),
-                          ],
-                        ),
-                      if (isCompact) const Gap(4),
-                      if (data.preload?.quoteEvent != null)
-                        StyledWidget(Container(
-                          decoration: BoxDecoration(
-                            borderRadius: const BorderRadius.all(Radius.circular(8)),
-                            border: Border.all(
-                              color: Theme.of(context).dividerColor,
-                              width: 1,
+            Padding(
+              padding: isCompact ? EdgeInsets.zero : padding,
+              child: Row(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  if (!isMerged && !isCompact)
+                    GestureDetector(
+                      child: AccountImage(
+                        content: user?.avatar,
+                      ),
+                      onTap: () {
+                        if (user == null) return;
+                        showPopover(
+                          backgroundColor: Theme.of(context).colorScheme.surface,
+                          context: context,
+                          transition: PopoverTransition.other,
+                          bodyBuilder: (context) => SizedBox(
+                            width: math.min(400, MediaQuery.of(context).size.width - 10),
+                            child: AccountPopoverCard(
+                              data: user,
                            ),
                          ),
-                          padding: const EdgeInsets.only(
-                            left: 4,
-                            right: 4,
-                            top: 8,
-                            bottom: 6,
-                          ),
-                          child: ChatMessage(
-                            data: data.preload!.quoteEvent!,
-                            isCompact: true,
-                            onReply: onReply,
-                            onEdit: onEdit,
-                            onDelete: onDelete,
-                          ),
-                        )).padding(bottom: 4, top: 4),
-                      switch (data.type) {
-                        'messages.new' => _ChatMessageText(data: data),
-                        _ => _ChatMessageSystemNotify(data: data),
+                          direction: PopoverDirection.bottom,
+                          arrowHeight: 5,
+                          arrowWidth: 15,
+                          arrowDxOffset: -190,
+                        );
                      },
-                    ],
-                  ),
-                )
-              ],
-            ).opacity(isPending ? 0.5 : 1),
-            if (data.body['text'] != null && (data.body['text']?.isNotEmpty ?? false))
+                    )
+                  else if (isMerged)
+                    const Gap(40),
+                  const Gap(8),
+                  Expanded(
+                    child: Container(
+                      constraints: BoxConstraints(maxWidth: 480),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          if (!isMerged)
+                            Row(
+                              crossAxisAlignment: CrossAxisAlignment.center,
+                              children: [
+                                if (isCompact)
+                                  AccountImage(
+                                    content: user?.avatar,
+                                    radius: 12,
+                                  ).padding(right: 8),
+                                Text(
+                                  (data.sender.nick?.isNotEmpty ?? false) ? data.sender.nick! : user?.nick ?? 'unknown',
+                                ).bold(),
+                                const Gap(8),
+                                Text(
+                                  dateFormatter.format(data.createdAt.toLocal()),
+                                ).fontSize(13),
+                              ],
+                            ).height(21),
+                          if (isCompact) const Gap(8),
+                          if (data.preload?.quoteEvent != null)
+                            StyledWidget(Container(
+                              constraints: BoxConstraints(
+                                maxWidth: 480,
+                              ),
+                              decoration: BoxDecoration(
+                                borderRadius: const BorderRadius.all(Radius.circular(8)),
+                                border: Border.all(
+                                  color: Theme.of(context).dividerColor,
+                                  width: 1,
+                                ),
+                              ),
+                              padding: const EdgeInsets.only(
+                                left: 4,
+                                right: 4,
+                                top: 8,
+                                bottom: 6,
+                              ),
+                              child: ChatMessage(
+                                data: data.preload!.quoteEvent!,
+                                isCompact: true,
+                                onReply: onReply,
+                                onEdit: onEdit,
+                                onDelete: onDelete,
+                              ),
+                            )).padding(bottom: 4, top: 4),
+                          switch (data.type) {
+                            'messages.new' => _ChatMessageText(
+                                data: data,
+                                onReply: onReply,
+                                onEdit: onEdit,
+                                onDelete: onDelete,
+                              ),
+                            _ => _ChatMessageSystemNotify(data: data),
+                          },
+                        ],
+                      ),
+                    ),
+                  )
+                ],
+              ).opacity(isPending ? 0.5 : 1),
+            ),
+            if (data.body['text'] != null && data.type == 'messages.new' && (data.body['text']?.isNotEmpty ?? false))
              LinkPreviewWidget(text: data.body['text']!),
            if (data.preload?.attachments?.isNotEmpty ?? false)
              AttachmentList(
                data: data.preload!.attachments!,
                bordered: true,
-                noGrow: true,
-                maxHeight: 520,
-                listPadding: const EdgeInsets.only(top: 8),
+                maxHeight: 560,
+                maxWidth: 480,
+                minWidth: 480,
+                padding: padding.copyWith(top: 8),
              ),
-            if (!hasMerged && !isCompact) const Gap(12) else if (!isCompact) const Gap(6),
+            if (!hasMerged && !isCompact) const Gap(12) else if (!isCompact) const Gap(8),
          ],
        ),
      ),
@@ -173,19 +213,75 @@ class ChatMessage extends StatelessWidget {

 class _ChatMessageText extends StatelessWidget {
  final SnChatMessage data;
+  final Function(SnChatMessage)? onReply;
+  final Function(SnChatMessage)? onEdit;
+  final Function(SnChatMessage)? onDelete;

-  const _ChatMessageText({required this.data});
+  const _ChatMessageText({required this.data, this.onReply, this.onEdit, this.onDelete});

  @override
  Widget build(BuildContext context) {
+    final ua = context.read<UserProvider>();
+
+    final isOwner = ua.isAuthorized && data.sender.accountId == ua.user?.id;
+
    if (data.body['text'] != null && data.body['text'].isNotEmpty) {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
-          MarkdownTextContent(
-            content: data.body['text'],
-            isSelectable: true,
-            isAutoWarp: true,
+          SelectionArea(
+            contextMenuBuilder: (context, editableTextState) {
+              final List<ContextMenuButtonItem> items = editableTextState.contextMenuButtonItems;
+
+              if (onReply != null) {
+                items.insert(
+                  0,
+                  ContextMenuButtonItem(
+                    label: 'reply'.tr(),
+                    onPressed: () {
+                      ContextMenuController.removeAny();
+                      onReply?.call(data);
+                    },
+                  ),
+                );
+              }
+              if (isOwner && onEdit != null) {
+                items.insert(
+                  1,
+                  ContextMenuButtonItem(
+                    label: 'edit'.tr(),
+                    onPressed: () {
+                      ContextMenuController.removeAny();
+                      onEdit?.call(data);
+                    },
+                  ),
+                );
+              }
+              if (isOwner && onDelete != null) {
+                items.insert(
+                  2,
+                  ContextMenuButtonItem(
+                    label: 'delete'.tr(),
+                    onPressed: () {
+                      ContextMenuController.removeAny();
+                      onDelete?.call(data);
+                    },
+                  ),
+                );
+              }
+
+              return AdaptiveTextSelectionToolbar.buttonItems(
+                anchors: editableTextState.contextMenuAnchors,
+                buttonItems: items,
+              );
+            },
+            child: Container(
+              constraints: const BoxConstraints(maxWidth: 480),
+              child: MarkdownTextContent(
+                content: data.body['text'],
+                isAutoWarp: true,
+              ),
+            ),
          ),
          if (data.updatedAt != data.createdAt)
            Text(
--- a/lib/widgets/chat/chat_message_input.dart
+++ b/lib/widgets/chat/chat_message_input.dart
@@ -11,7 +11,6 @@ import 'package:surface/providers/user_directory.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/dialog.dart';
-import 'package:surface/widgets/markdown_content.dart';
 import 'package:surface/widgets/post/post_media_pending_list.dart';

 class ChatMessageInput extends StatefulWidget {
@@ -33,12 +32,24 @@ class ChatMessageInputState extends State<ChatMessageInput> {
  final TextEditingController _contentController = TextEditingController();
  final FocusNode _focusNode = FocusNode();

+  @override
+  void initState() {
+    super.initState();
+    _contentController.addListener(() {
+      if (_contentController.text.isNotEmpty) {
+        widget.controller.pingTypingStatus();
+      }
+    });
+  }
+
  void setReply(SnChatMessage? value) {
    setState(() => _replyingMessage = value);
  }

  void setEdit(SnChatMessage? value) {
    _contentController.text = value?.body['text'] ?? '';
+    _attachments.clear();
+    _attachments.addAll(value?.preload?.attachments?.map((e) => PostWriteMedia(e)) ?? []);
    setState(() => _editingMessage = value);
  }

@@ -83,6 +94,7 @@ class ChatMessageInputState extends State<ChatMessageInput> {
          media.toFile()!,
          place.$1,
          place.$2,
+          analyzeNow: media.type == SnMediaType.image,
          onProgress: (progress) {
            // Calculate overall progress for attachments
            setState(() {
@@ -91,7 +103,9 @@ class ChatMessageInputState extends State<ChatMessageInput> {
          },
        );

-        _attachments[i] = PostWriteMedia(item);
+        setState(() {
+          _attachments[i] = PostWriteMedia(item);
+        });
      }
    } catch (err) {
      if (!mounted) return;
@@ -103,7 +117,7 @@ class ChatMessageInputState extends State<ChatMessageInput> {
    // Send the message
    // NOTICE This future should not be awaited, so that the message can be sent in the background and the user can continue to type
    widget.controller.sendMessage(
-      'messages.new',
+      _editingMessage != null ? 'messages.edit' : 'messages.new',
      _contentController.text,
      attachments: _attachments.where((e) => e.attachment != null).map((e) => e.attachment!.rid).toList(),
      relatedId: _editingMessage?.id,
@@ -160,75 +174,84 @@ class ChatMessageInputState extends State<ChatMessageInput> {
            .animate(const Duration(milliseconds: 300), Curves.fastEaseInToSlowEaseOut),
        SingleChildScrollView(
          physics: const NeverScrollableScrollPhysics(),
-          child: Padding(
-            padding: _replyingMessage != null ? const EdgeInsets.only(top: 8) : EdgeInsets.zero,
-            child: _replyingMessage != null
-                ? MaterialBanner(
-                    padding: const EdgeInsets.only(left: 16.0),
-                    leading: const Icon(Symbols.reply),
-                    backgroundColor: Colors.transparent,
-                    content: SingleChildScrollView(
-                      physics: const NeverScrollableScrollPhysics(),
-                      child: Column(
-                        mainAxisAlignment: MainAxisAlignment.center,
-                        crossAxisAlignment: CrossAxisAlignment.start,
-                        children: [
-                          if (_replyingMessage?.body['text'] != null)
-                            MarkdownTextContent(
-                              content: _replyingMessage?.body['text'],
-                            ),
-                        ],
+          child: _replyingMessage != null
+              ? Container(
+                  padding: const EdgeInsets.only(left: 16, right: 16),
+                  decoration: BoxDecoration(
+                    border: Border(
+                      bottom: BorderSide(
+                        color: Theme.of(context).dividerColor,
+                        width: 1 / MediaQuery.of(context).devicePixelRatio,
                      ),
                    ),
-                    actions: [
-                      TextButton(
+                  ),
+                  child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      const Icon(Symbols.reply, size: 20),
+                      const Gap(8),
+                      Expanded(
+                        child: Text(
+                          _replyingMessage?.body['text'] ?? '${_replyingMessage?.sender.nick}',
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ),
+                      const Gap(16),
+                      InkWell(
                        child: Text('cancel'.tr()),
-                        onPressed: () {
+                        onTap: () {
+                          _attachments.clear();
                          setState(() => _replyingMessage = null);
                        },
                      ),
                    ],
-                  )
-                : const SizedBox.shrink(),
-          ),
+                  ).padding(vertical: 8),
+                )
+              : const SizedBox.shrink(),
        )
-            .height(_replyingMessage != null ? 54 + 8 : 0, animate: true)
+            .height(_replyingMessage != null ? 38 : 0, animate: true)
            .animate(const Duration(milliseconds: 300), Curves.fastEaseInToSlowEaseOut),
        SingleChildScrollView(
          physics: const NeverScrollableScrollPhysics(),
-          child: Padding(
-            padding: _editingMessage != null ? const EdgeInsets.only(top: 8) : EdgeInsets.zero,
-            child: _editingMessage != null
-                ? MaterialBanner(
-                    padding: const EdgeInsets.only(left: 16.0),
-                    leading: const Icon(Symbols.edit),
-                    backgroundColor: Colors.transparent,
-                    content: SingleChildScrollView(
-                      physics: const NeverScrollableScrollPhysics(),
-                      child: Column(
-                        mainAxisAlignment: MainAxisAlignment.center,
-                        crossAxisAlignment: CrossAxisAlignment.start,
-                        children: [
-                          if (_editingMessage?.body['text'] != null)
-                            MarkdownTextContent(
-                              content: _editingMessage?.body['text'],
-                            ),
-                        ],
+          child: _editingMessage != null
+              ? Container(
+                  padding: const EdgeInsets.only(left: 16, right: 16),
+                  decoration: BoxDecoration(
+                    border: Border(
+                      bottom: BorderSide(
+                        color: Theme.of(context).dividerColor,
+                        width: 1 / MediaQuery.of(context).devicePixelRatio,
                      ),
                    ),
-                    actions: [
-                      TextButton(
+                  ),
+                  child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      const Icon(Symbols.edit, size: 20),
+                      const Gap(8),
+                      Expanded(
+                        child: Text(
+                          _editingMessage?.body['text'] ?? '${_editingMessage?.sender.nick}',
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ),
+                      const Gap(16),
+                      InkWell(
                        child: Text('cancel'.tr()),
-                        onPressed: () {
+                        onTap: () {
+                          _attachments.clear();
+                          _contentController.clear();
                          setState(() => _editingMessage = null);
                        },
                      ),
                    ],
-                  )
-                : const SizedBox.shrink(),
-          ),
+                  ).padding(vertical: 8),
+                )
+              : const SizedBox.shrink(),
        )
-            .height(_editingMessage != null ? 54 + 8 : 0, animate: true)
+            .height(_editingMessage != null ? 38 : 0, animate: true)
            .animate(const Duration(milliseconds: 300), Curves.fastEaseInToSlowEaseOut),
        SizedBox(
          height: 56,
--- a/lib/widgets/chat/chat_typing_indicator.dart
+++ b/lib/widgets/chat/chat_typing_indicator.dart
@@ -0,0 +1,53 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+import 'package:provider/provider.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/controllers/chat_message_controller.dart';
+import 'package:surface/providers/user_directory.dart';
+
+class ChatTypingIndicator extends StatelessWidget {
+  final ChatMessageController controller;
+
+  const ChatTypingIndicator({super.key, required this.controller});
+
+  @override
+  Widget build(BuildContext context) {
+    final ud = context.read<UserDirectoryProvider>();
+
+    return StyledWidget(controller.typingMembers.isEmpty
+            ? const SizedBox.shrink()
+            : Container(
+                padding: const EdgeInsets.only(left: 16, right: 16),
+                decoration: BoxDecoration(
+                  border: Border(
+                    bottom: BorderSide(
+                      color: Theme.of(context).dividerColor,
+                      width: 1 / MediaQuery.of(context).devicePixelRatio,
+                    ),
+                  ),
+                ),
+                child: Row(
+                  children: [
+                    const Icon(Symbols.more_horiz, weight: 600, size: 20),
+                    const Gap(8),
+                    Text(
+                      'messageTyping'.plural(controller.typingMembers.length, args: [
+                        controller.typingMembers
+                            .map((ele) => (ele.nick?.isNotEmpty ?? false)
+                                ? ele.nick!
+                                : ud.getAccountFromCache(ele.accountId)?.name ?? 'unknown')
+                            .join(', '),
+                      ]),
+                    ),
+                  ],
+                ),
+              ))
+        .height(controller.typingMembers.isNotEmpty ? 38 : 0, animate: true)
+        .animate(
+          const Duration(milliseconds: 300),
+          Curves.fastLinearToSlowEaseIn,
+        );
+  }
+}
--- a/lib/widgets/connection_indicator.dart
+++ b/lib/widgets/connection_indicator.dart
@@ -1,5 +1,7 @@
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/userinfo.dart';
@@ -18,13 +20,9 @@ class ConnectionIndicator extends StatelessWidget {
        final ua = context.read<UserProvider>();

        return GestureDetector(
-          child: Container(
-            padding: EdgeInsets.only(
-              bottom: 8,
-              top: MediaQuery.of(context).padding.top + 8,
-              left: 24,
-              right: 24,
-            ),
+          child: Material(
+            elevation: 2,
+            shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(16))),
            color: Theme.of(context).colorScheme.secondaryContainer,
            child: ua.isAuthorized
                ? Row(
@@ -32,21 +30,25 @@ class ConnectionIndicator extends StatelessWidget {
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      if (ws.isBusy)
-                        Text('serverConnecting').tr().textColor(
-                            Theme.of(context).colorScheme.onSecondaryContainer)
+                        Text('serverConnecting').tr().textColor(Theme.of(context).colorScheme.onSecondaryContainer)
                      else if (!ws.isConnected)
-                        Text('serverDisconnected').tr().textColor(
-                            Theme.of(context).colorScheme.onSecondaryContainer),
+                        Text('serverDisconnected').tr().textColor(Theme.of(context).colorScheme.onSecondaryContainer)
+                      else
+                        Text('serverConnected').tr().textColor(Theme.of(context).colorScheme.onSecondaryContainer),
+                      const Gap(8),
+                      if (ws.isBusy)
+                        const CircularProgressIndicator(strokeWidth: 2.5)
+                            .width(12)
+                            .height(12)
+                            .padding(horizontal: 4, right: 4)
+                      else if (!ws.isConnected)
+                        const Icon(Symbols.power_off, size: 18)
+                      else
+                        const Icon(Symbols.power, size: 18),
                    ],
-                  )
+                  ).padding(horizontal: 8, vertical: 4)
                : const SizedBox.shrink(),
-          )
-              .height(
-                  (ws.isBusy || !ws.isConnected) && ua.isAuthorized
-                      ? MediaQuery.of(context).padding.top + 36
-                      : 0,
-                  animate: true)
-              .animate(
+          ).opacity((ws.isBusy || !ws.isConnected) && ua.isAuthorized ? 1 : 0, animate: true).animate(
                const Duration(milliseconds: 300),
                Curves.easeInOut,
              ),
--- a/lib/widgets/context_menu.dart
+++ b/lib/widgets/context_menu.dart
@@ -1,7 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:flutter_context_menu/flutter_context_menu.dart';
-import 'package:responsive_framework/responsive_framework.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/config.dart';

 class ContextMenuArea extends StatelessWidget {
  final ContextMenu contextMenu;
@@ -22,11 +23,10 @@ class ContextMenuArea extends StatelessWidget {
    return Listener(
      onPointerDown: (event) {
        mousePosition = event.position;
-        final isCollapseDrawer = ResponsiveBreakpoints.of(context).smallerOrEqualTo(MOBILE);
-        if (!isCollapseDrawer) {
-          final isExpandDrawer = ResponsiveBreakpoints.of(context).largerThan(TABLET);
+        final cfg = context.read<ConfigProvider>();
+        if (!cfg.drawerIsCollapsed) {
          // Leave padding for side navigation
-          mousePosition = isExpandDrawer
+          mousePosition = cfg.drawerIsExpanded
              ? mousePosition.copyWith(dx: mousePosition.dx - 304 * 2)
              : mousePosition.copyWith(dx: mousePosition.dx - 72 * 2);
        }
--- a/lib/widgets/markdown_content.dart
+++ b/lib/widgets/markdown_content.dart
@@ -1,39 +1,38 @@
-import 'dart:ui';
-
 import 'package:dismissible_page/dismissible_page.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_markdown/flutter_markdown.dart';
 import 'package:go_router/go_router.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:markdown/markdown.dart' as markdown;
-import 'package:styled_widget/styled_widget.dart';
+import 'package:provider/provider.dart';
+import 'package:surface/providers/sn_network.dart';
+import 'package:surface/providers/sn_sticker.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/widgets/attachment/attachment_item.dart';
 import 'package:surface/widgets/universal_image.dart';
-import 'package:syntax_highlight/syntax_highlight.dart';
 import 'package:url_launcher/url_launcher_string.dart';
-import 'package:path/path.dart';
 import 'package:uuid/uuid.dart';

 import 'attachment/attachment_zoom.dart';

 class MarkdownTextContent extends StatelessWidget {
  final String content;
-  final bool isSelectable;
  final bool isAutoWarp;
+  final bool isEnlargeSticker;
  final TextScaler? textScaler;
  final List<SnAttachment?>? attachments;

  const MarkdownTextContent({
    super.key,
    required this.content,
-    this.isSelectable = false,
    this.isAutoWarp = false,
+    this.isEnlargeSticker = false,
    this.textScaler,
    this.attachments,
  });

-  Widget _buildContent(BuildContext context) {
+  @override
+  Widget build(BuildContext context) {
    return Markdown(
      shrinkWrap: true,
      physics: const NeverScrollableScrollPhysics(),
@@ -42,33 +41,33 @@ class MarkdownTextContent extends StatelessWidget {
      styleSheet: MarkdownStyleSheet.fromTheme(
        Theme.of(context),
      ).copyWith(
-          textScaler: textScaler,
-          blockquote: TextStyle(
-            color: Theme.of(context).colorScheme.onSurfaceVariant,
-          ),
-          blockquoteDecoration: BoxDecoration(
-            color: Theme.of(context).colorScheme.surfaceContainerHigh,
-            borderRadius: const BorderRadius.all(Radius.circular(4)),
-          ),
-          horizontalRuleDecoration: BoxDecoration(
-            border: Border(
-              top: BorderSide(
-                width: 1.0,
-                color: Theme.of(context).dividerColor,
-              ),
-            ),
-          ),
-          codeblockDecoration: BoxDecoration(
-            border: Border.all(
+        textScaler: textScaler,
+        blockquote: TextStyle(
+          color: Theme.of(context).colorScheme.onSurfaceVariant,
+        ),
+        blockquoteDecoration: BoxDecoration(
+          color: Theme.of(context).colorScheme.surfaceContainerHigh,
+          borderRadius: const BorderRadius.all(Radius.circular(4)),
+        ),
+        horizontalRuleDecoration: BoxDecoration(
+          border: Border(
+            top: BorderSide(
+              width: 1.0,
              color: Theme.of(context).dividerColor,
-              width: 0.3,
            ),
-            borderRadius: const BorderRadius.all(Radius.circular(4)),
-            color: Theme.of(context).colorScheme.surface.withOpacity(0.5),
-          )),
-      builders: {
-        'code': _MarkdownTextCodeElement(),
-      },
+          ),
+        ),
+        codeblockDecoration: BoxDecoration(
+          border: Border.all(
+            color: Theme.of(context).dividerColor,
+            width: 0.3,
+          ),
+          borderRadius: const BorderRadius.all(Radius.circular(4)),
+          color: Theme.of(context).colorScheme.surface.withOpacity(0.5),
+        ),
+        code: GoogleFonts.robotoMono(height: 1),
+      ),
+      builders: {},
      softLineBreak: true,
      extensionSet: markdown.ExtensionSet(
        <markdown.BlockSyntax>[
@@ -78,6 +77,7 @@ class MarkdownTextContent extends StatelessWidget {
        <markdown.InlineSyntax>[
          if (isAutoWarp) markdown.LineBreakSyntax(),
          _UserNameCardInlineSyntax(),
+          _CustomEmoteInlineSyntax(context),
          markdown.AutolinkSyntax(),
          markdown.AutolinkExtensionSyntax(),
          markdown.CodeSyntax(),
@@ -108,9 +108,41 @@ class MarkdownTextContent extends StatelessWidget {
        if (url.startsWith('solink://')) {
          final segments = url.replaceFirst('solink://', '').split('/');
          switch (segments[0]) {
+            case 'stickers':
+              final alias = segments[1];
+              final st = context.read<SnStickerProvider>();
+              final sn = context.read<SnNetworkProvider>();
+              final double size = isEnlargeSticker ? 128 : 32;
+              return Container(
+                width: size,
+                height: size,
+                decoration: BoxDecoration(
+                  borderRadius: const BorderRadius.all(Radius.circular(8)),
+                  color: Theme.of(context).colorScheme.surfaceContainerHigh,
+                ),
+                child: ClipRRect(
+                  borderRadius: const BorderRadius.all(Radius.circular(8)),
+                  child: FutureBuilder<SnSticker?>(
+                    future: st.lookupSticker(alias),
+                    builder: (context, snapshot) {
+                      if (snapshot.hasData) {
+                        return UniversalImage(
+                          sn.getAttachmentUrl(snapshot.data!.attachment.rid),
+                          fit: BoxFit.cover,
+                          width: size,
+                          height: size,
+                          cacheHeight: size,
+                          cacheWidth: size,
+                        );
+                      }
+                      return const SizedBox.shrink();
+                    },
+                  ),
+                ),
+              );
            case 'attachments':
              final attachment = attachments?.firstWhere(
-                (ele) => ele?.rid == segments[1],
+                    (ele) => ele?.rid == segments[1],
                orElse: () => null,
              );
              if (attachment != null) {
@@ -168,14 +200,6 @@ class MarkdownTextContent extends StatelessWidget {
      },
    );
  }
-
-  @override
-  Widget build(BuildContext context) {
-    if (isSelectable) {
-      return SelectionArea(child: _buildContent(context));
-    }
-    return _buildContent(context);
-  }
 }

 class _UserNameCardInlineSyntax extends markdown.InlineSyntax {
@@ -194,45 +218,24 @@ class _UserNameCardInlineSyntax extends markdown.InlineSyntax {
  }
 }

-class _MarkdownTextCodeElement extends MarkdownElementBuilder {
-  @override
-  Widget? visitElementAfter(
-    markdown.Element element,
-    TextStyle? preferredStyle,
-  ) {
-    var language = '';
+class _CustomEmoteInlineSyntax extends markdown.InlineSyntax {
+  final BuildContext context;

-    if (element.attributes['class'] != null) {
-      String lg = element.attributes['class'] as String;
-      language = lg.substring(9).trim();
+  _CustomEmoteInlineSyntax(this.context) : super(r':([-\w]+):');
+
+  @override
+  bool onMatch(markdown.InlineParser parser, Match match) {
+    final SnStickerProvider st = context.read<SnStickerProvider>();
+    final alias = match[1]!.toUpperCase();
+    if (st.hasNotSticker(alias)) {
+      parser.advanceBy(1);
+      return false;
    }
-    return SizedBox(
-      child: FutureBuilder(
-        future: (() async {
-          final docPath = '../../../';
-          final highlightingPath = join(docPath, 'assets/highlighting', language);
-          await Highlighter.initialize([highlightingPath]);
-          return Highlighter(
-            language: highlightingPath,
-            theme: PlatformDispatcher.instance.platformBrightness == Brightness.light
-                ? await HighlighterTheme.loadLightTheme()
-                : await HighlighterTheme.loadDarkTheme(),
-          );
-        })(),
-        builder: (context, snapshot) {
-          if (snapshot.hasData) {
-            final highlighter = snapshot.data!;
-            return Text.rich(
-              highlighter.highlight(element.textContent.trim()),
-              style: GoogleFonts.robotoMono(),
-            );
-          }
-          return Text(
-            element.textContent.trim(),
-            style: GoogleFonts.robotoMono(),
-          );
-        },
-      ),
-    ).padding(all: 8);
+
+    final element = markdown.Element.empty('img');
+    element.attributes['src'] = 'solink://stickers/$alias';
+    parser.addNode(element);
+
+    return true;
  }
 }
--- a/lib/widgets/navigation/app_drawer_navigation.dart
+++ b/lib/widgets/navigation/app_drawer_navigation.dart
@@ -1,9 +1,13 @@
+import 'dart:io';
+
+import 'package:bitsdojo_window/bitsdojo_window.dart';
 import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:provider/provider.dart';
-import 'package:responsive_framework/responsive_framework.dart';
 import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/config.dart';
 import 'package:surface/providers/navigation.dart';
 import 'package:surface/widgets/version_label.dart';

@@ -28,8 +32,9 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
  @override
  Widget build(BuildContext context) {
    final nav = context.watch<NavigationProvider>();
+    final cfg = context.watch<ConfigProvider>();

-    final backgroundColor = ResponsiveBreakpoints.of(context).largerThan(TABLET) ? Colors.transparent : null;
+    final backgroundColor = cfg.drawerIsExpanded ? Colors.transparent : null;

    return ListenableBuilder(
      listenable: nav,
@@ -44,6 +49,18 @@ class _AppNavigationDrawerState extends State<AppNavigationDrawer> {
          backgroundColor: backgroundColor,
          selectedIndex: nav.currentIndex,
          children: [
+            if (!kIsWeb && (Platform.isWindows || Platform.isLinux || Platform.isMacOS) && !cfg.drawerIsExpanded)
+              Container(
+                decoration: BoxDecoration(
+                  border: Border(
+                    bottom: BorderSide(
+                      color: Theme.of(context).dividerColor,
+                      width: 1 / MediaQuery.of(context).devicePixelRatio,
+                    ),
+                  ),
+                ),
+                child: WindowTitleBarBox(),
+              ),
            Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
--- a/lib/widgets/navigation/app_rail_navigation.dart
+++ b/lib/widgets/navigation/app_rail_navigation.dart
@@ -18,9 +18,7 @@ class _AppRailNavigationState extends State<AppRailNavigation> {
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
-      context
-          .read<NavigationProvider>()
-          .autoDetectIndex(GoRouter.maybeOf(context));
+      context.read<NavigationProvider>().autoDetectIndex(GoRouter.maybeOf(context));
    });
  }

@@ -31,11 +29,11 @@ class _AppRailNavigationState extends State<AppRailNavigation> {
    return ListenableBuilder(
      listenable: nav,
      builder: (context, _) {
-        final destinations =
-            nav.destinations.where((ele) => ele.isPinned).toList();
+        final destinations = nav.destinations.where((ele) => ele.isPinned).toList();

        return NavigationRail(
-          selectedIndex: nav.currentIndex,
+          selectedIndex:
+              nav.currentIndex != null && nav.currentIndex! < nav.pinnedDestinationCount ? nav.currentIndex : null,
          destinations: [
            ...destinations.where((ele) => ele.isPinned).map((ele) {
              return NavigationRailDestination(
--- a/lib/widgets/navigation/app_scaffold.dart
+++ b/lib/widgets/navigation/app_scaffold.dart
@@ -6,8 +6,10 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
 import 'package:responsive_framework/responsive_framework.dart';
 import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/config.dart';
 import 'package:surface/providers/navigation.dart';
 import 'package:surface/widgets/connection_indicator.dart';
 import 'package:surface/widgets/dialog.dart';
@@ -15,6 +17,7 @@ import 'package:surface/widgets/navigation/app_background.dart';
 import 'package:surface/widgets/navigation/app_bottom_navigation.dart';
 import 'package:surface/widgets/navigation/app_drawer_navigation.dart';
 import 'package:surface/widgets/navigation/app_rail_navigation.dart';
+import 'package:surface/widgets/notify_indicator.dart';

 final globalRootScaffoldKey = GlobalKey<ScaffoldState>();

@@ -57,10 +60,11 @@ class AppRootScaffold extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    final cfg = context.watch<ConfigProvider>();
    final devicePixelRatio = MediaQuery.of(context).devicePixelRatio;

-    final isCollapseDrawer = ResponsiveBreakpoints.of(context).smallerOrEqualTo(MOBILE);
-    final isExpandDrawer = ResponsiveBreakpoints.of(context).largerThan(TABLET);
+    final isCollapseDrawer = cfg.drawerIsCollapsed;
+    final isExpandedDrawer = cfg.drawerIsExpanded;

    final routeName = GoRouter.of(context).routerDelegate.currentConfiguration.last.route.name;
    final isShowBottomNavigation = NavigationProvider.kShowBottomNavScreen.contains(routeName)
@@ -81,7 +85,7 @@ class AppRootScaffold extends StatelessWidget {
                    ),
                  ),
                ),
-                child: isExpandDrawer ? AppNavigationDrawer(elevation: 0) : AppRailNavigation(),
+                child: isExpandedDrawer ? AppNavigationDrawer(elevation: 0) : AppRailNavigation(),
              ),
              Expanded(child: body),
            ],
@@ -95,59 +99,66 @@ class AppRootScaffold extends StatelessWidget {
      iconMouseDown: Theme.of(context).colorScheme.primary,
    );

+    final safeTop = MediaQuery.of(context).padding.top;
+
    return AppBackground(
      isRoot: true,
      child: Scaffold(
        key: globalRootScaffoldKey,
-        body: Column(
+        body: Stack(
          children: [
-            if (!kIsWeb && (Platform.isWindows || Platform.isLinux || Platform.isMacOS))
-              Container(
-                decoration: BoxDecoration(
-                  border: Border(
-                    bottom: BorderSide(
-                      color: Theme.of(context).dividerColor,
-                      width: 1 / devicePixelRatio,
-                    ),
-                  ),
-                ),
-                child: Row(
-                  crossAxisAlignment: CrossAxisAlignment.center,
-                  mainAxisAlignment: Platform.isMacOS ? MainAxisAlignment.center : MainAxisAlignment.start,
-                  children: [
-                    WindowTitleBarBox(
-                      child: MoveWindow(
-                        child: Text(
-                          'Solar Network',
-                          style: GoogleFonts.spaceGrotesk(),
-                        ).padding(horizontal: 12, vertical: 5),
-                      ),
-                    ),
-                    if (!Platform.isMacOS)
-                      Expanded(
-                        child: WindowTitleBarBox(
-                          child: Row(
-                            children: [
-                              Expanded(child: MoveWindow()),
-                              Row(
-                                children: [
-                                  MinimizeWindowButton(colors: windowButtonColor),
-                                  MaximizeWindowButton(colors: windowButtonColor),
-                                  CloseWindowButton(colors: windowButtonColor),
-                                ],
-                              ),
-                            ],
-                          ),
+            Column(
+              children: [
+                if (!kIsWeb && (Platform.isWindows || Platform.isLinux || Platform.isMacOS))
+                  Container(
+                    decoration: BoxDecoration(
+                      border: Border(
+                        bottom: BorderSide(
+                          color: Theme.of(context).dividerColor,
+                          width: 1 / devicePixelRatio,
                        ),
                      ),
-                  ],
-                ),
-              ),
-            ConnectionIndicator(),
-            Expanded(child: innerWidget),
+                    ),
+                    child: Row(
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      mainAxisAlignment: Platform.isMacOS ? MainAxisAlignment.center : MainAxisAlignment.start,
+                      children: [
+                        WindowTitleBarBox(
+                          child: MoveWindow(
+                            child: Text(
+                              'Solar Network',
+                              style: GoogleFonts.spaceGrotesk(),
+                            ).padding(horizontal: 12, vertical: 5),
+                          ),
+                        ),
+                        if (!Platform.isMacOS)
+                          Expanded(
+                            child: WindowTitleBarBox(
+                              child: Row(
+                                children: [
+                                  Expanded(child: MoveWindow()),
+                                  Row(
+                                    children: [
+                                      MinimizeWindowButton(colors: windowButtonColor),
+                                      MaximizeWindowButton(colors: windowButtonColor),
+                                      CloseWindowButton(colors: windowButtonColor),
+                                    ],
+                                  ),
+                                ],
+                              ),
+                            ),
+                          ),
+                      ],
+                    ),
+                  ),
+                Expanded(child: innerWidget),
+              ],
+            ),
+            Positioned(top: safeTop > 0 ? safeTop : 16, right: 8, child: NotifyIndicator()),
+            Positioned(top: safeTop > 0 ? safeTop : 16, left: 8, child: ConnectionIndicator()),
          ],
        ),
-        drawer: !isExpandDrawer ? AppNavigationDrawer() : null,
+        drawer: !isExpandedDrawer ? AppNavigationDrawer() : null,
        drawerEdgeDragWidth: isPopable ? 0 : null,
        bottomNavigationBar: isShowBottomNavigation ? AppBottomNavigationBar() : null,
      ),
--- a/lib/widgets/notify_indicator.dart
+++ b/lib/widgets/notify_indicator.dart
@@ -0,0 +1,58 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:provider/provider.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/providers/notification.dart';
+import 'package:surface/providers/userinfo.dart';
+
+class NotifyIndicator extends StatelessWidget {
+  const NotifyIndicator({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final ua = context.read<UserProvider>();
+    final nty = context.watch<NotificationProvider>();
+
+    return ListenableBuilder(
+        listenable: nty,
+        builder: (context, _) {
+          return GestureDetector(
+            child: Material(
+              elevation: 2,
+              shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(16))),
+              color: Theme.of(context).colorScheme.secondaryContainer,
+              child: ua.isAuthorized
+                  ? Row(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      children: [
+                        Text(
+                          nty.notifications.lastOrNull?.title ??
+                              'notificationUnreadCount'.plural(nty.notifications.length),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        if (nty.notifications.lastOrNull?.body != null)
+                          Text(
+                            nty.notifications.lastOrNull!.body,
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ).padding(left: 4),
+                        const Gap(8),
+                        const Icon(Symbols.notifications_unread, size: 18),
+                      ],
+                    ).padding(horizontal: 8, vertical: 4)
+                  : const SizedBox.shrink(),
+            ).opacity(nty.notifications.isNotEmpty && ua.isAuthorized ? 1 : 0, animate: true).animate(
+                  const Duration(milliseconds: 300),
+                  Curves.easeInOut,
+                ),
+            onTap: () {
+              nty.clear();
+            },
+          );
+        });
+  }
+}
--- a/lib/widgets/post/post_item.dart
+++ b/lib/widgets/post/post_item.dart
@@ -18,9 +18,9 @@ import 'package:screenshot/screenshot.dart';
 import 'package:share_plus/share_plus.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/config.dart';
-import 'package:surface/providers/link_preview.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/userinfo.dart';
+import 'package:surface/types/attachment.dart';
 import 'package:surface/types/post.dart';
 import 'package:surface/types/reaction.dart';
 import 'package:surface/widgets/account/account_image.dart';
@@ -85,7 +85,6 @@ class PostItem extends StatelessWidget {
            child: MultiProvider(
              providers: [
                Provider<SnNetworkProvider>(create: (_) => context.read()),
-                Provider<SnLinkPreviewProvider>(create: (_) => context.read()),
                ChangeNotifierProvider<ConfigProvider>(create: (_) => context.read()),
              ],
              child: ResponsiveBreakpoints.builder(
@@ -114,7 +113,7 @@ class PostItem extends StatelessWidget {
        sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
      );
    } else {
-      await FileSaver.instance.saveFile(name: 'Solar Network Post #${data.id}', file: imageFile);
+      await FileSaver.instance.saveFile(name: 'Solar Network Post #${data.id}.png', file: imageFile);
    }

    await imageFile.delete();
@@ -200,6 +199,10 @@ class PostItem extends StatelessWidget {
      ).center();
    }

+    final displayableAttachments = data.preload?.attachments
+        ?.where((ele) => ele?.mediaType != SnMediaType.image || data.type != 'article')
+        .toList();
+
    return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
@@ -249,12 +252,15 @@ class PostItem extends StatelessWidget {
            ],
          ),
        ),
-        if ((data.preload?.attachments?.isNotEmpty ?? false) && data.type != 'article')
+        if (displayableAttachments?.isNotEmpty ?? false)
          AttachmentList(
-            data: data.preload!.attachments!,
+            data: displayableAttachments!,
            bordered: true,
-            maxHeight: 560,
-            listPadding: const EdgeInsets.symmetric(horizontal: 12),
+            gridded: true,
+            maxHeight: showFullPost ? null : 480,
+            minWidth: 640,
+            fit: showFullPost ? BoxFit.cover : BoxFit.contain,
+            padding: const EdgeInsets.symmetric(horizontal: 12),
          ),
        if (data.body['content'] != null)
          LinkPreviewWidget(
@@ -334,17 +340,12 @@ class PostShareImageWidget extends StatelessWidget {
            _PostQuoteContent(
              child: data.repostTo!,
              isRelativeDate: false,
-              isFlatted: true,
            ).padding(horizontal: 16, bottom: 8),
          if (data.type != 'article' && (data.preload?.attachments?.isNotEmpty ?? false))
-            AttachmentList(
+            StyledWidget(AttachmentList(
              data: data.preload!.attachments!,
-              isFlatted: true,
-            ).padding(horizontal: 16, bottom: 8),
-          if (data.body['content'] != null)
-            LinkPreviewWidget(
-              text: data.body['content'],
-            ).padding(horizontal: 4),
+              gridded: true,
+            )).padding(horizontal: 16, bottom: 8),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
@@ -878,23 +879,27 @@ class _PostContentBody extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    if (data.body['content'] == null) return const SizedBox.shrink();
-    return MarkdownTextContent(
-      isSelectable: isSelectable,
+    final content = MarkdownTextContent(
+      isAutoWarp: data.type == 'story',
+      isEnlargeSticker: true,
      textScaler: isEnlarge ? TextScaler.linear(1.1) : null,
      content: data.body['content'],
      attachments: data.preload?.attachments,
    );
+
+    if (isSelectable) {
+      return SelectionArea(child: content);
+    }
+    return content;
  }
 }

 class _PostQuoteContent extends StatelessWidget {
  final SnPost child;
  final bool isRelativeDate;
-  final bool isFlatted;

  const _PostQuoteContent({
    this.isRelativeDate = true,
-    this.isFlatted = false,
    required this.child,
  });

@@ -936,12 +941,15 @@ class _PostQuoteContent extends StatelessWidget {
                ),
                child: AttachmentList(
                  data: child.preload!.attachments!,
-                  isFlatted: isFlatted,
-                  listPadding: const EdgeInsets.symmetric(horizontal: 12),
+                  maxHeight: 360,
+                  minWidth: 640,
+                  fit: BoxFit.contain,
+                  gridded: true,
+                  padding: const EdgeInsets.symmetric(horizontal: 12),
                ),
              ).padding(
                top: 8,
-                bottom: (child.preload?.attachments?.length ?? 0) > 1 ? 12 : 0,
+                bottom: 12,
              )
            else
              const Gap(8),
--- a/lib/widgets/post/post_media_pending_list.dart
+++ b/lib/widgets/post/post_media_pending_list.dart
@@ -9,6 +9,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_context_menu/flutter_context_menu.dart';
 import 'package:gap/gap.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:pasteboard/pasteboard.dart';
@@ -20,6 +21,8 @@ import 'package:surface/providers/sn_network.dart';
 import 'package:surface/types/attachment.dart';
 import 'package:surface/widgets/attachment/attachment_input.dart';
 import 'package:surface/widgets/attachment/attachment_zoom.dart';
+import 'package:surface/widgets/attachment/pending_attachment_alt.dart';
+import 'package:surface/widgets/attachment/pending_attachment_boost.dart';
 import 'package:surface/widgets/context_menu.dart';
 import 'package:surface/widgets/dialog.dart';
 import 'package:surface/widgets/universal_image.dart';
@@ -92,18 +95,23 @@ class PostMediaPendingList extends StatelessWidget {
      context: context,
      builder: (context) => AttachmentInputDialog(
        title: 'attachmentSetThumbnail'.tr(),
+        analyzeNow: true,
      ),
    );
    if (thumbnail == null) return;
    if (!context.mounted) return;

-    final attach = context.read<SnAttachmentProvider>();
-    final newAttach = await attach.updateOne(
-      attachments[idx].attachment!.id,
-      thumbnailId: thumbnail.id,
-    );
-
-    onUpdate!(idx, PostWriteMedia(newAttach));
+    try {
+      final attach = context.read<SnAttachmentProvider>();
+      final newAttach = await attach.updateOne(
+        attachments[idx].attachment!,
+        thumbnailId: thumbnail.id,
+      );
+      onUpdate!(idx, PostWriteMedia(newAttach));
+    } catch (err) {
+      if (!context.mounted) return;
+      context.showErrorDialog(err);
+    }
  }

  Future<void> _deleteAttachment(BuildContext context, int idx) async {
@@ -123,6 +131,23 @@ class PostMediaPendingList extends StatelessWidget {
    }
  }

+  Future<void> _createBoost(BuildContext context, int idx) async {
+    if (attachments[idx].attachment == null) return;
+
+    final result = await showDialog<SnAttachmentBoost?>(
+      context: context,
+      builder: (context) => PendingAttachmentBoostDialog(media: attachments[idx]),
+    );
+    if (result == null) return;
+
+    final newAttach = attachments[idx].attachment!.copyWith(
+      boosts: [...attachments[idx].attachment!.boosts, result],
+    );
+    final newMedia = PostWriteMedia(newAttach);
+
+    onUpdate!(idx, newMedia);
+  }
+
  Future<void> _compressVideo(BuildContext context, int idx) async {
    final result = await showDialog<PostWriteMedia?>(
      context: context,
@@ -133,6 +158,16 @@ class PostMediaPendingList extends StatelessWidget {
    onUpdate!(idx, result);
  }

+  Future<void> _setAlt(BuildContext context, int idx) async {
+    final result = await showDialog<SnAttachment?>(
+      context: context,
+      builder: (context) => PendingAttachmentAltDialog(media: attachments[idx]),
+    );
+    if (result == null) return;
+
+    onUpdate!(idx, PostWriteMedia(result));
+  }
+
  ContextMenu _createContextMenu(BuildContext context, int idx, PostWriteMedia media) {
    final canCompressVideo = !kIsWeb && (Platform.isAndroid || Platform.isIOS || Platform.isMacOS);
    return ContextMenu(
@@ -145,6 +180,22 @@ class PostMediaPendingList extends StatelessWidget {
              _compressVideo(context, idx);
            },
          ),
+        if (media.attachment != null)
+          MenuItem(
+            label: 'attachmentSetAlt'.tr(),
+            icon: Symbols.description,
+            onSelected: () {
+              _setAlt(context, idx);
+            },
+          ),
+        if (media.attachment != null)
+          MenuItem(
+            label: 'attachmentBoost'.tr(),
+            icon: Symbols.bolt,
+            onSelected: () {
+              _createBoost(context, idx);
+            },
+          ),
        if (media.attachment != null && media.type == SnMediaType.video)
          MenuItem(
            label: 'attachmentSetThumbnail'.tr(),
@@ -293,64 +344,137 @@ class _PostMediaPendingItem extends StatelessWidget {
          width: 1,
        ),
        borderRadius: BorderRadius.circular(8),
+        color: Theme.of(context).colorScheme.surfaceContainer,
      ),
      child: ClipRRect(
        borderRadius: const BorderRadius.all(Radius.circular(8)),
-        child: AspectRatio(
-          aspectRatio: 1,
-          child: switch (media.type) {
-            SnMediaType.image => Container(
-                color: Theme.of(context).colorScheme.surfaceContainer,
-                child: LayoutBuilder(builder: (context, constraints) {
-                  return Image(
-                    image: media.getImageProvider(
-                      context,
-                      width: (constraints.maxWidth * devicePixelRatio).round(),
-                      height: (constraints.maxHeight * devicePixelRatio).round(),
-                    )!,
-                    fit: BoxFit.contain,
-                  );
-                }),
-              ),
-            SnMediaType.video => Container(
-                color: Theme.of(context).colorScheme.surfaceContainer,
-                child: Stack(
-                  fit: StackFit.expand,
+        child: Row(
+          children: [
+            AspectRatio(
+              aspectRatio: 1,
+              child: switch (media.type) {
+                SnMediaType.image => LayoutBuilder(builder: (context, constraints) {
+                    return Image(
+                      image: media.getImageProvider(
+                        context,
+                        width: (constraints.maxWidth * devicePixelRatio).round(),
+                        height: (constraints.maxHeight * devicePixelRatio).round(),
+                      )!,
+                      fit: BoxFit.contain,
+                    );
+                  }),
+                SnMediaType.video => Stack(
+                    fit: StackFit.expand,
+                    children: [
+                      if (media.attachment?.thumbnail != null)
+                        AutoResizeUniversalImage(sn.getAttachmentUrl(media.attachment!.thumbnail!.rid)),
+                      const Icon(Symbols.videocam, color: Colors.white, shadows: [
+                        Shadow(
+                          offset: Offset(1, 1),
+                          blurRadius: 8.0,
+                          color: Color.fromARGB(255, 0, 0, 0),
+                        ),
+                      ]),
+                    ],
+                  ),
+                SnMediaType.audio => Stack(
+                    fit: StackFit.expand,
+                    children: [
+                      if (media.attachment?.thumbnail != null)
+                        AutoResizeUniversalImage(sn.getAttachmentUrl(media.attachment!.thumbnail!.rid)),
+                      const Icon(Symbols.audio_file, color: Colors.white, shadows: [
+                        Shadow(
+                          offset: Offset(1, 1),
+                          blurRadius: 8.0,
+                          color: Color.fromARGB(255, 0, 0, 0),
+                        ),
+                      ]),
+                    ],
+                  ),
+                _ => Container(
+                    color: Theme.of(context).colorScheme.surfaceContainer,
+                    child: const Icon(Symbols.docs).center(),
+                  ),
+              },
+            ),
+            if (media.type != SnMediaType.image) const VerticalDivider(width: 1, thickness: 1),
+            if (media.type != SnMediaType.image)
+              SizedBox(
+                width: 160,
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
-                    if (media.attachment?.thumbnail != null)
-                      AutoResizeUniversalImage(sn.getAttachmentUrl(media.attachment!.thumbnail!.rid)),
-                    const Icon(Symbols.videocam, color: Colors.white, shadows: [
-                      Shadow(
-                        offset: Offset(1, 1),
-                        blurRadius: 8.0,
-                        color: Color.fromARGB(255, 0, 0, 0),
+                    Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          if (media.attachment != null)
+                            Text(
+                              media.attachment!.alt,
+                              maxLines: 1,
+                              overflow: TextOverflow.ellipsis,
+                            )
+                          else if (media.file != null)
+                            Text(media.file!.name, maxLines: 1, overflow: TextOverflow.ellipsis)
+                          else
+                            Text('unknown'.tr()),
+                          if (media.attachment != null)
+                            Text(
+                              media.attachment!.size.formatBytes(),
+                              style: GoogleFonts.robotoMono(fontSize: 13),
+                              maxLines: 1,
+                            )
+                          else if (media.file != null)
+                            FutureBuilder<int?>(
+                              future: media.length(),
+                              builder: (context, snapshot) {
+                                if (!snapshot.hasData) return const SizedBox.shrink();
+                                return Text(
+                                  snapshot.data!.formatBytes(),
+                                  style: GoogleFonts.robotoMono(fontSize: 13),
+                                  maxLines: 1,
+                                );
+                              },
+                            ),
+                        ],
+                      ),
+                    ),
+                    if (media.attachment != null && media.attachment!.boosts.isNotEmpty)
+                      Row(
+                        children: [
+                          Icon(Symbols.bolt, size: 16),
+                          const Gap(4),
+                          Text('attachmentGotBoosted').tr().fontSize(13),
+                        ],
+                      ),
+                    if (media.attachment != null && media.attachment!.compressedId != null)
+                      Row(
+                        children: [
+                          Icon(Symbols.compress, size: 16),
+                          const Gap(4),
+                          Text('attachmentCopyCompressed').tr().fontSize(13),
+                        ],
+                      ),
+                    if (media.attachment != null)
+                      Row(
+                        children: [
+                          Icon(Symbols.cloud, size: 16),
+                          const Gap(4),
+                          Text('attachmentUploaded').tr().fontSize(13),
+                        ],
+                      )
+                    else
+                      Row(
+                        children: [
+                          Icon(Symbols.cloud_off, size: 16),
+                          const Gap(4),
+                          Text('attachmentPending').tr().fontSize(13),
+                        ],
                      ),
-                    ]),
                  ],
                ),
-              ),
-            SnMediaType.audio => Container(
-                color: Theme.of(context).colorScheme.surfaceContainer,
-                child: Stack(
-                  fit: StackFit.expand,
-                  children: [
-                    if (media.attachment?.thumbnail != null)
-                      AutoResizeUniversalImage(sn.getAttachmentUrl(media.attachment!.thumbnail!.rid)),
-                    const Icon(Symbols.audio_file, color: Colors.white, shadows: [
-                      Shadow(
-                        offset: Offset(1, 1),
-                        blurRadius: 8.0,
-                        color: Color.fromARGB(255, 0, 0, 0),
-                      ),
-                    ]),
-                  ],
-                ),
-              ),
-            _ => Container(
-                color: Theme.of(context).colorScheme.surfaceContainer,
-                child: const Icon(Symbols.docs).center(),
-              ),
-          },
+              ).padding(horizontal: 12, vertical: 12),
+          ],
        ),
      ),
    );
--- a/lib/widgets/post/post_mini_editor.dart
+++ b/lib/widgets/post/post_mini_editor.dart
@@ -25,7 +25,7 @@ class PostMiniEditor extends StatefulWidget {
 }

 class _PostMiniEditorState extends State<PostMiniEditor> {
-  final PostWriteController _writeController = PostWriteController();
+  final PostWriteController _writeController = PostWriteController(doLoadFromTemporary: false);

  bool _isFetching = false;

--- a/lib/widgets/universal_image.dart
+++ b/lib/widgets/universal_image.dart
@@ -55,17 +55,20 @@ class UniversalImage extends StatelessWidget {
          ? null
          : (BuildContext context, Widget child, ImageChunkEvent? loadingProgress) {
              if (loadingProgress == null) return child;
-              return Center(
-                child: TweenAnimationBuilder(
-                  tween: Tween(
-                    begin: 0,
-                    end: loadingProgress.expectedTotalBytes != null
-                        ? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes!
-                        : 0,
-                  ),
-                  duration: const Duration(milliseconds: 300),
-                  builder: (context, value, _) => CircularProgressIndicator(
-                    value: loadingProgress.expectedTotalBytes != null ? value.toDouble() : null,
+              return Container(
+                constraints: BoxConstraints(maxHeight: 80),
+                child: Center(
+                  child: TweenAnimationBuilder(
+                    tween: Tween(
+                      begin: 0,
+                      end: loadingProgress.expectedTotalBytes != null
+                          ? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes!
+                          : 0,
+                    ),
+                    duration: const Duration(milliseconds: 300),
+                    builder: (context, value, _) => CircularProgressIndicator(
+                      value: loadingProgress.expectedTotalBytes != null ? value.toDouble() : null,
+                    ),
                  ),
                ),
              );
--- a/macos/Podfile.lock
+++ b/macos/Podfile.lock
@@ -12,59 +12,59 @@ PODS:
    - FlutterMacOS
  - file_selector_macos (0.0.1):
    - FlutterMacOS
-  - Firebase/Analytics (11.4.0):
+  - Firebase/Analytics (11.6.0):
    - Firebase/Core
-  - Firebase/Core (11.4.0):
+  - Firebase/Core (11.6.0):
    - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 11.4.0)
-  - Firebase/CoreOnly (11.4.0):
-    - FirebaseCore (= 11.4.0)
-  - Firebase/Messaging (11.4.0):
+    - FirebaseAnalytics (~> 11.6.0)
+  - Firebase/CoreOnly (11.6.0):
+    - FirebaseCore (~> 11.6.0)
+  - Firebase/Messaging (11.6.0):
    - Firebase/CoreOnly
-    - FirebaseMessaging (~> 11.4.0)
-  - firebase_analytics (11.3.6):
-    - Firebase/Analytics (= 11.4.0)
+    - FirebaseMessaging (~> 11.6.0)
+  - firebase_analytics (11.4.0):
+    - Firebase/Analytics (= 11.6.0)
    - firebase_core
    - FlutterMacOS
-  - firebase_core (3.9.0):
-    - Firebase/CoreOnly (~> 11.4.0)
+  - firebase_core (3.10.0):
+    - Firebase/CoreOnly (~> 11.6.0)
    - FlutterMacOS
-  - firebase_messaging (15.1.6):
-    - Firebase/CoreOnly (~> 11.4.0)
-    - Firebase/Messaging (~> 11.4.0)
+  - firebase_messaging (15.2.0):
+    - Firebase/CoreOnly (~> 11.6.0)
+    - Firebase/Messaging (~> 11.6.0)
    - firebase_core
    - FlutterMacOS
-  - FirebaseAnalytics (11.4.0):
-    - FirebaseAnalytics/AdIdSupport (= 11.4.0)
-    - FirebaseCore (~> 11.0)
+  - FirebaseAnalytics (11.6.0):
+    - FirebaseAnalytics/AdIdSupport (= 11.6.0)
+    - FirebaseCore (~> 11.6.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseAnalytics/AdIdSupport (11.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseAnalytics/AdIdSupport (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - FirebaseInstallations (~> 11.0)
-    - GoogleAppMeasurement (= 11.4.0)
+    - GoogleAppMeasurement (= 11.6.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - FirebaseCore (11.4.0):
-    - FirebaseCoreInternal (~> 11.0)
+  - FirebaseCore (11.6.0):
+    - FirebaseCoreInternal (~> 11.6.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/Logger (~> 8.0)
  - FirebaseCoreInternal (11.6.0):
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseInstallations (11.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseInstallations (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - GoogleUtilities/Environment (~> 8.0)
    - GoogleUtilities/UserDefaults (~> 8.0)
    - PromisesObjC (~> 2.4)
-  - FirebaseMessaging (11.4.0):
-    - FirebaseCore (~> 11.0)
+  - FirebaseMessaging (11.6.0):
+    - FirebaseCore (~> 11.6.0)
    - FirebaseInstallations (~> 11.0)
    - GoogleDataTransport (~> 10.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
@@ -75,28 +75,28 @@ PODS:
  - flutter_udid (0.0.1):
    - FlutterMacOS
    - SAMKeychain
-  - flutter_webrtc (0.12.2):
+  - flutter_webrtc (0.12.6):
    - FlutterMacOS
    - WebRTC-SDK (= 125.6422.06)
  - FlutterMacOS (1.0.0)
  - gal (1.0.0):
    - Flutter
    - FlutterMacOS
-  - GoogleAppMeasurement (11.4.0):
-    - GoogleAppMeasurement/AdIdSupport (= 11.4.0)
+  - GoogleAppMeasurement (11.6.0):
+    - GoogleAppMeasurement/AdIdSupport (= 11.6.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/AdIdSupport (11.4.0):
-    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.4.0)
+  - GoogleAppMeasurement/AdIdSupport (11.6.0):
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.6.0)
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
    - "GoogleUtilities/NSData+zlib (~> 8.0)"
    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/WithoutAdIdSupport (11.4.0):
+  - GoogleAppMeasurement/WithoutAdIdSupport (11.6.0):
    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
    - GoogleUtilities/MethodSwizzler (~> 8.0)
    - GoogleUtilities/Network (~> 8.0)
@@ -134,7 +134,7 @@ PODS:
    - GoogleUtilities/Privacy
  - in_app_review (2.0.0):
    - FlutterMacOS
-  - livekit_client (2.3.3):
+  - livekit_client (2.3.5):
    - flutter_webrtc
    - FlutterMacOS
    - WebRTC-SDK (= 125.6422.06)
@@ -287,24 +287,24 @@ SPEC CHECKSUMS:
  device_info_plus: 1b14eed9bf95428983aed283a8d51cce3d8c4215
  file_saver: 44e6fbf666677faf097302460e214e977fdd977b
  file_selector_macos: cc3858c981fe6889f364731200d6232dac1d812d
-  Firebase: cf1b19f21410b029b6786a54e9764a0cacad3c99
-  firebase_analytics: a80b3d6645f2f12d626fde928b61dae12e5ea2ef
-  firebase_core: 1dfe1f4d02ad78be0277e320aa3d8384cf46231f
-  firebase_messaging: 61f678060b69a7ae1013e3a939ec8e1c56ef6fcf
-  FirebaseAnalytics: 3feef9ae8733c567866342a1000691baaa7cad49
-  FirebaseCore: e0510f1523bc0eb21653cac00792e1e2bd6f1771
+  Firebase: 374a441a91ead896215703a674d58cdb3e9d772b
+  firebase_analytics: 5249f87da6fed852901581aab2602e0280ec2fdb
+  firebase_core: 6d9bb8b0ea817e8fe0d928177d42275b45fdba6f
+  firebase_messaging: ae8e88b586e4d50abc7cac5bacf74d21967fd226
+  FirebaseAnalytics: 7114c698cac995602e3b1b96663473e50d54d6e7
+  FirebaseCore: 48b0dd707581cf9c1a1220da68223fb0a562afaa
  FirebaseCoreInternal: d98ab91e2d80a56d7b246856a8885443b302c0c2
-  FirebaseInstallations: 6ef4a1c7eb2a61ee1f74727d7f6ce2e72acf1414
-  FirebaseMessaging: f8a160d99c2c2e5babbbcc90c4a3e15db036aee2
+  FirebaseInstallations: efc0946fc756e4d22d8113f7c761948120322e8c
+  FirebaseMessaging: e1aca1fcc23e8b9eddb0e33f375ff90944623021
  flutter_udid: 2e7b3da4b5fdfba86a396b97898f5fe8f4ec1a52
-  flutter_webrtc: 53c9e1285ab32dfb58afb1e1471416a877e23d7a
+  flutter_webrtc: d55fd3f5c75b42940b6b4b2cf376a5797398d1f8
  FlutterMacOS: 8f6f14fa908a6fb3fba0cd85dbd81ec4b251fb24
  gal: 6a522c75909f1244732d4596d11d6a2f86ff37a5
-  GoogleAppMeasurement: 987769c4ca6b968f2479fbcc9fe3ce34af454b8e
+  GoogleAppMeasurement: 6a9e6317b6a6d810ad03d4a66564ca6c4c5818a3
  GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
  GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
  in_app_review: a6a031b9acd03c7d103e341aa334adf2c493fb93
-  livekit_client: 8b1b90a6f2445d127a018ce93cc8cf6d8ab62982
+  livekit_client: 91c68237edede55f8891a166a28c1daec8a1e4b1
  media_kit_libs_macos_video: b3e2bbec2eef97c285f2b1baa7963c67c753fb82
  media_kit_native_event_loop: 81fd5b45192b72f8b5b69eaf5b540f45777eb8d5
  media_kit_video: c75b07f14d59706c775778e4dd47dd027de8d1e5
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -13,10 +13,10 @@ packages:
    dependency: transitive
    description:
      name: _flutterfire_internals
-      sha256: daa1d780fdecf8af925680c06c86563cdd445deea995d5c9176f1302a2b10bbe
+      sha256: "27899c95f9e7ec06c8310e6e0eac967707714b9f1450c4a58fa00ca011a4a8ae"
      url: "https://pub.dev"
    source: hosted
-    version: "1.3.48"
+    version: "1.3.49"
  _macros:
    dependency: transitive
    description: dart
@@ -266,10 +266,10 @@ packages:
    dependency: transitive
    description:
      name: connectivity_plus
-      sha256: e0817759ec6d2d8e57eb234e6e57d2173931367a865850c7acea40d4b4f9c27d
+      sha256: "8a68739d3ee113e51ad35583fdf9ab82c55d09d693d3c39da1aebab87c938412"
      url: "https://pub.dev"
    source: hosted
-    version: "6.1.1"
+    version: "6.1.2"
  connectivity_plus_platform_interface:
    dependency: transitive
    description:
@@ -290,10 +290,10 @@ packages:
    dependency: "direct main"
    description:
      name: croppy
-      sha256: "14bb40fd6c1771b093a907ddbf24df9aa49a4e6e379dd630602eb446e30ec629"
+      sha256: bf99b00023df0d7d047e04d27d496d87cbefd968f578d0bd30f342ff75570a12
      url: "https://pub.dev"
    source: hosted
-    version: "1.3.1"
+    version: "1.3.3"
  cross_file:
    dependency: "direct main"
    description:
@@ -354,18 +354,18 @@ packages:
    dependency: transitive
    description:
      name: dbus
-      sha256: "365c771ac3b0e58845f39ec6deebc76e3276aa9922b0cc60840712094d9047ac"
+      sha256: "79e0c23480ff85dc68de79e2cd6334add97e48f7f4865d17686dd6ea81a47e8c"
      url: "https://pub.dev"
    source: hosted
-    version: "0.7.10"
+    version: "0.7.11"
  device_info_plus:
    dependency: "direct main"
    description:
      name: device_info_plus
-      sha256: "4fa68e53e26ab17b70ca39f072c285562cfc1589df5bb1e9295db90f6645f431"
+      sha256: b37d37c2f912ad4e8ec694187de87d05de2a3cb82b465ff1f65f65a2d05de544
      url: "https://pub.dev"
    source: hosted
-    version: "11.2.0"
+    version: "11.2.1"
  device_info_plus_platform_interface:
    dependency: transitive
    description:
@@ -538,34 +538,34 @@ packages:
    dependency: "direct main"
    description:
      name: firebase_analytics
-      sha256: "366140abb55418ea23060b779893fa997c2d8e1974a4d1cc4d9590933b65c5fd"
+      sha256: "498c6cb8468e348a556709c745d92a52173ab3a9b906aa0593393f0787f201ea"
      url: "https://pub.dev"
    source: hosted
-    version: "11.3.6"
+    version: "11.4.0"
  firebase_analytics_platform_interface:
    dependency: transitive
    description:
      name: firebase_analytics_platform_interface
-      sha256: "8e987cf977c0c8f4ad02d9950a9b25b1a9606899f37b66a322a43af05be0246b"
+      sha256: ccbb350554e98afdb4b59852689292d194d31232a2647b5012a66622b3711df9
      url: "https://pub.dev"
    source: hosted
-    version: "4.2.8"
+    version: "4.3.0"
  firebase_analytics_web:
    dependency: transitive
    description:
      name: firebase_analytics_web
-      sha256: "0b64ef9060d394bba3d3b4777f49ee098efeeea7b0afb04663c956de6a3da170"
+      sha256: "68e1f18fc16482c211c658e739c25f015b202a260d9ad8249c6d3d7963b8105f"
      url: "https://pub.dev"
    source: hosted
-    version: "0.5.10+5"
+    version: "0.5.10+6"
  firebase_core:
    dependency: "direct main"
    description:
      name: firebase_core
-      sha256: "15d761b95dfa2906dfcc31b7fc6fe293188533d1a3ffe78389ba9e69bd7fdbde"
+      sha256: "0307c1fde82e2b8b97e0be2dab93612aff9a72f31ebe9bfac66ed8b37ef7c568"
      url: "https://pub.dev"
    source: hosted
-    version: "3.9.0"
+    version: "3.10.0"
  firebase_core_platform_interface:
    dependency: transitive
    description:
@@ -586,26 +586,26 @@ packages:
    dependency: "direct main"
    description:
      name: firebase_messaging
-      sha256: "151a3ee68736abf293aab66d1317ade53c88abe1db09c75a0460aebf7767bbdf"
+      sha256: "48a8a59197c1c5174060ba9aa1e0036e9b5a0d28a0cc22d19c1fcabc67fafe3c"
      url: "https://pub.dev"
    source: hosted
-    version: "15.1.6"
+    version: "15.2.0"
  firebase_messaging_platform_interface:
    dependency: transitive
    description:
      name: firebase_messaging_platform_interface
-      sha256: f331ee51e40c243f90cc7bc059222dfec4e5df53125b08d31fb28961b00d2a9d
+      sha256: "9770a8e91f54296829dcaa61ce9b7c2f9ae9abbf99976dd3103a60470d5264dd"
      url: "https://pub.dev"
    source: hosted
-    version: "4.5.49"
+    version: "4.6.0"
  firebase_messaging_web:
    dependency: transitive
    description:
      name: firebase_messaging_web
-      sha256: efaf3fdc54cd77e0eedb8e75f7f01c808828c64d052ddbf94d3009974e47d30f
+      sha256: "329ca4ef45ec616abe6f1d5e58feed0934a50840a65aa327052354ad3c64ed77"
      url: "https://pub.dev"
    source: hosted
-    version: "3.9.5"
+    version: "3.10.0"
  fixnum:
    dependency: transitive
    description:
@@ -618,10 +618,10 @@ packages:
    dependency: "direct main"
    description:
      name: fl_chart
-      sha256: c724234b05e378383e958f3e82ca84a3e1e3c06a0898462044dd8a24b1ee9864
+      sha256: "5276944c6ffc975ae796569a826c38a62d2abcf264e26b88fa6f482e107f4237"
      url: "https://pub.dev"
    source: hosted
-    version: "0.70.0"
+    version: "0.70.2"
  flutter:
    dependency: "direct main"
    description: flutter
@@ -679,10 +679,10 @@ packages:
    dependency: "direct dev"
    description:
      name: flutter_launcher_icons
-      sha256: "31cd0885738e87c72d6f055564d37fabcdacee743b396b78c7636c169cac64f5"
+      sha256: bfa04787c85d80ecb3f8777bde5fc10c3de809240c48fa061a2c2bf15ea5211c
      url: "https://pub.dev"
    source: hosted
-    version: "0.14.2"
+    version: "0.14.3"
  flutter_lints:
    dependency: "direct dev"
    description:
@@ -700,18 +700,18 @@ packages:
    dependency: "direct main"
    description:
      name: flutter_markdown
-      sha256: "255b00afa1a7bad19727da6a7780cf3db6c3c12e68d302d85e0ff1fdf173db9e"
+      sha256: e37f4c69a07b07bb92622ef6b131a53c9aae48f64b176340af9e8e5238718487
      url: "https://pub.dev"
    source: hosted
-    version: "0.7.4+3"
+    version: "0.7.5"
  flutter_native_splash:
    dependency: "direct dev"
    description:
      name: flutter_native_splash
-      sha256: "1152ab0067ca5a2ebeb862fe0a762057202cceb22b7e62692dcbabf6483891bb"
+      sha256: "7062602e0dbd29141fb8eb19220b5871ca650be5197ab9c1f193a28b17537bc7"
      url: "https://pub.dev"
    source: hosted
-    version: "2.4.3"
+    version: "2.4.4"
  flutter_plugin_android_lifecycle:
    dependency: transitive
    description:
@@ -740,10 +740,10 @@ packages:
    dependency: "direct main"
    description:
      name: flutter_svg
-      sha256: "54900a1a1243f3c4a5506d853a2b5c2dbc38d5f27e52a52618a8054401431123"
+      sha256: c200fd79c918a40c5cd50ea0877fa13f81bdaf6f0a5d3dbcc2a13e3285d6aa1b
      url: "https://pub.dev"
    source: hosted
-    version: "2.0.16"
+    version: "2.0.17"
  flutter_test:
    dependency: "direct dev"
    description: flutter
@@ -766,10 +766,10 @@ packages:
    dependency: "direct main"
    description:
      name: flutter_webrtc
-      sha256: "3efe9828f19a07d29a51a726759ad0c70a840d231548a1c7d0332075a94db1df"
+      sha256: "188401cc3275bc4f1f965babdff6cac612a4b46572f1e49f49db8af5361d5712"
      url: "https://pub.dev"
    source: hosted
-    version: "0.12.5+hotfix.1"
+    version: "0.12.6"
  freezed:
    dependency: "direct dev"
    description:
@@ -822,10 +822,10 @@ packages:
    dependency: "direct main"
    description:
      name: go_router
-      sha256: "2fd11229f59e23e967b0775df8d5948a519cd7e1e8b6e849729e010587b46539"
+      sha256: "7c2d40b59890a929824f30d442e810116caf5088482629c894b9e4478c67472d"
      url: "https://pub.dev"
    source: hosted
-    version: "14.6.2"
+    version: "14.6.3"
  google_fonts:
    dependency: "direct main"
    description:
@@ -902,10 +902,10 @@ packages:
    dependency: transitive
    description:
      name: http_parser
-      sha256: "76d306a1c3afb33fe82e2bbacad62a61f409b5634c915fceb0d799de1a913360"
+      sha256: "178d74305e7866013777bab2c3d8726205dc5a4dd935297175b19a23a2e66571"
      url: "https://pub.dev"
    source: hosted
-    version: "4.1.1"
+    version: "4.1.2"
  icons_launcher:
    dependency: "direct dev"
    description:
@@ -934,10 +934,10 @@ packages:
    dependency: transitive
    description:
      name: image_picker_android
-      sha256: aa6f1280b670861ac45220cc95adc59bb6ae130259d36f980ccb62220dc5e59f
+      sha256: b62d34a506e12bb965e824b6db4fbf709ee4589cf5d3e99b45ab2287b008ee0c
      url: "https://pub.dev"
    source: hosted
-    version: "0.8.12+19"
+    version: "0.8.12+20"
  image_picker_for_web:
    dependency: transitive
    description:
@@ -950,10 +950,10 @@ packages:
    dependency: transitive
    description:
      name: image_picker_ios
-      sha256: "4f0568120c6fcc0aaa04511cb9f9f4d29fc3d0139884b1d06be88dcec7641d6b"
+      sha256: "05da758e67bc7839e886b3959848aa6b44ff123ab4b28f67891008afe8ef9100"
      url: "https://pub.dev"
    source: hosted
-    version: "0.8.12+1"
+    version: "0.8.12+2"
  image_picker_linux:
    dependency: transitive
    description:
@@ -974,10 +974,10 @@ packages:
    dependency: transitive
    description:
      name: image_picker_platform_interface
-      sha256: "9ec26d410ff46f483c5519c29c02ef0e02e13a543f882b152d4bfd2f06802f80"
+      sha256: "886d57f0be73c4b140004e78b9f28a8914a09e50c2d816bdd0520051a71236a0"
      url: "https://pub.dev"
    source: hosted
-    version: "2.10.0"
+    version: "2.10.1"
  image_picker_windows:
    dependency: transitive
    description:
@@ -1086,10 +1086,10 @@ packages:
    dependency: "direct main"
    description:
      name: livekit_client
-      sha256: a3ff529fe6745ee40cdedcd021d81c4a6ad946dd495e782596f2856eeeabc739
+      sha256: "02b4653d903852d0ae86b15fbe4324747606dae6410fe860d0c07a11c79988de"
      url: "https://pub.dev"
    source: hosted
-    version: "2.3.3"
+    version: "2.3.5"
  logging:
    dependency: transitive
    description:
@@ -1110,10 +1110,10 @@ packages:
    dependency: "direct main"
    description:
      name: markdown
-      sha256: ef2a1298144e3f985cc736b22e0ccdaf188b5b3970648f2d9dc13efd1d9df051
+      sha256: "935e23e1ff3bc02d390bad4d4be001208ee92cc217cb5b5a6c19bc14aaa318c1"
      url: "https://pub.dev"
    source: hosted
-    version: "7.2.2"
+    version: "7.3.0"
  marquee:
    dependency: "direct main"
    description:
@@ -1142,10 +1142,10 @@ packages:
    dependency: "direct main"
    description:
      name: material_symbols_icons
-      sha256: "64404f47f8e0a9d20478468e5decef867a688660bad7173adcd20418d7f892c9"
+      sha256: "89aac72d25dd49303f71b3b1e70f8374791846729365b25bebc2a2531e5b86cd"
      url: "https://pub.dev"
    source: hosted
-    version: "4.2801.0"
+    version: "4.2801.1"
  media_kit:
    dependency: "direct main"
    description:
@@ -1270,10 +1270,10 @@ packages:
    dependency: "direct main"
    description:
      name: package_info_plus
-      sha256: "70c421fe9d9cc1a9a7f3b05ae56befd469fe4f8daa3b484823141a55442d858d"
+      sha256: "739e0a5c3c4055152520fa321d0645ee98e932718b4c8efeeb51451968fe0790"
      url: "https://pub.dev"
    source: hosted
-    version: "8.1.2"
+    version: "8.1.3"
  package_info_plus_platform_interface:
    dependency: transitive
    description:
@@ -1502,10 +1502,10 @@ packages:
    dependency: transitive
    description:
      name: pubspec_parse
-      sha256: "81876843eb50dc2e1e5b151792c9a985c5ed2536914115ed04e9c8528f6647b0"
+      sha256: "0560ba233314abbed0a48a2956f7f022cce7c3e1e73df540277da7544cad4082"
      url: "https://pub.dev"
    source: hosted
-    version: "1.4.0"
+    version: "1.5.0"
  qr:
    dependency: transitive
    description:
@@ -1630,10 +1630,10 @@ packages:
    dependency: "direct main"
    description:
      name: share_plus
-      sha256: "6327c3f233729374d0abaafd61f6846115b2a481b4feddd8534211dc10659400"
+      sha256: fce43200aa03ea87b91ce4c3ac79f0cecd52e2a7a56c7a4185023c271fbfa6da
      url: "https://pub.dev"
    source: hosted
-    version: "10.1.3"
+    version: "10.1.4"
  share_plus_platform_interface:
    dependency: transitive
    description:
@@ -1646,18 +1646,18 @@ packages:
    dependency: "direct main"
    description:
      name: shared_preferences
-      sha256: "3c7e73920c694a436afaf65ab60ce3453d91f84208d761fbd83fc21182134d93"
+      sha256: a752ce92ea7540fc35a0d19722816e04d0e72828a4200e83a98cf1a1eb524c9a
      url: "https://pub.dev"
    source: hosted
-    version: "2.3.4"
+    version: "2.3.5"
  shared_preferences_android:
    dependency: transitive
    description:
      name: shared_preferences_android
-      sha256: "02a7d8a9ef346c9af715811b01fbd8e27845ad2c41148eefd31321471b41863d"
+      sha256: "138b7bbbc7f59c56236e426c37afb8f78cbc57b094ac64c440e0bb90e380a4f5"
      url: "https://pub.dev"
    source: hosted
-    version: "2.4.0"
+    version: "2.4.2"
  shared_preferences_foundation:
    dependency: transitive
    description:
@@ -1795,10 +1795,10 @@ packages:
    dependency: transitive
    description:
      name: sqflite_darwin
-      sha256: "96a698e2bc82bd770a4d6aab00b42396a7c63d9e33513a56945cbccb594c2474"
+      sha256: "22adfd9a2c7d634041e96d6241e6e1c8138ca6817018afc5d443fef91dcefa9c"
      url: "https://pub.dev"
    source: hosted
-    version: "2.4.1"
+    version: "2.4.1+1"
  sqflite_platform_interface:
    dependency: transitive
    description:
@@ -1863,14 +1863,6 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "3.3.0+3"
-  syntax_highlight:
-    dependency: "direct main"
-    description:
-      name: syntax_highlight
-      sha256: ee33b6aa82cc722bb9b40152a792181dee222353b486c0255fde666a3e3a4997
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.4.0"
  term_glyph:
    dependency: transitive
    description:
@@ -1979,18 +1971,18 @@ packages:
    dependency: transitive
    description:
      name: url_launcher_web
-      sha256: "772638d3b34c779ede05ba3d38af34657a05ac55b06279ea6edd409e323dca8e"
+      sha256: "3ba963161bd0fe395917ba881d320b9c4f6dd3c4a233da62ab18a5025c85f1e9"
      url: "https://pub.dev"
    source: hosted
-    version: "2.3.3"
+    version: "2.4.0"
  url_launcher_windows:
    dependency: transitive
    description:
      name: url_launcher_windows
-      sha256: "44cf3aabcedde30f2dba119a9dea3b0f2672fbe6fa96e85536251d678216b3c4"
+      sha256: "3284b6d2ac454cf34f114e1d3319866fdd1e19cdc329999057e44ffe936cfa77"
      url: "https://pub.dev"
    source: hosted
-    version: "3.1.3"
+    version: "3.1.4"
  uuid:
    dependency: "direct main"
    description:
@@ -2011,10 +2003,10 @@ packages:
    dependency: transitive
    description:
      name: vector_graphics_codec
-      sha256: "2430b973a4ca3c4dbc9999b62b8c719a160100dcbae5c819bae0cacce32c9cdb"
+      sha256: "99fd9fbd34d9f9a32efd7b6a6aae14125d8237b10403b422a6a6dfeac2806146"
      url: "https://pub.dev"
    source: hosted
-    version: "1.1.12"
+    version: "1.1.13"
  vector_graphics_compiler:
    dependency: transitive
    description:
@@ -2131,10 +2123,10 @@ packages:
    dependency: transitive
    description:
      name: win32
-      sha256: "8b338d4486ab3fbc0ba0db9f9b4f5239b6697fcee427939a40e720cbb9ee0a69"
+      sha256: "154360849a56b7b67331c21f09a386562d88903f90a1099c5987afc1912e1f29"
      url: "https://pub.dev"
    source: hosted
-    version: "5.9.0"
+    version: "5.10.0"
  win32_registry:
    dependency: transitive
    description:
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -16,7 +16,7 @@ publish_to: "none" # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 2.2.1+40
+version: 2.2.2+54

 environment:
  sdk: ^3.5.4
@@ -53,9 +53,7 @@ dependencies:
  markdown: ^7.2.2
  flutter_markdown: ^0.7.4+1
  url_launcher: ^6.3.1
-  cached_network_image: ^3.4.1
  flutter_animate: ^4.5.0
-  syntax_highlight: ^0.4.0
  google_fonts: ^6.2.1
  path: ^1.9.0
  relative_time: ^5.0.0
@@ -116,6 +114,7 @@ dependencies:
  flutter_webrtc: ^0.12.5+hotfix.1
  slide_countdown: ^2.0.2
  video_compress: ^3.1.3
+  cached_network_image: ^3.4.1

 dev_dependencies:
  flutter_test:
--- a/roadsign.toml
+++ b/roadsign.toml
@@ -1,9 +1,9 @@
-id = "solian-next"
+id = "solian"

 [[locations]]
-id = "solian-next"
-host = ["sn-next.solsynth.dev"]
-path = ["/"]
+id = "solian"
+hosts = ["sn.solsynth.dev"]
+paths = ["/"]
 [[locations.destinations]]
-id = "solian-next-web"
-uri = "files:///workdir/solian-next?fallback=index.html&index=index.html"
+id = "solian-web"
+uri = "files:///workdir/solian?fallback=index.html&index=index.html"
Author	SHA1	Message	Date
LittleSheep	19076f8136	🚀 Launch 2.2.2+54	2025-01-20 17:35:13 +08:00
LittleSheep	dc77a936ce	⬆️ Upgrade deps	2025-01-20 16:53:38 +08:00
LittleSheep	7f58710c6f	✨ Notification indicator	2025-01-20 16:52:53 +08:00
LittleSheep	068ddcdcdc	💄 Optimized connection indicator	2025-01-20 14:40:26 +08:00
LittleSheep	f4e9252ca0	💄 Optimized post list	2025-01-20 14:21:41 +08:00
LittleSheep	3b1e918117	🐛 Fix side nav cause render error	2025-01-20 01:43:11 +08:00
LittleSheep	ed7981fdaf	🧪 Post max width	2025-01-19 17:20:24 +08:00
LittleSheep	9698ca53e4	✨ Swipe up to view attachment details	2025-01-19 11:44:14 +08:00
LittleSheep	ddc1dc7daf	💄 Optimize attachment zoom page	2025-01-19 01:00:00 +08:00
LittleSheep	1625a957f8	👔 Use material design 3 by default	2025-01-19 00:39:47 +08:00
LittleSheep	2dc50d627e	🧱 Fix roadsign config	2025-01-16 21:51:28 +08:00
LittleSheep	2ffde9a3dd	🚀 Launch 2.2.2+53	2025-01-15 16:00:59 +08:00
LittleSheep	5967a91ae1	✨ Chat user popover	2025-01-15 15:52:52 +08:00
LittleSheep	32c1effcb5	💄 Post editor content max width	2025-01-15 15:19:46 +08:00
LittleSheep	9d0e19c56f	🐛 Fix chat messages	2025-01-15 15:14:13 +08:00
LittleSheep	acf4e634fe	🐛 Fix websocket will put message in wrong channel	2025-01-14 23:32:02 +08:00
LittleSheep	25942c2338	💄 Optimize chat max width	2025-01-14 23:30:35 +08:00
LittleSheep	a4f81f6ba1	🐛 Post auto warp	2025-01-14 23:24:11 +08:00
LittleSheep	c1b9090e51	💄 Optimized attachment list	2025-01-14 23:17:34 +08:00
LittleSheep	f494f70003	🚀 Launch 2.2.2+52	2025-01-08 18:07:51 +08:00
LittleSheep	fb2a55a909	🐛 Fix editing message did not load the attachment	2025-01-08 17:48:46 +08:00
LittleSheep	4edfa7fd50	🐛 Optimizing styling of chat	2025-01-08 17:37:16 +08:00
LittleSheep	d699cac9b1	🚀 Launch 2.2.2+51	2025-01-07 18:10:20 +08:00
LittleSheep	c0428e12c1	🐛 Fixed the drawer styling issue	2025-01-07 13:11:45 +08:00
LittleSheep	55f434ff05	🚀 Launch 2.2.2+40	2025-01-06 23:39:49 +08:00
LittleSheep	f2b3bdda2d	🐛 Add ability check to text selection chat message action	2025-01-06 23:17:24 +08:00
LittleSheep	1f6bf33b0e	♿ Chat message action on system text selection area	2025-01-06 23:15:18 +08:00
LittleSheep	e2027b1a32	✨ Able to prefer sidebar to collapse	2025-01-06 22:57:44 +08:00
LittleSheep	2b3a58b55e	♿ Optimize temporary save post scenario	2025-01-06 22:12:10 +08:00
LittleSheep	6ac536412a	🚀 Launch 2.2.2+49	2025-01-06 22:05:20 +08:00
LittleSheep	52f8ffe4e4	💄 Update the app bar color when in transparent mode	2025-01-06 21:57:50 +08:00
LittleSheep	aca81431aa	🐛 Fix desktop share post as image do not include file extension name	2025-01-06 21:53:35 +08:00
LittleSheep	1fadd850b7	💄 Optimize some styling	2025-01-06 21:46:21 +08:00
LittleSheep	ed2a9a21b6	🐛 Fix chat username height difference	2025-01-06 19:18:23 +08:00
LittleSheep	57279eb3e4	🚀 Launch 2.2.1+48	2025-01-05 13:41:38 +08:00
LittleSheep	c403a2914a	💄 Optimized article attachments displaying strategy	2025-01-05 13:34:37 +08:00
LittleSheep	bcb176344c	💄 Optimize some styling	2025-01-05 13:29:39 +08:00
LittleSheep	ecf362cffc	🚀 Launch 2.2.1+47	2025-01-05 12:13:43 +08:00
LittleSheep	f4ab7671d8	🐛 Bug fixes on resetting post write controller	2025-01-05 12:06:49 +08:00
LittleSheep	a2a3018917	🚀 Launch 2.2.1+46	2025-01-04 22:05:39 +08:00
LittleSheep	0bdb664000	⚗️ Remove initialization screen	2025-01-04 21:51:22 +08:00
LittleSheep	9c3b61ce57	✨ Lunar calendar festivals	2025-01-04 21:49:48 +08:00
LittleSheep	d06df3d278	✨ Stickers	2025-01-04 21:26:28 +08:00
LittleSheep	547ba19e61	🐛 Fix attachment zoom meta throw error	2025-01-04 19:14:40 +08:00
LittleSheep	cb05ff2e9e	🚀 Launch 2.2.1+44	2025-01-01 19:38:57 +08:00
LittleSheep	f614da7918	💄 Optimize attachment list	2025-01-01 17:57:41 +08:00
LittleSheep	a3c8dafff9	✨ User typing status 🐛 Bug fixes	2025-01-01 16:45:37 +08:00
LittleSheep	fa978a7cd1	🐛 Fix notification mark all as read issue	2025-01-01 11:50:06 +08:00
LittleSheep	aaa0a562b4	💄 Fix transparent icon color issue	2025-01-01 01:48:35 +08:00
LittleSheep	590a4ce2a6	🐛 Bug fixes on chat message rendering	2025-01-01 01:11:35 +08:00
LittleSheep	f26edce071	🚀 Launch 2.2.1+43	2024-12-29 23:58:31 +08:00
LittleSheep	603799ea32	🐛 Fix high quality icon issue	2024-12-29 23:52:48 +08:00
LittleSheep	a32baf7798	✨ Able to set attachment alt text	2024-12-29 23:50:56 +08:00
LittleSheep	498c9af663	💄 Optimize chatting input ⏪ Rollback universal image	2024-12-29 23:30:29 +08:00
LittleSheep	202dbff6d3	🐛 Bug fixes	2024-12-29 23:11:50 +08:00
LittleSheep	96fd64d85d	🚀 Launch 2.2.1+42	2024-12-29 22:43:58 +08:00
LittleSheep	e236b7f98b	💄 Optimize attachment list width in post	2024-12-29 22:34:17 +08:00
LittleSheep	5c7929e618	✨ Post editor on device draft	2024-12-29 22:27:07 +08:00
LittleSheep	7ba5260246	⚡ Improve image loading	2024-12-29 15:30:31 +08:00
LittleSheep	a6d4947a23	🐛 Fix attachment list NaN height	2024-12-29 14:03:19 +08:00
LittleSheep	7fbd4e9647	🚀 Launch 2.2.1+41	2024-12-29 12:15:22 +08:00
LittleSheep	95d926b29f	✨ Bug fixes	2024-12-29 12:09:04 +08:00
LittleSheep	f6cf6d0440	💄 Experimental new attachment layout	2024-12-29 12:02:26 +08:00
LittleSheep	e503c3f02f	⚡ Use analyze now for images	2024-12-29 11:09:54 +08:00
LittleSheep	d4fbdd397e	✨ Create boost	2024-12-29 02:13:31 +08:00
LittleSheep	03943a7138	🗑️ Remove link expand from post share	2024-12-28 20:35:43 +08:00
LittleSheep	44f2c5fe0e	✨ Toggle original or compressed one via video control	2024-12-28 19:59:04 +08:00
LittleSheep	bb66d5b684	✨ Able to upload low quality video copy	2024-12-28 19:23:49 +08:00
LittleSheep	1fca36293d	🐛 Fix attachment set thumbnail	2024-12-28 18:16:59 +08:00