🚀 Launch 1.4.0+16

💄 Optimize content rendering

.roadsignrc

@@ -0,0 +1,13 @@
+{
+  "sync": {
+    "region": "solian",
+    "configPath": "roadsign.toml"
+  },
+  "deployments": [
+    {
+      "region": "solian",
+      "site": "solian-web",
+      "path": "build/web"
+    }
+  ]
+}

assets/highlighting/cpp.json

@@ -0,0 +1,358 @@
+{
+  "name": "C++",
+  "version": "1.0.0",
+  "fileTypes": ["cpp", "hpp", "cc", "h"],
+  "scopeName": "source.cpp",
+
+  "foldingStartMarker": "\\{\\s*$",
+  "foldingStopMarker": "^\\s*\\}",
+
+  "patterns": [
+    {
+      "name": "meta.preprocessor.script.cpp",
+      "match": "^\\s*#\\s*(include|define|if|ifdef|ifndef|else|endif|pragma)\\b"
+    },
+    {
+      "name": "meta.declaration.cpp",
+      "begin": "^\\w*\\b(namespace|class|struct|enum|typedef|template)\\b",
+      "beginCaptures": {
+        "0": {
+          "name": "keyword.other.declaration.cpp"
+        }
+      },
+      "end": "(\\{|;)",
+      "endCaptures": {
+        "0": {
+          "name": "punctuation.terminator.cpp"
+        }
+      },
+      "patterns": [
+        {
+          "include": "#strings"
+        },
+        {
+          "include": "#comments"
+        },
+        {
+          "name": "keyword.other.cpp",
+          "match": "\\b(public|private|protected|virtual|override|final)\\b"
+        }
+      ]
+    },
+    {
+      "include": "#comments"
+    },
+    {
+      "include": "#punctuation"
+    },
+    {
+      "include": "#annotations"
+    },
+    {
+      "include": "#keywords"
+    },
+    {
+      "include": "#constants-and-special-vars"
+    },
+    {
+      "include": "#operators"
+    },
+    {
+      "include": "#strings"
+    }
+  ],
+
+  "repository": {
+    "comments": {
+      "patterns": [
+        {
+          "name": "comment.block.empty.cpp",
+          "match": "/\\*\\*/",
+          "captures": {
+            "0": {
+              "name": "punctuation.definition.comment.cpp"
+            }
+          }
+        },
+        {
+          "include": "#comments-doc-oldschool"
+        },
+        {
+          "include": "#comments-doc"
+        },
+        {
+          "include": "#comments-inline"
+        }
+      ]
+    },
+    "comments-doc-oldschool": {
+      "patterns": [
+        {
+          "name": "comment.block.documentation.cpp",
+          "begin": "/\\*\\*",
+          "end": "\\*/",
+          "patterns": [
+            {
+              "include": "#comments-doc-oldschool"
+            },
+            {
+              "include": "#comments-block"
+            }
+          ]
+        }
+      ]
+    },
+    "comments-doc": {
+      "patterns": [
+        {
+          "name": "comment.block.documentation.cpp",
+          "begin": "///",
+          "while": "^\\s*///",
+          "patterns": [
+            {
+              "include": "#comments-inline"
+            }
+          ]
+        }
+      ]
+    },
+    "comments-inline": {
+      "patterns": [
+        {
+          "include": "#comments-block"
+        },
+        {
+          "match": "(//.*)$",
+          "captures": {
+            "1": {
+              "name": "comment.line.double-slash.cpp"
+            }
+          }
+        }
+      ]
+    },
+    "comments-block": {
+      "patterns": [
+        {
+          "name": "comment.block.cpp",
+          "begin": "/\\*",
+          "end": "\\*/",
+          "patterns": [
+            {
+              "include": "#comments-block"
+            }
+          ]
+        }
+      ]
+    },
+    "annotations": {
+      "patterns": [
+        {
+          "name": "storage.type.annotation.cpp",
+          "match": "__attribute__\\(\\w+\\)"
+        }
+      ]
+    },
+    "constants-and-special-vars": {
+      "patterns": [
+        {
+          "name": "constant.language.cpp",
+          "match": "\\b(true|false|nullptr)\\b"
+        },
+        {
+          "name": "variable.language.cpp",
+          "match": "\\b(this|super)\\b"
+        },
+        {
+          "name": "constant.numeric.cpp",
+          "match": "\\b((0(x|X)[0-9a-fA-F]+)|(([0-9]+\\.?[0-9]*)|(\\.[0-9]+))((e|E)(\\+|-)?[0-9]+)?)\\b"
+        },
+        {
+          "include": "#class-identifier"
+        },
+        {
+          "include": "#function-identifier"
+        }
+      ]
+    },
+    "class-identifier": {
+      "patterns": [
+        {
+          "match": "\\b(bool|int|char|double|float|long|short|signed|unsigned|void)\\b",
+          "name": "storage.type.primitive.cpp"
+        },
+        {
+          "begin": "(\\b[A-Z]\\w*\\b)",
+          "end": "(?!<)",
+          "beginCaptures": {
+            "1": {
+              "name": "support.class.cpp"
+            }
+          },
+          "patterns": [
+            {
+              "include": "#type-args"
+            }
+          ]
+        }
+      ]
+    },
+    "function-identifier": {
+      "patterns": [
+        {
+          "match": "\\b([a-z_][a-zA-Z0-9_]*)\\s*\\(",
+          "captures": {
+            "1": {
+              "name": "entity.name.function.cpp"
+            }
+          }
+        }
+      ]
+    },
+    "type-args": {
+      "begin": "(<)",
+      "end": "(>)",
+      "beginCaptures": {
+        "1": {
+          "name": "other.source.cpp"
+        }
+      },
+      "endCaptures": {
+        "1": {
+          "name": "other.source.cpp"
+        }
+      },
+      "patterns": [
+        {
+          "include": "#class-identifier"
+        },
+        {
+          "match": ","
+        },
+        {
+          "name": "keyword.declaration.cpp",
+          "match": "extends"
+        },
+        {
+          "include": "#comments"
+        }
+      ]
+    },
+    "keywords": {
+      "patterns": [
+        {
+          "name": "keyword.control.cpp",
+          "match": "\\b(if|else|for|while|do|switch|case|break|continue|goto|return)\\b"
+        },
+        {
+          "name": "keyword.operator.cpp",
+          "match": "\\b(sizeof|typeid|decltype|new|delete)\\b"
+        },
+        {
+          "name": "keyword.control.try.cpp",
+          "match": "\\b(try|catch|throw)\\b"
+        },
+        {
+          "name": "keyword.control.cpp",
+          "match": "\\b(static|inline|virtual|override|const|volatile|explicit|friend|constexpr)\\b"
+        }
+      ]
+    },
+    "operators": {
+      "patterns": [
+        {
+          "name": "keyword.operator.comparison.cpp",
+          "match": "(==|!=|<=?|>=?)"
+        },
+        {
+          "name": "keyword.operator.arithmetic.cpp",
+          "match": "(\\+|\\-|\\*|\\/|%)"
+        },
+        {
+          "name": "keyword.operator.assignment.cpp",
+          "match": "(=|\\+=|-=|\\*=|/=|%=)"
+        },
+        {
+          "name": "keyword.operator.logical.cpp",
+          "match": "(\\&\\&|\\|\\||!)"
+        },
+        {
+          "name": "keyword.operator.bitwise.cpp",
+          "match": "(<<|>>|\\&|\\||\\^|~)"
+        }
+      ]
+    },
+    "string-interp": {
+      "patterns": [
+        {
+          "match": "\\$([a-zA-Z0-9_]+)",
+          "captures": {
+            "1": {
+              "name": "variable.parameter.cpp"
+            }
+          }
+        },
+        {
+          "name": "string.interpolated.expression.cpp",
+          "begin": "\\$\\{",
+          "end": "\\}",
+          "patterns": [
+            {
+              "include": "#constants-and-special-vars",
+              "name": "variable.parameter.cpp"
+            },
+            {
+              "include": "#strings"
+            },
+            {
+              "name": "variable.parameter.cpp",
+              "match": "[a-zA-Z0-9_]+"
+            }
+          ]
+        },
+        {
+          "name": "constant.character.escape.cpp",
+          "match": "\\\\."
+        }
+      ]
+    },
+    "strings": {
+      "patterns": [
+        {
+          "name": "string.quoted.double.cpp",
+          "begin": "\"",
+          "end": "\"",
+          "patterns": [
+            {
+              "name": "constant.character.escape.cpp",
+              "match": "\\\\."
+            }
+          ]
+        },
+        {
+          "name": "string.quoted.single.cpp",
+          "begin": "'",
+          "end": "'",
+          "patterns": [
+            {
+              "name": "constant.character.escape.cpp",
+              "match": "\\\\."
+            }
+          ]
+        }
+      ]
+    },
+    "punctuation": {
+      "patterns": [
+        {
+          "name": "punctuation.comma.cpp",
+          "match": ","
+        },
+        {
+          "name": "punctuation.terminator.cpp",
+          "match": ";"
+        }
+      ]
+    }
+  }
+}

assets/highlighting/dart.json

@@ -0,0 +1,531 @@
+{
+  "name": "Dart",
+  "version": "1.2.3",
+  "fileTypes": ["dart"],
+  "scopeName": "source.dart",
+
+  "foldingStartMarker": "\\{\\s*$",
+  "foldingStopMarker": "^\\s*\\}",
+
+  "patterns": [
+    {
+      "name": "meta.preprocessor.script.dart",
+      "match": "^(#!.*)$"
+    },
+    {
+      "name": "meta.declaration.dart",
+      "begin": "^\\w*\\b(library|import|part of|part|export)\\b",
+      "beginCaptures": {
+        "0": {
+          "name": "keyword.other.import.dart"
+        }
+      },
+      "end": ";",
+      "endCaptures": {
+        "0": {
+          "name": "punctuation.terminator.dart"
+        }
+      },
+      "patterns": [
+        {
+          "include": "#strings"
+        },
+        {
+          "include": "#comments"
+        },
+        {
+          "name": "keyword.other.import.dart",
+          "match": "\\b(as|show|hide)\\b"
+        },
+        {
+          "name": "keyword.control.dart",
+          "match": "\\b(if)\\b"
+        }
+      ]
+    },
+    {
+      "include": "#comments"
+    },
+    {
+      "include": "#punctuation"
+    },
+    {
+      "include": "#annotations"
+    },
+    {
+      "include": "#keywords"
+    },
+    {
+      "include": "#constants-and-special-vars"
+    },
+    {
+      "include": "#operators"
+    },
+    {
+      "include": "#strings"
+    }
+  ],
+
+  "repository": {
+    "dartdoc": {
+      "patterns": [
+        {
+          "match": "(\\[.*?\\])",
+          "captures": {
+            "0": {
+              "name": "variable.name.source.dart"
+            }
+          }
+        },
+        {
+          "match": "^ {4,}(?![ \\*]).*",
+          "captures": {
+            "0": {
+              "name": "variable.name.source.dart"
+            }
+          }
+        },
+        {
+          "contentName": "variable.other.source.dart",
+          "begin": "```.*?$",
+          "end": "```"
+        },
+        {
+          "match": "(`.*?`)",
+          "captures": {
+            "0": {
+              "name": "variable.other.source.dart"
+            }
+          }
+        },
+        {
+          "match": "(`.*?`)",
+          "captures": {
+            "0": {
+              "name": "variable.other.source.dart"
+            }
+          }
+        },
+        {
+          "match": "(\\* ((    ).*))$",
+          "captures": {
+            "2": {
+              "name": "variable.other.source.dart"
+            }
+          }
+        }
+      ]
+    },
+    "comments": {
+      "patterns": [
+        {
+          "name": "comment.block.empty.dart",
+          "match": "/\\*\\*/",
+          "captures": {
+            "0": {
+              "name": "punctuation.definition.comment.dart"
+            }
+          }
+        },
+        {
+          "include": "#comments-doc-oldschool"
+        },
+        {
+          "include": "#comments-doc"
+        },
+        {
+          "include": "#comments-inline"
+        }
+      ]
+    },
+    "comments-doc-oldschool": {
+      "patterns": [
+        {
+          "name": "comment.block.documentation.dart",
+          "begin": "/\\*\\*",
+          "end": "\\*/",
+          "patterns": [
+            {
+              "include": "#comments-doc-oldschool"
+            },
+            {
+              "include": "#comments-block"
+            },
+            {
+              "include": "#dartdoc"
+            }
+          ]
+        }
+      ]
+    },
+    "comments-doc": {
+      "patterns": [
+        {
+          "name": "comment.block.documentation.dart",
+          "begin": "///",
+          "while": "^\\s*///",
+          "patterns": [
+            {
+              "include": "#dartdoc"
+            }
+          ]
+        }
+      ]
+    },
+    "comments-inline": {
+      "patterns": [
+        {
+          "include": "#comments-block"
+        },
+        {
+          "match": "((//).*)$",
+          "captures": {
+            "1": {
+              "name": "comment.line.double-slash.dart"
+            }
+          }
+        }
+      ]
+    },
+    "comments-block": {
+      "patterns": [
+        {
+          "name": "comment.block.dart",
+          "begin": "/\\*",
+          "end": "\\*/",
+          "patterns": [
+            {
+              "include": "#comments-block"
+            }
+          ]
+        }
+      ]
+    },
+    "annotations": {
+      "patterns": [
+        {
+          "name": "storage.type.annotation.dart",
+          "match": "@[a-zA-Z]+"
+        }
+      ]
+    },
+    "constants-and-special-vars": {
+      "patterns": [
+        {
+          "name": "constant.language.dart",
+          "match": "(?<!\\$)\\b(true|false|null)\\b(?!\\$)"
+        },
+        {
+          "name": "variable.language.dart",
+          "match": "(?<!\\$)\\b(this|super)\\b(?!\\$)"
+        },
+        {
+          "name": "constant.numeric.dart",
+          "match": "(?<!\\$)\\b((0(x|X)[0-9a-fA-F]*)|(([0-9]+\\.?[0-9]*)|(\\.[0-9]+))((e|E)(\\+|-)?[0-9]+)?)\\b(?!\\$)"
+        },
+        {
+          "include": "#class-identifier"
+        },
+        {
+          "include": "#function-identifier"
+        }
+      ]
+    },
+    "class-identifier": {
+      "patterns": [
+        {
+          "match": "(?<!\\$)\\b(bool|num|int|double|dynamic)\\b(?!\\$)",
+          "name": "support.class.dart"
+        },
+        {
+          "match": "(?<!\\$)\\bvoid\\b(?!\\$)",
+          "name": "storage.type.primitive.dart"
+        },
+        {
+          "begin": "(?<![a-zA-Z0-9_$])([_$]*[A-Z][a-zA-Z0-9_$]*)\\b",
+          "end": "(?!<)",
+          "beginCaptures": {
+            "1": {
+              "name": "support.class.dart"
+            }
+          },
+          "patterns": [
+            {
+              "include": "#type-args"
+            }
+          ]
+        }
+      ]
+    },
+    "function-identifier": {
+      "patterns": [
+        {
+          "match": "([_$]*[a-z][a-zA-Z0-9_$]*)(<(?:[a-zA-Z0-9_$<>?]|,\\s*|\\s+extends\\s+)+>)?[!?]?\\(",
+          "captures": {
+            "1": {
+              "name": "entity.name.function.dart"
+            },
+            "2": {
+              "patterns": [
+                {
+                  "include": "#type-args"
+                }
+              ]
+            }
+          }
+        }
+      ]
+    },
+    "type-args": {
+      "begin": "(<)",
+      "end": "(>)",
+      "beginCaptures": {
+        "1": {
+          "name": "other.source.dart"
+        }
+      },
+      "endCaptures": {
+        "1": {
+          "name": "other.source.dart"
+        }
+      },
+      "patterns": [
+        {
+          "include": "#class-identifier"
+        },
+        {
+          "match": ","
+        },
+        {
+          "name": "keyword.declaration.dart",
+          "match": "extends"
+        },
+        {
+          "include": "#comments"
+        }
+      ]
+    },
+    "keywords": {
+      "patterns": [
+        {
+          "name": "keyword.cast.dart",
+          "match": "(?<!\\$)\\bas\\b(?!\\$)"
+        },
+        {
+          "name": "keyword.control.catch-exception.dart",
+          "match": "(?<!\\$)\\b(try|on|catch|finally|throw|rethrow)\\b(?!\\$)"
+        },
+        {
+          "name": "keyword.control.dart",
+          "match": "(?<!\\$)\\b(break|case|continue|default|do|else|for|if|in|return|switch|while|when)\\b(?!\\$)"
+        },
+        {
+          "name": "keyword.control.dart",
+          "match": "(?<!\\$)\\b(sync(\\*)?|async(\\*)?|await|yield(\\*)?)\\b(?!\\$)"
+        },
+        {
+          "name": "keyword.control.dart",
+          "match": "(?<!\\$)\\bassert\\b(?!\\$)"
+        },
+        {
+          "name": "keyword.control.new.dart",
+          "match": "(?<!\\$)\\b(new)\\b(?!\\$)"
+        },
+        {
+          "name": "keyword.declaration.dart",
+          "match": "(?<!\\$)\\b(abstract|sealed|base|interface|class|enum|extends|extension type|extension|external|factory|implements|get(?!\\()|mixin|native|operator|set(?!\\()|typedef|with|covariant)\\b(?!\\$)"
+        },
+        {
+          "name": "storage.modifier.dart",
+          "match": "(?<!\\$)\\b(static|final|const|required|late)\\b(?!\\$)"
+        },
+        {
+          "name": "storage.type.primitive.dart",
+          "match": "(?<!\\$)\\b(?:void|var)\\b(?!\\$)"
+        }
+      ]
+    },
+    "operators": {
+      "patterns": [
+        {
+          "name": "keyword.operator.dart",
+          "match": "(?<!\\$)\\b(is\\!?)\\b(?!\\$)"
+        },
+        {
+          "name": "keyword.operator.ternary.dart",
+          "match": "\\?|:"
+        },
+        {
+          "name": "keyword.operator.bitwise.dart",
+          "match": "(<<|>>>?|~|\\^|\\||&)"
+        },
+        {
+          "name": "keyword.operator.assignment.bitwise.dart",
+          "match": "((&|\\^|\\||<<|>>>?)=)"
+        },
+        {
+          "name": "keyword.operator.closure.dart",
+          "match": "(=>)"
+        },
+        {
+          "name": "keyword.operator.comparison.dart",
+          "match": "(==|!=|<=?|>=?)"
+        },
+        {
+          "name": "keyword.operator.assignment.arithmetic.dart",
+          "match": "(([+*/%-]|\\~)=)"
+        },
+        {
+          "name": "keyword.operator.assignment.dart",
+          "match": "(=)"
+        },
+        {
+          "name": "keyword.operator.increment-decrement.dart",
+          "match": "(\\-\\-|\\+\\+)"
+        },
+        {
+          "name": "keyword.operator.arithmetic.dart",
+          "match": "(\\-|\\+|\\*|\\/|\\~\\/|%)"
+        },
+        {
+          "name": "keyword.operator.logical.dart",
+          "match": "(!|&&|\\|\\|)"
+        }
+      ]
+    },
+    "string-interp": {
+      "patterns": [
+        {
+          "match": "\\$([a-zA-Z0-9_]+)",
+          "captures": {
+            "1": {
+              "name": "variable.parameter.dart"
+            }
+          }
+        },
+        {
+          "name": "string.interpolated.expression.dart",
+          "begin": "\\$\\{",
+          "end": "\\}",
+          "patterns": [
+            {
+              "include": "#constants-and-special-vars",
+              "name": "variable.parameter.dart"
+            },
+            {
+              "include": "#strings"
+            },
+            {
+              "name": "variable.parameter.dart",
+              "match": "[a-zA-Z0-9_]+"
+            }
+          ]
+        },
+        {
+          "name": "constant.character.escape.dart",
+          "match": "\\\\."
+        }
+      ]
+    },
+    "strings": {
+      "patterns": [
+        {
+          "name": "string.interpolated.triple.double.dart",
+          "begin": "(?<!r)\"\"\"",
+          "end": "\"\"\"(?!\")",
+          "patterns": [
+            {
+              "include": "#string-interp"
+            }
+          ]
+        },
+        {
+          "name": "string.interpolated.triple.single.dart",
+          "begin": "(?<!r)'''",
+          "end": "'''(?!')",
+          "patterns": [
+            {
+              "include": "#string-interp"
+            }
+          ]
+        },
+        {
+          "name": "string.quoted.triple.double.dart",
+          "begin": "r\"\"\"",
+          "end": "\"\"\"(?!\")"
+        },
+        {
+          "name": "string.quoted.triple.single.dart",
+          "begin": "r'''",
+          "end": "'''(?!')"
+        },
+        {
+          "name": "string.interpolated.double.dart",
+          "begin": "(?<!\\|r)\"",
+          "end": "\"",
+          "patterns": [
+            {
+              "name": "invalid.string.newline",
+              "match": "\\n"
+            },
+            {
+              "include": "#string-interp"
+            }
+          ]
+        },
+        {
+          "name": "string.quoted.double.dart",
+          "begin": "r\"",
+          "end": "\"",
+          "patterns": [
+            {
+              "name": "invalid.string.newline",
+              "match": "\\n"
+            }
+          ]
+        },
+        {
+          "name": "string.interpolated.single.dart",
+          "begin": "(?<!\\|r)'",
+          "end": "'",
+          "patterns": [
+            {
+              "name": "invalid.string.newline",
+              "match": "\\n"
+            },
+            {
+              "include": "#string-interp"
+            }
+          ]
+        },
+        {
+          "name": "string.quoted.single.dart",
+          "begin": "r'",
+          "end": "'",
+          "patterns": [
+            {
+              "name": "invalid.string.newline",
+              "match": "\\n"
+            }
+          ]
+        }
+      ]
+    },
+    "punctuation": {
+      "patterns": [
+        {
+          "name": "punctuation.comma.dart",
+          "match": ","
+        },
+        {
+          "name": "punctuation.terminator.dart",
+          "match": ";"
+        },
+        {
+          "name": "punctuation.dot.dart",
+          "match": "\\."
+        }
+      ]
+    }
+  }
+}

assets/highlighting/json.json

@@ -0,0 +1,212 @@
+{
+  "fileTypes": ["json"],
+  "foldingStartMarker": "^\\s*[{\\[](?!.*[}\\]],?\\s*$)|[{\\[]\\s*$",
+  "foldingStopMarker": "^\\s*[}\\]]",
+  "keyEquivalent": "^~J",
+  "name": "JSON (Javascript Next)",
+  "patterns": [
+    {
+      "include": "#value"
+    }
+  ],
+  "repository": {
+    "array": {
+      "begin": "\\[",
+      "beginCaptures": {
+        "0": {
+          "name": "punctuation.definition.array.begin.json"
+        }
+      },
+      "end": "\\]",
+      "endCaptures": {
+        "0": {
+          "name": "punctuation.definition.array.end.json"
+        }
+      },
+      "name": "meta.structure.array.json",
+      "patterns": [
+        {
+          "include": "#value"
+        },
+        {
+          "match": ",",
+          "name": "punctuation.separator.array.json"
+        },
+        {
+          "match": "[^\\s\\]]",
+          "name": "invalid.illegal.expected-array-separator.json"
+        }
+      ]
+    },
+    "comments": {
+      "patterns": [
+        {
+          "begin": "/\\*\\*",
+          "captures": {
+            "0": {
+              "name": "punctuation.definition.comment.json"
+            }
+          },
+          "end": "\\*/",
+          "name": "comment.block.documentation.json"
+        },
+        {
+          "begin": "/\\*",
+          "captures": {
+            "0": {
+              "name": "punctuation.definition.comment.json"
+            }
+          },
+          "end": "\\*/",
+          "name": "comment.block.json"
+        },
+        {
+          "captures": {
+            "1": {
+              "name": "punctuation.definition.comment.json"
+            }
+          },
+          "match": "(//).*$\\n?",
+          "name": "comment.line.double-slash.js"
+        }
+      ]
+    },
+    "constant": {
+      "match": "\\b(?:true|false|null)\\b",
+      "name": "constant.language.json"
+    },
+    "number": {
+      "match": "-?(?:0|[1-9]\\d*)\n(?:\n(?:\n\\.\\d+)?\n(?:\n[eE][+-]?\\d+)?)?",
+      "name": "constant.numeric.json"
+    },
+    "object": {
+      "begin": "\\{",
+      "beginCaptures": {
+        "0": {
+          "name": "punctuation.definition.dictionary.begin.json"
+        }
+      },
+      "end": "\\}",
+      "endCaptures": {
+        "0": {
+          "name": "punctuation.definition.dictionary.end.json"
+        }
+      },
+      "name": "meta.structure.dictionary.json",
+      "patterns": [
+        {
+          "comment": "the JSON object key",
+          "include": "#objectkey"
+        },
+        {
+          "include": "#comments"
+        },
+        {
+          "begin": ":",
+          "beginCaptures": {
+            "0": {
+              "name": "punctuation.separator.dictionary.key-value.json"
+            }
+          },
+          "end": "(,)|(?=\\})",
+          "endCaptures": {
+            "1": {
+              "name": "punctuation.separator.dictionary.pair.json"
+            }
+          },
+          "name": "meta.structure.dictionary.value.json",
+          "patterns": [
+            {
+              "comment": "the JSON object value",
+              "include": "#value"
+            },
+            {
+              "match": "[^\\s,]",
+              "name": "invalid.illegal.expected-dictionary-separator.json"
+            }
+          ]
+        },
+        {
+          "match": "[^\\s\\}]",
+          "name": "invalid.illegal.expected-dictionary-separator.json"
+        }
+      ]
+    },
+    "string": {
+      "begin": "\"",
+      "beginCaptures": {
+        "0": {
+          "name": "punctuation.definition.string.begin.json"
+        }
+      },
+      "end": "\"",
+      "endCaptures": {
+        "0": {
+          "name": "punctuation.definition.string.end.json"
+        }
+      },
+      "name": "string.quoted.double.json",
+      "patterns": [
+        {
+          "include": "#stringcontent"
+        }
+      ]
+    },
+    "objectkey": {
+      "begin": "\"",
+      "beginCaptures": {
+        "0": {
+          "name": "punctuation.support.type.property-name.begin.json"
+        }
+      },
+      "end": "\"",
+      "endCaptures": {
+        "0": {
+          "name": "punctuation.support.type.property-name.end.json"
+        }
+      },
+      "name": "support.type.property-name.json",
+      "patterns": [
+        {
+          "include": "#stringcontent"
+        }
+      ]
+    },
+    "stringcontent": {
+      "patterns": [
+        {
+          "match": "\\\\(?:[\"\\\\/bfnrt]|u[0-9a-fA-F]{4})",
+          "name": "constant.character.escape.json"
+        },
+        {
+          "match": "\\\\.",
+          "name": "invalid.illegal.unrecognized-string-escape.json"
+        }
+      ]
+    },
+    "value": {
+      "patterns": [
+        {
+          "include": "#constant"
+        },
+        {
+          "include": "#number"
+        },
+        {
+          "include": "#string"
+        },
+        {
+          "include": "#array"
+        },
+        {
+          "include": "#object"
+        },
+        {
+          "include": "#comments"
+        }
+      ]
+    }
+  },
+  "scopeName": "source.json",
+  "uuid": "8f97457b-516e-48ce-83c7-08ae12fb327a"
+}

assets/highlighting/python.json

@@ -0,0 +1,98 @@
+{
+  "name": "Python",
+  "version": "1.0.0",
+  "fileTypes": ["py"],
+  "scopeName": "source.python",
+  "foldingStartMarker": "\\b(?:def|class)\\s*[^:]*:\\s*$",
+  "foldingStopMarker": "^\\s*\\}",
+  "patterns": [
+    { "include": "#comments" },
+    { "include": "#keywords" },
+    { "include": "#constants-and-special-vars" },
+    { "include": "#operators" },
+    { "include": "#strings" }
+  ],
+  "repository": {
+    "comments": {
+      "patterns": [
+        { "name": "comment.line.hash.python", "match": "#.*$" },
+        { "name": "comment.block.python", "begin": "'''", "end": "'''" },
+        { "name": "comment.block.python", "begin": "\"\"\"", "end": "\"\"\"" }
+      ]
+    },
+    "keywords": {
+      "patterns": [
+        {
+          "name": "keyword.control.python",
+          "match": "\\b(?:if|else|while|for|in|break|continue|return)\\b"
+        },
+        {
+          "name": "keyword.operator.logical.python",
+          "match": "\\b(?:and|or|not)\\b"
+        },
+        { "name": "keyword.operator.assignment.python", "match": "=" },
+        { "name": "storage.modifier.python", "match": "\\b(?:def|class)\\b" }
+      ]
+    },
+    "constants-and-special-vars": {
+      "patterns": [
+        {
+          "name": "constant.language.python",
+          "match": "\\b(?:True|False|None)\\b"
+        },
+        { "name": "variable.language.python", "match": "\\b(?:self)\\b" },
+        {
+          "name": "constant.numeric.python",
+          "match": "\\b(?:\\d+\\.?\\d*|\\.\\d+)\\b"
+        }
+      ]
+    },
+    "operators": {
+      "patterns": [
+        {
+          "name": "keyword.operator.arithmetic.python",
+          "match": "\\b(?:\\+|-|\\*|/|%|//)\\b"
+        },
+        {
+          "name": "keyword.operator.comparison.python",
+          "match": "\\b(?:==|!=|<|<=|>|>=)\\b"
+        },
+        {
+          "name": "keyword.operator.logical.python",
+          "match": "\\b(?:and|or|not)\\b"
+        }
+      ]
+    },
+    "strings": {
+      "patterns": [
+        {
+          "name": "string.quoted.triple.double.python",
+          "begin": "\"\"\"",
+          "end": "\"\"\""
+        },
+        {
+          "name": "string.quoted.triple.single.python",
+          "begin": "'''",
+          "end": "'''"
+        },
+        {
+          "name": "string.quoted.double.python",
+          "begin": "\"",
+          "end": "\"",
+          "patterns": [{ "include": "#string-escape" }]
+        },
+        {
+          "name": "string.quoted.single.python",
+          "begin": "'",
+          "end": "'",
+          "patterns": [{ "include": "#string-escape" }]
+        }
+      ]
+    },
+    "string-escape": {
+      "patterns": [
+        { "name": "constant.character.escape.python", "match": "\\\\[\"']" }
+      ]
+    }
+  }
+}

assets/highlighting/sql.json

@@ -0,0 +1,145 @@
+{
+  "fileTypes": ["sql", "ddl", "dml"],
+  "foldingStartMarker": "(?i)^\\s*(begin|if|loop)\\b",
+  "foldingStopMarker": "(?i)^\\s*(end)\\b",
+  "keyEquivalent": "^~S",
+  "name": "PL/pgSQL (Postgres)",
+  "patterns": [
+    {
+      "begin": "/\\*",
+      "end": "\\*/",
+      "name": "comment.block.postgres"
+    },
+    {
+      "match": "--.*$",
+      "name": "comment.line.double-dash.postgres"
+    },
+    {
+      "captures": {
+        "1": {
+          "name": "keyword.other.postgres"
+        },
+        "2": {
+          "name": "keyword.other.postgres"
+        }
+      },
+      "match": "(?i)^\\s*(create)(\\s+or\\s+replace)?\\s+",
+      "name": "meta.create.postgres"
+    },
+    {
+      "captures": {
+        "1": {
+          "name": "keyword.other.postgres"
+        },
+        "2": {
+          "name": "keyword.other.postgres"
+        },
+        "3": {
+          "name": "entity.name.type.postgres"
+        }
+      },
+      "match": "(?i)\\b(package)(\\s+body)?\\s+(\\S+)",
+      "name": "meta.package.postgres"
+    },
+    {
+      "captures": {
+        "1": {
+          "name": "keyword.other.postgres"
+        },
+        "2": {
+          "name": "entity.name.type.postgres"
+        }
+      },
+      "match": "(?i)\\b(type)\\s+\"([^\"]+)\"",
+      "name": "meta.type.postgres"
+    },
+    {
+      "captures": {
+        "1": {
+          "name": "keyword.other.postgres"
+        },
+        "2": {
+          "name": "entity.name.function.postgres"
+        }
+      },
+      "match": "(?i)\\s*(function|procedure)\\s+([-a-z0-9_.]+)",
+      "name": "meta.procedure.postgres"
+    },
+    {
+      "match": "[!<>:]?=|<>|<|>|\\+|(?<!\\.)\\*|-|(?<!^)/|@@|\\|\\|",
+      "name": "keyword.operator.postgres"
+    },
+    {
+      "match": "(?i)\\b(true|false|null|found)\\b",
+      "name": "constant.language.postgres"
+    },
+    {
+      "match": "\\b\\d+(\\.\\d+)?\\b",
+      "name": "constant.numeric.postgres"
+    },
+    {
+      "match": "(?i)\\b(if|elsif|else|end\\s+if|loop|end\\s+loop|for|foreach|array|case|end\\s+case|continue|return|goto|alias)\\b",
+      "name": "keyword.control.postgres"
+    },
+    {
+      "match": "(?i)\\b(or|and|not|like)\\b",
+      "name": "keyword.operator.postgres"
+    },
+    {
+      "match": "(?i)\\b(sysdate|%(isopen|found|notfound|rowcount)|commit|rollback|sqlerrm|substr|cast|decode|length|lower|upper|coalesce)\\b",
+      "name": "support.function.postgres"
+    },
+    {
+      "match": "(?i)\\b(avg|count|sum|max|min|nvl|trim|to_date|to_char|lpad|ltrim|rpad|rtrim|trunc|to_number|regexp_split_to_array|regexp_replace)\\b",
+      "name": "support.function.builtin.postgres"
+    },
+    {
+      "match": "(?i)\\b(sql|sqlcode)\\b",
+      "name": "variable.language.postgres"
+    },
+    {
+      "match": "(?i)\\b(p(i|o|io)_[-a-z0-9_]+)\\b",
+      "name": "variable.parameter.postgres"
+    },
+    {
+      "match": "(?i)\\b(l_[-a-z0-9_]+)\\b",
+      "name": "variable.other.postgres"
+    },
+    {
+      "match": "(?i)\\b(immutable|volatile|stable|serial|primary|key|references|comment|column|schema|authorization|get|diagnostics|returning|drop|all|raise|notice|warning|exception|external|security|definer|language|grant|execute|on|to|function|procedure|returns|end|then|deterministic|exception|when|others|subtype|constant|range|binary_integer|declare|begin|in|out|is|as|exit|open|fetch|into|close|type|rowtype|default|\\.(extend|count|first|last|next|nextval|currval)|cost|alter|owner)\\b",
+      "name": "keyword.other.postgres"
+    },
+    {
+      "match": "(?i)\\b(select|perform|from|where|order\\s+by|group\\s+by|asc|desc|update|set|insert|into|values|delete|from|distinct|union|having|limit|table|of|prepare|(inner|left|outer) join)\\b",
+      "name": "keyword.other.sql.postgres"
+    },
+    {
+      "match": "[$][0-9]+",
+      "name": "storage.type.postgres"
+    },
+    {
+      "match": "(?i)\\b(dbms_lock|dbms_output)\\b",
+      "name": "support.class.postgres"
+    },
+    {
+      "match": "(?i)\\b(put_line)\\b",
+      "name": "support.function.postgres"
+    },
+    {
+      "begin": "'",
+      "end": "'",
+      "name": "string.quoted.single.postgres"
+    },
+    {
+      "begin": "\"",
+      "end": "\"",
+      "name": "string.quoted.double.postgres"
+    },
+    {
+      "match": "(?i)\\b(number|integer|bigint|varchar2|varchar|boolean|date|setof|record|query|numeric|void|character varying|text|([-a-z0-9_.]+%(row)?type))\\b",
+      "name": "storage.type.postgres"
+    }
+  ],
+  "scopeName": "source.plpgsql.postgres",
+  "uuid": "28DCE4DD-F5E1-4ED3-8847-64DA6B1F9163"
+}

assets/highlighting/yaml.json

@@ -0,0 +1,66 @@
+{
+  "name": "YAML",
+  "fileTypes": ["yaml", "yml"],
+  "scopeName": "source.yaml",
+  "patterns": [
+    {
+      "name": "comment.line.number-sign.yaml",
+      "match": "#.*",
+      "captures": {
+        "0": {
+          "name": "punctuation.definition.comment.yaml"
+        }
+      }
+    },
+    {
+      "name": "entity.name.tag.yaml",
+      "match": "^\\s*\\w+",
+      "captures": {
+        "0": {
+          "name": "punctuation.definition.tag.yaml"
+        }
+      }
+    },
+    {
+      "name": "punctuation.separator.key-value.yaml",
+      "match": ":",
+      "captures": {
+        "0": {
+          "name": "punctuation.separator.key-value.yaml"
+        }
+      }
+    },
+    {
+      "name": "string.quoted.double.yaml",
+      "begin": "\"",
+      "end": "\"",
+      "patterns": [
+        {
+          "name": "constant.character.escape.yaml",
+          "match": "\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{6}|.)"
+        }
+      ]
+    },
+    {
+      "name": "string.quoted.single.yaml",
+      "begin": "'",
+      "end": "'",
+      "patterns": [
+        {
+          "name": "constant.character.escape.yaml",
+          "match": "''"
+        }
+      ]
+    }
+  ],
+  "repository": {
+    "scalar-plain": {
+      "patterns": [
+        {
+          "match": "\\b(\\w+)\\b",
+          "name": "scalar.plain.yaml"
+        }
+      ]
+    }
+  }
+}

assets/locales/en_us.json

@@ -140,7 +140,7 @@
   "clear": "Clear",
   "pinPost": "Pin this post",
   "unpinPost": "Unpin this post",
-  "postRestoreFromLocal": "Restore from local",
+  "postRestoreFromLocal": "Restored",
   "postAutoSaveAt": "Auto saved at @date",
   "postCategoriesAndTags": "Categories n' Tags",
   "postPublishDate": "Publish Date",
@@ -367,7 +367,7 @@
   "bsRegisteringPushNotify": "Enabling Push Notifications",
   "bsDismissibleErrorHint": "Click anywhere to ignore this error",
   "postShareContent": "@content\n\n@username on the Solar Network\nCheck it out: @link",
-  "postShareSubject": "@username posted a post on the Solar Network",
+  "postShareSubject": "@title by @username on Solar Network",
   "themeColor": "Global Theme Color",
   "themeColorRed": "Modern Red",
   "themeColorBlue": "Classic Blue",
@@ -477,5 +477,18 @@
   "agedTheme": "Old school style theme",
   "agedThemeDesc": "Downgrade the global theme to Material Design 2. Unexpected issues may occur. For experimental use only.",
   "appBackgroundImage": "Global background image",
-  "appBackgroundImageDesc": "The global background image will be displayed on all pages"
+  "appBackgroundImageDesc": "The global background image will be displayed on all pages",
+  "authPreferences": "Auth preferences",
+  "authPreferencesDesc": "Set the security behavior of your account",
+  "authMaximumAuthSteps": "Maximum authentication steps",
+  "authMaximumAuthStepsDesc": "The maximum number of authentication steps when logging in, higher value is more secure, lower value is more convenient; default is 2",
+  "auditLog": "Audit log",
+  "shareImage": "Share as image",
+  "shareImageFooter": "Only on the Solar Network",
+  "fileSavedAt": "File saved at @path",
+  "showIp": "Show IP Address",
+  "shotOn": "Shot on @device",
+  "unread": "Unread",
+  "searchTook": "Took @time",
+  "searchResult": "@count Matches"
 }

assets/locales/zh_cn.json

@@ -363,7 +363,7 @@
   "bsRegisteringPushNotify": "正在启用推送通知",
   "bsDismissibleErrorHint": "点击任意地方忽略此错误",
   "postShareContent": "@content\n\n@username 在 Solar Network\n原帖地址：@link",
-  "postShareSubject": "@username 在 Solar Network 上发布了一篇帖子",
+  "postShareSubject": "@username 在 Solar Network 发表的 @title",
   "themeColor": "全局主题色",
   "themeColorRed": "现代红",
   "themeColorBlue": "经典蓝",
@@ -473,5 +473,18 @@
   "agedTheme": "过时主题",
   "agedThemeDesc": "将全局主题降级为 Material Design 2，可能发生意料之外的问题，仅供实验使用",
   "appBackgroundImage": "全局背景图片",
-  "appBackgroundImageDesc": "全局背景图片将会在所有页面中展示"
+  "appBackgroundImageDesc": "全局背景图片将会在所有页面中展示",
+  "authPreferences": "安全偏好设置",
+  "authPreferencesDesc": "调整账号的安全行为模式",
+  "authMaximumAuthSteps": "最大认证步数",
+  "authMaximumAuthStepsDesc": "登陆时最多的验证步数，值越高则越安全，反之则会相对方便；默认设置为 2",
+  "auditLog": "活动日志",
+  "shareImage": "分享图片",
+  "shareImageFooter": "上 Solar Network 看更多有趣帖子",
+  "fileSavedAt": "文件保存于 @path",
+  "showIp": "显示 IP 地址",
+  "shotOn": "由 @device 拍摄",
+  "unread": "未读",
+  "searchTook": "耗时 @time",
+  "searchResult": "匹配到 @count 条结果"
 }

ios/Podfile.lock

@@ -38,45 +38,47 @@ PODS:
   - file_picker (0.0.1):
     - DKImagePickerController/PhotoGallery
     - Flutter
-  - Firebase/Analytics (11.0.0):
+  - file_saver (0.0.1):
+    - Flutter
+  - Firebase/Analytics (11.2.0):
     - Firebase/Core
-  - Firebase/Core (11.0.0):
+  - Firebase/Core (11.2.0):
     - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 11.0.0)
+    - FirebaseAnalytics (~> 11.2.0)
-  - Firebase/CoreOnly (11.0.0):
+  - Firebase/CoreOnly (11.2.0):
-    - FirebaseCore (= 11.0.0)
+    - FirebaseCore (= 11.2.0)
-  - Firebase/Crashlytics (11.0.0):
+  - Firebase/Crashlytics (11.2.0):
     - Firebase/CoreOnly
-    - FirebaseCrashlytics (~> 11.0.0)
+    - FirebaseCrashlytics (~> 11.2.0)
-  - Firebase/Messaging (11.0.0):
+  - Firebase/Messaging (11.2.0):
     - Firebase/CoreOnly
-    - FirebaseMessaging (~> 11.0.0)
+    - FirebaseMessaging (~> 11.2.0)
-  - Firebase/Performance (11.0.0):
+  - Firebase/Performance (11.2.0):
     - Firebase/CoreOnly
-    - FirebasePerformance (~> 11.0.0)
+    - FirebasePerformance (~> 11.2.0)
-  - firebase_analytics (11.3.2):
+  - firebase_analytics (11.3.3):
-    - Firebase/Analytics (= 11.0.0)
+    - Firebase/Analytics (= 11.2.0)
     - firebase_core
     - Flutter
-  - firebase_core (3.5.0):
+  - firebase_core (3.6.0):
-    - Firebase/CoreOnly (= 11.0.0)
+    - Firebase/CoreOnly (= 11.2.0)
     - Flutter
-  - firebase_crashlytics (4.1.2):
+  - firebase_crashlytics (4.1.3):
-    - Firebase/Crashlytics (= 11.0.0)
+    - Firebase/Crashlytics (= 11.2.0)
     - firebase_core
     - Flutter
-  - firebase_messaging (15.1.2):
+  - firebase_messaging (15.1.3):
-    - Firebase/Messaging (= 11.0.0)
+    - Firebase/Messaging (= 11.2.0)
     - firebase_core
     - Flutter
-  - firebase_performance (0.10.0-7):
+  - firebase_performance (0.10.0-8):
-    - Firebase/Performance (= 11.0.0)
+    - Firebase/Performance (= 11.2.0)
     - firebase_core
     - Flutter
-  - FirebaseABTesting (11.2.0):
+  - FirebaseABTesting (11.3.0):
     - FirebaseCore (~> 11.0)
-  - FirebaseAnalytics (11.0.0):
+  - FirebaseAnalytics (11.2.0):
-    - FirebaseAnalytics/AdIdSupport (= 11.0.0)
+    - FirebaseAnalytics/AdIdSupport (= 11.2.0)
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
@@ -84,24 +86,24 @@ PODS:
     - GoogleUtilities/Network (~> 8.0)
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
     - nanopb (~> 3.30910.0)
-  - FirebaseAnalytics/AdIdSupport (11.0.0):
+  - FirebaseAnalytics/AdIdSupport (11.2.0):
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
-    - GoogleAppMeasurement (= 11.0.0)
+    - GoogleAppMeasurement (= 11.2.0)
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
     - GoogleUtilities/MethodSwizzler (~> 8.0)
     - GoogleUtilities/Network (~> 8.0)
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
     - nanopb (~> 3.30910.0)
-  - FirebaseCore (11.0.0):
+  - FirebaseCore (11.2.0):
     - FirebaseCoreInternal (~> 11.0)
     - GoogleUtilities/Environment (~> 8.0)
     - GoogleUtilities/Logger (~> 8.0)
-  - FirebaseCoreExtension (11.2.0):
+  - FirebaseCoreExtension (11.3.0):
     - FirebaseCore (~> 11.0)
-  - FirebaseCoreInternal (11.2.0):
+  - FirebaseCoreInternal (11.3.0):
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseCrashlytics (11.0.0):
+  - FirebaseCrashlytics (11.2.0):
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
     - FirebaseRemoteConfigInterop (~> 11.0)
@@ -110,12 +112,12 @@ PODS:
     - GoogleUtilities/Environment (~> 8.0)
     - nanopb (~> 3.30910.0)
     - PromisesObjC (~> 2.4)
-  - FirebaseInstallations (11.2.0):
+  - FirebaseInstallations (11.3.0):
     - FirebaseCore (~> 11.0)
     - GoogleUtilities/Environment (~> 8.0)
     - GoogleUtilities/UserDefaults (~> 8.0)
     - PromisesObjC (~> 2.4)
-  - FirebaseMessaging (11.0.0):
+  - FirebaseMessaging (11.2.0):
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
     - GoogleDataTransport (~> 10.0)
@@ -124,7 +126,7 @@ PODS:
     - GoogleUtilities/Reachability (~> 8.0)
     - GoogleUtilities/UserDefaults (~> 8.0)
     - nanopb (~> 3.30910.0)
-  - FirebasePerformance (11.0.0):
+  - FirebasePerformance (11.2.0):
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
     - FirebaseRemoteConfig (~> 11.0)
@@ -134,7 +136,7 @@ PODS:
     - GoogleUtilities/MethodSwizzler (~> 8.0)
     - GoogleUtilities/UserDefaults (~> 8.0)
     - nanopb (~> 3.30910.0)
-  - FirebaseRemoteConfig (11.2.0):
+  - FirebaseRemoteConfig (11.3.0):
     - FirebaseABTesting (~> 11.0)
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
@@ -142,8 +144,8 @@ PODS:
     - FirebaseSharedSwift (~> 11.0)
     - GoogleUtilities/Environment (~> 8.0)
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseRemoteConfigInterop (11.2.0)
+  - FirebaseRemoteConfigInterop (11.3.0)
-  - FirebaseSessions (11.2.0):
+  - FirebaseSessions (11.3.0):
     - FirebaseCore (~> 11.0)
     - FirebaseCoreExtension (~> 11.0)
     - FirebaseInstallations (~> 11.0)
@@ -152,7 +154,7 @@ PODS:
     - GoogleUtilities/UserDefaults (~> 8.0)
     - nanopb (~> 3.30910.0)
     - PromisesSwift (~> 2.1)
-  - FirebaseSharedSwift (11.2.0)
+  - FirebaseSharedSwift (11.3.0)
   - Flutter (1.0.0)
   - flutter_app_update (0.0.1):
     - Flutter
@@ -166,27 +168,30 @@ PODS:
     - Flutter
   - flutter_secure_storage (6.0.0):
     - Flutter
+  - flutter_udid (0.0.1):
+    - Flutter
+    - SAMKeychain
   - flutter_webrtc (0.11.3):
     - Flutter
     - WebRTC-SDK (= 125.6422.04)
   - gal (1.0.0):
     - Flutter
     - FlutterMacOS
-  - GoogleAppMeasurement (11.0.0):
+  - GoogleAppMeasurement (11.2.0):
-    - GoogleAppMeasurement/AdIdSupport (= 11.0.0)
+    - GoogleAppMeasurement/AdIdSupport (= 11.2.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.0.0):
+  - GoogleAppMeasurement/AdIdSupport (11.2.0):
-    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.0.0)
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.2.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.0.0):
+  - GoogleAppMeasurement/WithoutAdIdSupport (11.2.0):
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
     - GoogleUtilities/MethodSwizzler (~> 8.0)
     - GoogleUtilities/Network (~> 8.0)
@@ -259,6 +264,7 @@ PODS:
     - PromisesObjC (= 2.4.0)
   - protocol_handler_ios (0.0.1):
     - Flutter
+  - SAMKeychain (1.5.3)
   - screen_brightness_ios (0.1.0):
     - Flutter
   - SDWebImage (5.19.7):
@@ -269,7 +275,7 @@ PODS:
   - shared_preferences_foundation (0.0.1):
     - Flutter
     - FlutterMacOS
-  - sqflite (0.0.3):
+  - sqflite_darwin (0.0.4):
     - Flutter
     - FlutterMacOS
   - "sqlite3 (3.46.1+1)":
@@ -304,6 +310,7 @@ DEPENDENCIES:
   - connectivity_plus (from `.symlinks/plugins/connectivity_plus/darwin`)
   - device_info_plus (from `.symlinks/plugins/device_info_plus/ios`)
   - file_picker (from `.symlinks/plugins/file_picker/ios`)
+  - file_saver (from `.symlinks/plugins/file_saver/ios`)
   - firebase_analytics (from `.symlinks/plugins/firebase_analytics/ios`)
   - firebase_core (from `.symlinks/plugins/firebase_core/ios`)
   - firebase_crashlytics (from `.symlinks/plugins/firebase_crashlytics/ios`)
@@ -316,6 +323,7 @@ DEPENDENCIES:
   - flutter_local_notifications (from `.symlinks/plugins/flutter_local_notifications/ios`)
   - flutter_native_splash (from `.symlinks/plugins/flutter_native_splash/ios`)
   - flutter_secure_storage (from `.symlinks/plugins/flutter_secure_storage/ios`)
+  - flutter_udid (from `.symlinks/plugins/flutter_udid/ios`)
   - flutter_webrtc (from `.symlinks/plugins/flutter_webrtc/ios`)
   - gal (from `.symlinks/plugins/gal/darwin`)
   - image_cropper (from `.symlinks/plugins/image_cropper/ios`)
@@ -334,7 +342,7 @@ DEPENDENCIES:
   - screen_brightness_ios (from `.symlinks/plugins/screen_brightness_ios/ios`)
   - share_plus (from `.symlinks/plugins/share_plus/ios`)
   - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
-  - sqflite (from `.symlinks/plugins/sqflite/darwin`)
+  - sqflite_darwin (from `.symlinks/plugins/sqflite_darwin/darwin`)
   - sqlite3_flutter_libs (from `.symlinks/plugins/sqlite3_flutter_libs/ios`)
   - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`)
   - volume_controller (from `.symlinks/plugins/volume_controller/ios`)
@@ -364,6 +372,7 @@ SPEC REPOS:
     - nanopb
     - PromisesObjC
     - PromisesSwift
+    - SAMKeychain
     - SDWebImage
     - sqlite3
     - SwiftyGif
@@ -377,6 +386,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/device_info_plus/ios"
   file_picker:
     :path: ".symlinks/plugins/file_picker/ios"
+  file_saver:
+    :path: ".symlinks/plugins/file_saver/ios"
   firebase_analytics:
     :path: ".symlinks/plugins/firebase_analytics/ios"
   firebase_core:
@@ -401,6 +412,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/flutter_native_splash/ios"
   flutter_secure_storage:
     :path: ".symlinks/plugins/flutter_secure_storage/ios"
+  flutter_udid:
+    :path: ".symlinks/plugins/flutter_udid/ios"
   flutter_webrtc:
     :path: ".symlinks/plugins/flutter_webrtc/ios"
   gal:
@@ -437,8 +450,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/share_plus/ios"
   shared_preferences_foundation:
     :path: ".symlinks/plugins/shared_preferences_foundation/darwin"
-  sqflite:
+  sqflite_darwin:
-    :path: ".symlinks/plugins/sqflite/darwin"
+    :path: ".symlinks/plugins/sqflite_darwin/darwin"
   sqlite3_flutter_libs:
     :path: ".symlinks/plugins/sqlite3_flutter_libs/ios"
   url_launcher_ios:
@@ -454,25 +467,26 @@ SPEC CHECKSUMS:
   DKImagePickerController: 946cec48c7873164274ecc4624d19e3da4c1ef3c
   DKPhotoGallery: b3834fecb755ee09a593d7c9e389d8b5d6deed60
   file_picker: 09aa5ec1ab24135ccd7a1621c46c84134bfd6655
-  Firebase: 9f574c08c2396885b5e7e100ed4293d956218af9
+  file_saver: 503e386464dbe118f630e17b4c2e1190fa0cf808
-  firebase_analytics: 4fd10182fd08bb8358f26ac8aca8dad7b6d0f592
+  Firebase: 98e6bf5278170668a7983e12971a66b2cd57fc8c
-  firebase_core: 2ec6b789859c7c24766344ec71fdf78639402d56
+  firebase_analytics: fbc57838bdb94eef1e0ff504f127d974ff2981ad
-  firebase_crashlytics: 60630a0f91ee432275fa1660fd8593079761448a
+  firebase_core: 2bedc3136ec7c7b8561c6123ed0239387b53f2af
-  firebase_messaging: a18e1e02b2e8e69097c8173e0c851be223b21c50
+  firebase_crashlytics: 37d104d457b51760b48504a93a12b3bf70995d77
-  firebase_performance: 12d45fdf120992fa879d990929bf73d4a5ced053
+  firebase_messaging: 15d114e1a41fc31e4fbabcd48d765a19eec94a38
-  FirebaseABTesting: 2104d957ce33888a3d6f3bde298cdee376dde8f1
+  firebase_performance: 26ad47755d3e8d7b04b9bb36bdfbf1cec8d8dfcc
-  FirebaseAnalytics: 27eb78b97880ea4a004839b9bac0b58880f5a92a
+  FirebaseABTesting: c4559fcd2eba9f6bdaf0599e2c37ded01c343e4c
-  FirebaseCore: 3cf438f431f18c12cdf2aaf64434648b63f7e383
+  FirebaseAnalytics: c36efd5710c60c17558650fa58c2066eca7e9265
-  FirebaseCoreExtension: cda74ddfb001224bd8fd1d6e74698b4ed07803de
+  FirebaseCore: a282032ae9295c795714ded2ec9c522fc237f8da
-  FirebaseCoreInternal: 0c569513412da9f3b31bd0b340013bbee8f295c5
+  FirebaseCoreExtension: 30bb063476ef66cd46925243d64ad8b2c8ac3264
-  FirebaseCrashlytics: 745d8f0221fe49c62865391d1bf56f5a12eeec0b
+  FirebaseCoreInternal: ac26d09a70c730e497936430af4e60fb0c68ec4e
-  FirebaseInstallations: 771177d89d6c451dc6e50085ec82e2fc77ed0a4a
+  FirebaseCrashlytics: cfc69af5b53565dc6a5e563788809b5778ac4eac
-  FirebaseMessaging: d2d1d9c62c46dd2db49a952f7deb5b16ad2c9742
+  FirebaseInstallations: 58cf94dabf1e2bb2fa87725a9be5c2249171cda0
-  FirebasePerformance: efdc02bacb1b4710588c9f867011605c081cdf79
+  FirebaseMessaging: c9ec7b90c399c7a6100297e9d16f8a27fc7f7152
-  FirebaseRemoteConfig: fca0b2d017fc1de52b28a4e5bcf2007c1a840457
+  FirebasePerformance: c39138c0700b8ef6040f0b80b5707320808e2862
-  FirebaseRemoteConfigInterop: 477b26fdeb8fb5fbaf22fa9db5343b42289dc7db
+  FirebaseRemoteConfig: 5be2ca4f9870d475b39214210955fdaeecf7e5ca
-  FirebaseSessions: adcec8b72d0066a385e3affcd1bcb1ebb3908ce6
+  FirebaseRemoteConfigInterop: c3a5c31b3c22079f41ba1dc645df889d9ce38cb9
-  FirebaseSharedSwift: 7a0d78d155ede78407f0fdc89fbc914014c7c540
+  FirebaseSessions: 655ff17f3cc1a635cbdc2d69b953878001f9e25b
+  FirebaseSharedSwift: d39c2ad64a11a8d936ce25a42b00df47078bb59c
   Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
   flutter_app_update: 65f61da626cb111d1b24674abc4b01728d7723bc
   flutter_background_service_ios: e30e0d3ee69e4cee66272d0c78eacd48c2e94aac
@@ -480,9 +494,10 @@ SPEC CHECKSUMS:
   flutter_local_notifications: 4cde75091f6327eb8517fa068a0a5950212d2086
   flutter_native_splash: edf599c81f74d093a4daf8e17bd7a018854bc778
   flutter_secure_storage: d33dac7ae2ea08509be337e775f6b59f1ff45f12
+  flutter_udid: a2482c67a61b9c806ef59dd82ed8d007f1b7ac04
   flutter_webrtc: 75b868e4f9e817c7a9a42ca4b6169063de4eec9f
   gal: 61e868295d28fe67ffa297fae6dacebf56fd53e1
-  GoogleAppMeasurement: 6e49ffac7d3f2c3ded9cc663f912a13b67bbd0de
+  GoogleAppMeasurement: 76d4f8b36b03bd8381fa9a7fe2cc7f99c0a2e93a
   GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
   GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
   image_cropper: 37d40f62177c101ff4c164906d259ea2c3aa70cf
@@ -501,11 +516,12 @@ SPEC CHECKSUMS:
   PromisesObjC: f5707f49cb48b9636751c5b2e7d227e43fba9f47
   PromisesSwift: 9d77319bbe72ebf6d872900551f7eeba9bce2851
   protocol_handler_ios: a5db8abc38526ee326988b808be621e5fd568990
+  SAMKeychain: 483e1c9f32984d50ca961e26818a534283b4cd5c
   screen_brightness_ios: 715ca807df953bf676d339f11464e438143ee625
   SDWebImage: 8a6b7b160b4d710e2a22b6900e25301075c34cb3
   share_plus: 8875f4f2500512ea181eef553c3e27dba5135aad
   shared_preferences_foundation: fcdcbc04712aee1108ac7fda236f363274528f78
-  sqflite: 673a0e54cc04b7d6dba8d24fb8095b31c3a99eec
+  sqflite_darwin: a553b1fd6fe66f53bbb0fe5b4f5bab93f08d7a13
   sqlite3: 0bb0e6389d824e40296f531b858a2a0b71c0d2fb
   sqlite3_flutter_libs: c00457ebd31e59fa6bb830380ddba24d44fbcd3b
   SwiftyGif: 706c60cf65fa2bc5ee0313beece843c8eb8194d4

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

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

ios/Runner/Info.plist

@@ -83,7 +83,6 @@
 	</array>
 	<key>CFBundleLocalizations</key>
 	<array>
-		<string>zh_CN</string>
 		<string>en</string>
 	</array>
 	<key>UIStatusBarHidden</key>

lib/bootstrapper.dart

@@ -13,6 +13,7 @@ import 'package:solian/exts.dart';
 import 'package:solian/platform.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/providers/content/realm.dart';
+import 'package:solian/providers/notifications.dart';
 import 'package:solian/providers/relation.dart';
 import 'package:solian/providers/theme_switcher.dart';
 import 'package:solian/providers/websocket.dart';
@@ -198,6 +199,8 @@ class _BootstrapperShellState extends State<BootstrapperShell> {
         final AuthProvider auth = Get.find();
         try {
           await Future.wait([
+            if (auth.isAuthorized.isTrue)
+              Get.find<NotificationProvider>().fetchNotification(),
             if (auth.isAuthorized.isTrue)
               Get.find<RelationshipProvider>().refreshRelativeList(),
             if (auth.isAuthorized.isTrue)
@@ -214,7 +217,7 @@ class _BootstrapperShellState extends State<BootstrapperShell> {
         final AuthProvider auth = Get.find();
         if (auth.isAuthorized.isTrue) {
           try {
-            Get.find<WebSocketProvider>().registerPushNotifications();
+            Get.find<NotificationProvider>().registerPushNotifications();
           } catch (err) {
             context.showSnackbar(
               'pushNotifyRegisterFailed'.trParams({'reason': err.toString()}),

lib/controllers/post_editor_controller.dart

@@ -43,14 +43,17 @@ class PostEditorController extends GetxController {
 
   RxBool isRestoreFromLocal = false.obs;
   Rx<DateTime?> lastSaveTime = Rx(null);
-  Timer? _saveTimer;
+  Future? _saveFuture;
 
   PostEditorController() {
     SharedPreferences.getInstance().then((inst) {
       _prefs = inst;
-      _saveTimer = Timer.periodic(
+    });
-        const Duration(seconds: 3),
+    contentController.addListener(() {
-        (Timer t) {
+      contentLength.value = contentController.text.length;
+      _saveFuture ??= Future.delayed(
+        const Duration(seconds: 1),
+        () {
           if (isNotEmpty) {
             localSave();
             lastSaveTime.value = DateTime.now();
@@ -59,12 +62,10 @@ class PostEditorController extends GetxController {
             localClear();
             lastSaveTime.value = null;
           }
+          _saveFuture = null;
         },
       );
     });
-    contentController.addListener(() {
-      contentLength.value = contentController.text.length;
-    });
   }
 
   Future<void> editOverview(BuildContext context) {
@@ -355,8 +356,6 @@ class PostEditorController extends GetxController {
 
   @override
   void dispose() {
-    _saveTimer?.cancel();
-
     titleController.dispose();
     descriptionController.dispose();
     contentController.dispose();

lib/controllers/post_list_controller.dart

@@ -1,9 +1,12 @@
+import 'dart:async';
 import 'dart:math';
 
 import 'package:get/get.dart';
 import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
+import 'package:solian/models/attachment.dart';
 import 'package:solian/models/pagination.dart';
 import 'package:solian/models/post.dart';
+import 'package:solian/providers/content/attachment.dart';
 import 'package:solian/providers/content/posts.dart';
 import 'package:solian/providers/last_read.dart';
 
@@ -31,9 +34,18 @@ class PostListController extends GetxController {
     pagingController.addPageRequestListener(_onPagingControllerRequest);
   }
 
+  Completer<void>? _pagingLoadCompleter;
+
   Future<void> _onPagingControllerRequest(int pageKey) async {
     try {
+      if (_pagingLoadCompleter != null) {
+        await _pagingLoadCompleter!.future;
+        return;
+      }
+      _pagingLoadCompleter = Completer();
       final result = await loadMore();
+      _pagingLoadCompleter!.complete();
+      _pagingLoadCompleter = null;
 
       if (result != null && hasMore.value) {
         pagingController.appendPage(result, nextPageKey.value);
@@ -97,9 +109,6 @@ class PostListController extends GetxController {
       hasMore.value = false;
     }
 
-    final idx = <dynamic>{};
-    postList.retainWhere((x) => idx.add(x.id));
-
     if (postList.isNotEmpty) {
       var lastId = postList.map((x) => x.id).reduce(max);
       Get.find<LastReadProvider>().feedLastReadAt = lastId;
@@ -111,35 +120,39 @@ class PostListController extends GetxController {
   Future<List<Post>?> _loadPosts(int pageKey) async {
     isBusy.value = true;
 
-    final PostProvider provider = Get.find();
+    final PostProvider posts = Get.find();
 
     Response resp;
     try {
       if (author != null) {
-        resp = await provider.listPost(
+        resp = await posts.listPost(
           pageKey,
           author: author,
+          take: 10,
         );
       } else {
         switch (mode.value) {
           case 2:
-            resp = await provider.listRecommendations(
+            resp = await posts.listRecommendations(
               pageKey,
               channel: 'shuffle',
               realm: realm,
+              take: 10,
             );
             break;
           case 1:
-            resp = await provider.listRecommendations(
+            resp = await posts.listRecommendations(
               pageKey,
               channel: 'friends',
               realm: realm,
+              take: 10,
             );
             break;
           default:
-            resp = await provider.listRecommendations(
+            resp = await posts.listRecommendations(
               pageKey,
               realm: realm,
+              take: 10,
             );
             break;
         }
@@ -153,6 +166,27 @@ class PostListController extends GetxController {
     final result = PaginationResult.fromJson(resp.body);
     final out = result.data?.map((e) => Post.fromJson(e)).toList();
 
+    final AttachmentProvider attach = Get.find();
+
+    if (out != null) {
+      final attachmentIds = out
+          .mapMany((x) => x.body['attachments'] ?? [])
+          .cast<String>()
+          .toSet()
+          .toList();
+      final attachmentOut = await attach.listMetadata(attachmentIds);
+
+      for (var idx = 0; idx < out.length; idx++) {
+        final rids = List<String>.from(out[idx].body['attachments'] ?? []);
+        out[idx].preload = PostPreload(
+          attachments: attachmentOut
+              .where((x) => x != null && rids.contains(x.rid))
+              .cast<Attachment>()
+              .toList(),
+        );
+      }
+    }
+
     postTotal.value = result.count;
 
     return out;

lib/main.dart

@@ -18,6 +18,7 @@ import 'package:solian/providers/database/services/messages.dart';
 import 'package:solian/providers/last_read.dart';
 import 'package:solian/providers/link_expander.dart';
 import 'package:solian/providers/navigation.dart';
+import 'package:solian/providers/notifications.dart';
 import 'package:solian/providers/stickers.dart';
 import 'package:solian/providers/subscription.dart';
 import 'package:solian/providers/theme_switcher.dart';
@@ -138,11 +139,12 @@ class SolianApp extends StatelessWidget {
     Get.put(NavigationStateProvider());
 
     Get.lazyPut(() => AuthProvider());
+    Get.lazyPut(() => WebSocketProvider());
     Get.lazyPut(() => RelationshipProvider());
     Get.lazyPut(() => PostProvider());
     Get.lazyPut(() => StickerProvider());
     Get.lazyPut(() => AttachmentProvider());
-    Get.lazyPut(() => WebSocketProvider());
+    Get.lazyPut(() => NotificationProvider());
     Get.lazyPut(() => StatusProvider());
     Get.lazyPut(() => ChannelProvider());
     Get.lazyPut(() => RealmProvider());
@@ -154,6 +156,6 @@ class SolianApp extends StatelessWidget {
     Get.lazyPut(() => LastReadProvider());
     Get.lazyPut(() => SubscriptionProvider());
 
-    Get.find<WebSocketProvider>().requestPermissions();
+    Get.find<NotificationProvider>().requestPermissions();
   }
 }

lib/models/audit_log.dart

@@ -0,0 +1,38 @@
+import 'package:json_annotation/json_annotation.dart';
+import 'package:solian/models/account.dart';
+
+part 'audit_log.g.dart';
+
+@JsonSerializable()
+class AuditEvent {
+  int id;
+  DateTime createdAt;
+  DateTime updatedAt;
+  DateTime? deletedAt;
+  String type;
+  String target;
+  String location;
+  String ipAddress;
+  String userAgent;
+  Account account;
+  int accountId;
+
+  AuditEvent({
+    required this.id,
+    required this.createdAt,
+    required this.updatedAt,
+    required this.deletedAt,
+    required this.type,
+    required this.target,
+    required this.location,
+    required this.ipAddress,
+    required this.userAgent,
+    required this.account,
+    required this.accountId,
+  });
+
+  static AuditEvent fromJson(Map<String, dynamic> json) =>
+      _$AuditEventFromJson(json);
+
+  Map<String, dynamic> toJson() => _$AuditEventToJson(this);
+}

lib/models/audit_log.g.dart

@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'audit_log.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+AuditEvent _$AuditEventFromJson(Map<String, dynamic> json) => AuditEvent(
+      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),
+      type: json['type'] as String,
+      target: json['target'] as String,
+      location: json['location'] as String,
+      ipAddress: json['ip_address'] as String,
+      userAgent: json['user_agent'] as String,
+      account: Account.fromJson(json['account'] as Map<String, dynamic>),
+      accountId: (json['account_id'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$AuditEventToJson(AuditEvent instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'type': instance.type,
+      'target': instance.target,
+      'location': instance.location,
+      'ip_address': instance.ipAddress,
+      'user_agent': instance.userAgent,
+      'account': instance.account.toJson(),
+      'account_id': instance.accountId,
+    };

lib/models/notification.dart

@@ -1,18 +1,29 @@
+import 'package:flutter/material.dart';
 import 'package:json_annotation/json_annotation.dart';
 
 part 'notification.g.dart';
 
+const Map<String, IconData> NotificationTopicIcons = {
+  'passport.security.alert': Icons.gpp_maybe,
+  'interactive.subscription': Icons.subscriptions,
+  'interactive.feedback': Icons.add_reaction,
+  'messaging.callStart': Icons.call_received,
+};
+
 @JsonSerializable()
 class Notification {
   int id;
   DateTime createdAt;
   DateTime updatedAt;
   DateTime? deletedAt;
+  DateTime? readAt;
+  String topic;
   String title;
   String? subtitle;
   String body;
   String? avatar;
   String? picture;
+  Map<String, dynamic>? metadata;
   int? senderId;
   int accountId;
 
@@ -21,11 +32,14 @@ class Notification {
     required this.createdAt,
     required this.updatedAt,
     required this.deletedAt,
+    required this.readAt,
+    required this.topic,
     required this.title,
     required this.subtitle,
     required this.body,
     required this.avatar,
     required this.picture,
+    required this.metadata,
     required this.senderId,
     required this.accountId,
   });

lib/models/notification.g.dart

@@ -13,11 +13,16 @@ Notification _$NotificationFromJson(Map<String, dynamic> json) => Notification(
       deletedAt: json['deleted_at'] == null
           ? null
           : DateTime.parse(json['deleted_at'] as String),
+      readAt: json['read_at'] == null
+          ? null
+          : DateTime.parse(json['read_at'] as String),
+      topic: json['topic'] as String,
       title: json['title'] as String,
       subtitle: json['subtitle'] as String?,
       body: json['body'] as String,
       avatar: json['avatar'] as String?,
       picture: json['picture'] as String?,
+      metadata: json['metadata'] as Map<String, dynamic>?,
       senderId: (json['sender_id'] as num?)?.toInt(),
       accountId: (json['account_id'] as num).toInt(),
     );
@@ -28,11 +33,14 @@ Map<String, dynamic> _$NotificationToJson(Notification instance) =>
       'created_at': instance.createdAt.toIso8601String(),
       'updated_at': instance.updatedAt.toIso8601String(),
       'deleted_at': instance.deletedAt?.toIso8601String(),
+      'read_at': instance.readAt?.toIso8601String(),
+      'topic': instance.topic,
       'title': instance.title,
       'subtitle': instance.subtitle,
       'body': instance.body,
       'avatar': instance.avatar,
       'picture': instance.picture,
+      'metadata': instance.metadata,
       'sender_id': instance.senderId,
       'account_id': instance.accountId,
     };

lib/models/post.dart

@@ -1,10 +1,19 @@
 import 'package:json_annotation/json_annotation.dart';
 import 'package:solian/models/account.dart';
+import 'package:solian/models/attachment.dart';
 import 'package:solian/models/post_categories.dart';
 import 'package:solian/models/realm.dart';
 
 part 'post.g.dart';
 
+class PostPreload {
+  List<Attachment> attachments;
+
+  PostPreload({
+    required this.attachments,
+  });
+}
+
 @JsonSerializable()
 class Post {
   int id;
@@ -15,6 +24,7 @@ class Post {
   String? alias;
   String? areaAlias;
   dynamic body;
+  int visibility;
   List<Tag>? tags;
   List<Category>? categories;
   List<Post>? replies;
@@ -33,6 +43,9 @@ class Post {
   Account author;
   PostMetric? metric;
 
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  PostPreload? preload;
+
   Post({
     required this.id,
     required this.createdAt,
@@ -43,6 +56,7 @@ class Post {
     required this.areaAlias,
     required this.type,
     required this.body,
+    required this.visibility,
     required this.tags,
     required this.categories,
     required this.replies,

lib/models/post.g.dart

@@ -20,6 +20,7 @@ Post _$PostFromJson(Map<String, dynamic> json) => Post(
       areaAlias: json['area_alias'] as String?,
       type: json['type'] as String,
       body: json['body'],
+      visibility: (json['visibility'] as num).toInt(),
       tags: (json['tags'] as List<dynamic>?)
           ?.map((e) => Tag.fromJson(e as Map<String, dynamic>))
           .toList(),
@@ -67,6 +68,7 @@ Map<String, dynamic> _$PostToJson(Post instance) => <String, dynamic>{
       'alias': instance.alias,
       'area_alias': instance.areaAlias,
       'body': instance.body,
+      'visibility': instance.visibility,
       'tags': instance.tags?.map((e) => e.toJson()).toList(),
       'categories': instance.categories?.map((e) => e.toJson()).toList(),
       'replies': instance.replies?.map((e) => e.toJson()).toList(),

lib/providers/auth.dart

@@ -11,6 +11,7 @@ import 'package:solian/exceptions/request.dart';
 import 'package:solian/exceptions/unauthorized.dart';
 import 'package:solian/models/auth.dart';
 import 'package:solian/providers/database/database.dart';
+import 'package:solian/providers/notifications.dart';
 import 'package:solian/providers/websocket.dart';
 import 'package:solian/services.dart';
 
@@ -125,7 +126,7 @@ class AuthProvider extends GetConnect {
       userAgent: await ServiceFinder.getUserAgent(),
       sendUserAgent: true,
     );
-    client.httpClient.addAuthenticator(requestAuthenticator);
+    client.httpClient.addRequestModifier(requestAuthenticator);
     client.httpClient.baseUrl = ServiceFinder.buildUrl(service, null);
 
     return client;
@@ -174,7 +175,7 @@ class AuthProvider extends GetConnect {
     );
 
     Get.find<WebSocketProvider>().connect();
-    Get.find<WebSocketProvider>().notifyPrefetch();
+    Get.find<NotificationProvider>().fetchNotification();
 
     return credentials!;
   }
@@ -184,8 +185,8 @@ class AuthProvider extends GetConnect {
     userProfile.value = null;
 
     Get.find<WebSocketProvider>().disconnect();
-    Get.find<WebSocketProvider>().notifications.clear();
+    Get.find<NotificationProvider>().notifications.clear();
-    Get.find<WebSocketProvider>().notificationUnread.value = 0;
+    Get.find<NotificationProvider>().notificationUnread.value = 0;
 
     AppDatabase.removeDatabase();
     autoStopBackgroundNotificationService();

lib/providers/content/attachment.dart

@@ -23,6 +23,21 @@ class AttachmentProvider extends GetConnect {
 
   final Map<String, Attachment> _cachedResponses = {};
 
+  List<Attachment?> listMetadataFromCache(List<String> rid) {
+    if (rid.isEmpty) return List.empty();
+
+    List<Attachment?> result = List.filled(rid.length, null);
+    for (var idx = 0; idx < rid.length; idx++) {
+      if (_cachedResponses.containsKey(rid[idx])) {
+        result[idx] = _cachedResponses[rid[idx]];
+      } else {
+        result[idx] = null;
+      }
+    }
+
+    return result;
+  }
+
   Future<List<Attachment?>> listMetadata(
     List<String> rid, {
     noCache = false,
@@ -41,25 +56,27 @@ class AttachmentProvider extends GetConnect {
       }
     }
 
-    final resp = await get(
+    if (pendingQuery.isNotEmpty) {
-      '/attachments?take=${pendingQuery.length}&id=${pendingQuery.join(',')}',
+      final resp = await get(
-    );
+        '/attachments?take=${pendingQuery.length}&id=${pendingQuery.join(',')}',
-    if (resp.statusCode != 200) return result;
+      );
+      if (resp.statusCode != 200) return result;
 
-    final rawOut = PaginationResult.fromJson(resp.body);
+      final rawOut = PaginationResult.fromJson(resp.body);
-    if (rawOut.data == null) return result;
+      if (rawOut.data == null) return result;
 
-    final List<Attachment> out =
+      final List<Attachment> out =
-        rawOut.data!.map((x) => Attachment.fromJson(x)).toList();
+          rawOut.data!.map((x) => Attachment.fromJson(x)).toList();
-    for (final item in out) {
+      for (final item in out) {
-      if (item.destination != 0 && item.isAnalyzed) {
+        if (item.destination != 0 && item.isAnalyzed) {
-        _cachedResponses[item.rid] = item;
+          _cachedResponses[item.rid] = item;
+        }
       }
-    }
+      for (var i = 0; i < out.length; i++) {
-    for (var i = 0; i < out.length; i++) {
+        for (var j = 0; j < rid.length; j++) {
-      for (var j = 0; j < rid.length; j++) {
+          if (out[i].rid == rid[j]) {
-        if (out[i].rid == rid[j]) {
+            result[j] = out[i];
-          result[j] = out[i];
+          }
         }
       }
     }

lib/providers/content/posts.dart

@@ -3,22 +3,11 @@ import 'package:solian/exceptions/request.dart';
 import 'package:solian/exceptions/unauthorized.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/providers/auth.dart';
-import 'package:solian/services.dart';
-
-class PostProvider extends GetConnect {
-  @override
-  void onInit() {
-    httpClient.baseUrl = ServiceFinder.buildUrl('interactive', null);
-  }
 
+class PostProvider extends GetxController {
   Future<Response> seeWhatsNew(int pivot) async {
-    GetConnect client;
     final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.value) {
+    final client = await auth.configureClient('co');
-      client = await auth.configureClient('co');
-    } else {
-      client = await ServiceFinder.configureClient('co');
-    }
     final resp = await client.get('/whats-new?pivot=$pivot');
     if (resp.statusCode != 200) {
       throw RequestException(resp);
@@ -28,19 +17,14 @@ class PostProvider extends GetConnect {
   }
 
   Future<Response> listRecommendations(int page,
-      {String? realm, String? channel}) async {
+      {String? realm, String? channel, int take = 10}) async {
-    GetConnect client;
-    final AuthProvider auth = Get.find();
     final queries = [
-      'take=${10}',
+      'take=$take',
       'offset=$page',
       if (realm != null) 'realm=$realm',
     ];
-    if (auth.isAuthorized.value) {
+    final AuthProvider auth = Get.find();
-      client = await auth.configureClient('co');
+    final client = await auth.configureClient('interactive');
-    } else {
-      client = await ServiceFinder.configureClient('co');
-    }
     final resp = await client.get(
       channel == null
           ? '/recommendations?${queries.join('&')}'
@@ -60,9 +44,33 @@ class PostProvider extends GetConnect {
     final queries = [
       'take=${10}',
       'offset=$page',
+      'truncate=false',
     ];
     final client = await auth.configureClient('interactive');
-    final resp = await client.get('/posts/drafts?${queries.join('&')}');
+    final resp = await client.get(
+      '/posts/drafts?${queries.join('&')}',
+    );
+    if (resp.statusCode != 200) {
+      throw RequestException(resp);
+    }
+
+    return resp;
+  }
+
+  Future<Response> searchPost(String probe, int page,
+      {String? realm, String? author, tag, category, int take = 10}) async {
+    final queries = [
+      'probe=$probe',
+      'take=$take',
+      'offset=$page',
+      if (tag != null) 'tag=$tag',
+      if (category != null) 'category=$category',
+      if (author != null) 'author=$author',
+      if (realm != null) 'realm=$realm',
+    ];
+    final AuthProvider auth = Get.find();
+    final client = await auth.configureClient('co');
+    final resp = await client.get('/posts/search?${queries.join('&')}');
     if (resp.statusCode != 200) {
       throw RequestException(resp);
     }
@@ -71,16 +79,18 @@ class PostProvider extends GetConnect {
   }
 
   Future<Response> listPost(int page,
-      {String? realm, String? author, tag, category}) async {
+      {String? realm, String? author, tag, category, int take = 10}) async {
     final queries = [
-      'take=${10}',
+      'take=$take',
       'offset=$page',
       if (tag != null) 'tag=$tag',
       if (category != null) 'category=$category',
       if (author != null) 'author=$author',
       if (realm != null) 'realm=$realm',
     ];
-    final resp = await get('/posts?${queries.join('&')}');
+    final AuthProvider auth = Get.find();
+    final client = await auth.configureClient('co');
+    final resp = await client.get('/posts?${queries.join('&')}');
     if (resp.statusCode != 200) {
       throw RequestException(resp);
     }
@@ -89,7 +99,10 @@ class PostProvider extends GetConnect {
   }
 
   Future<Response> listPostReplies(String alias, int page) async {
-    final resp = await get('/posts/$alias/replies?take=${10}&offset=$page');
+    final AuthProvider auth = Get.find();
+    final client = await auth.configureClient('co');
+    final resp =
+        await client.get('/posts/$alias/replies?take=${10}&offset=$page');
     if (resp.statusCode != 200) {
       throw RequestException(resp);
     }
@@ -98,7 +111,9 @@ class PostProvider extends GetConnect {
   }
 
   Future<List<Post>> listPostFeaturedReply(String alias, {int take = 1}) async {
-    final resp = await get('/posts/$alias/replies/featured?take=$take');
+    final AuthProvider auth = Get.find();
+    final client = await auth.configureClient('co');
+    final resp = await client.get('/posts/$alias/replies/featured?take=$take');
     if (resp.statusCode != 200) {
       throw RequestException(resp);
     }
@@ -107,16 +122,9 @@ class PostProvider extends GetConnect {
   }
 
   Future<Response> getPost(String alias) async {
-    final resp = await get('/posts/$alias');
+    final AuthProvider auth = Get.find();
-    if (resp.statusCode != 200) {
+    final client = await auth.configureClient('co');
-      throw RequestException(resp);
+    final resp = await client.get('/posts/$alias');
-    }
-
-    return resp;
-  }
-
-  Future<Response> getArticle(String alias) async {
-    final resp = await get('/articles/$alias');
     if (resp.statusCode != 200) {
       throw RequestException(resp);
     }

lib/providers/experience.dart

@@ -4,19 +4,19 @@ import 'package:intl/intl.dart';
 class ExperienceProvider extends GetxController {
   static List<int> experienceToLevelRequirements = [
     0, // Level 0
-    100, // Level 1
+    1000, // Level 1
-    400, // Level 2
+    4000, // Level 2
-    900, // Level 3
+    9000, // Level 3
-    1600, // Level 4
+    16000, // Level 4
-    2500, // Level 5
+    25000, // Level 5
-    3600, // Level 6
+    36000, // Level 6
-    4900, // Level 7
+    49000, // Level 7
-    6400, // Level 8
+    64000, // Level 8
-    8100, // Level 9
+    81000, // Level 9
-    10000, // Level 10
+    100000, // Level 10
-    12100, // Level 11
+    121000, // Level 11
-    14400, // Level 12
+    144000, // Level 12
-    36800 // Level 13
+    368000 // Level 13
   ];
 
   static List<String> levelLabelMapping =
@@ -35,7 +35,7 @@ class ExperienceProvider extends GetxController {
     final idx = experienceToLevelRequirements.indexOf(exp);
     if (idx + 1 >= experienceToLevelRequirements.length) return 1;
     final nextExp = experienceToLevelRequirements[idx + 1];
-    return exp / nextExp;
+    return (experience - exp).abs() / (exp - nextExp).abs();
   }
 
   static String calcLevelUpProgressLevel(int experience) {
@@ -43,9 +43,9 @@ class ExperienceProvider extends GetxController {
         .firstWhere((x) => x <= experience);
     final idx = experienceToLevelRequirements.indexOf(exp);
     if (idx + 1 >= experienceToLevelRequirements.length) return 'Infinity';
-    final nextExp = experienceToLevelRequirements[idx + 1];
+    final nextExp = exp - experienceToLevelRequirements[idx + 1];
     final formatter =
         NumberFormat.compactCurrency(symbol: '', decimalDigits: 1);
-    return '${formatter.format(exp)}/${formatter.format(nextExp)}';
+    return '${formatter.format((exp - experience).abs())}/${formatter.format(nextExp.abs())}';
   }
 }

lib/providers/notifications.dart

@@ -0,0 +1,175 @@
+import 'dart:developer';
+
+import 'package:firebase_messaging/firebase_messaging.dart';
+import 'package:flutter_local_notifications/flutter_local_notifications.dart';
+import 'package:flutter_udid/flutter_udid.dart';
+import 'package:get/get.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/models/notification.dart';
+import 'package:solian/models/pagination.dart';
+import 'package:solian/platform.dart';
+import 'package:solian/providers/auth.dart';
+
+class NotificationProvider extends GetxController {
+  RxBool isBusy = false.obs;
+
+  RxInt notificationUnread = 0.obs;
+  RxList<Notification> notifications =
+      List<Notification>.empty(growable: true).obs;
+
+  Future<void> fetchNotification() async {
+    final AuthProvider auth = Get.find();
+    if (auth.isAuthorized.isFalse) return;
+
+    final client = await auth.configureClient('auth');
+
+    final resp = await client.get('/notifications?skip=0&take=100');
+    if (resp.statusCode == 200) {
+      final result = PaginationResult.fromJson(resp.body);
+      final data = result.data?.map((x) => Notification.fromJson(x)).toList();
+      if (data != null) {
+        notifications.addAll(data);
+        notificationUnread.value = data.where((x) => x.readAt == null).length;
+      }
+    }
+  }
+
+  Future<void> markAllRead() async {
+    final AuthProvider auth = Get.find();
+    if (auth.isAuthorized.isFalse) return;
+
+    isBusy.value = true;
+
+    final NotificationProvider nty = Get.find();
+
+    List<int> markList = List.empty(growable: true);
+    for (final element in nty.notifications) {
+      if (element.id <= 0) continue;
+      if (element.readAt != null) continue;
+      markList.add(element.id);
+    }
+
+    if (markList.isNotEmpty) {
+      final client = await auth.configureClient('auth');
+      await client.put('/notifications/read', {'messages': markList});
+    }
+
+    nty.notifications.value = nty.notifications.map((x) {
+      x.readAt = DateTime.now();
+      return x;
+    }).toList();
+    nty.notifications.refresh();
+
+    isBusy.value = false;
+  }
+
+  Future<void> markOneRead(Notification element, int index) async {
+    final AuthProvider auth = Get.find();
+    if (auth.isAuthorized.isFalse) return;
+
+    final NotificationProvider nty = Get.find();
+
+    if (element.id <= 0) {
+      nty.notifications.removeAt(index);
+      return;
+    } else if (element.readAt != null) {
+      return;
+    }
+
+    isBusy.value = true;
+
+    final client = await auth.configureClient('auth');
+
+    await client.put('/notifications/read/${element.id}', {});
+
+    nty.notifications[0].readAt = DateTime.now();
+    nty.notifications.refresh();
+
+    isBusy.value = false;
+  }
+
+  void requestPermissions() {
+    try {
+      FirebaseMessaging.instance.requestPermission(
+          alert: true,
+          announcement: true,
+          carPlay: true,
+          badge: true,
+          sound: true);
+    } catch (_) {
+      // When firebase isn't initialized (background service)
+      FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin =
+          FlutterLocalNotificationsPlugin();
+      flutterLocalNotificationsPlugin
+          .resolvePlatformSpecificImplementation<
+              AndroidFlutterLocalNotificationsPlugin>()
+          ?.requestNotificationsPermission();
+      flutterLocalNotificationsPlugin
+          .resolvePlatformSpecificImplementation<
+              IOSFlutterLocalNotificationsPlugin>()
+          ?.requestPermissions(
+            alert: true,
+            badge: true,
+            sound: true,
+          );
+      flutterLocalNotificationsPlugin
+          .resolvePlatformSpecificImplementation<
+              MacOSFlutterLocalNotificationsPlugin>()
+          ?.requestPermissions(
+            alert: true,
+            badge: true,
+            sound: true,
+          );
+    }
+  }
+
+  Future<void> registerPushNotifications() async {
+    if (PlatformInfo.isWeb) return;
+
+    final prefs = await SharedPreferences.getInstance();
+    if (prefs.getBool('service_background_notification') == true) {
+      log('Background notification service has been enabled, skip register push notifications');
+      return;
+    }
+
+    final AuthProvider auth = Get.find();
+    if (auth.isAuthorized.isFalse) return;
+
+    late final String? token;
+    late final String provider;
+    var deviceUuid = await _getDeviceUuid();
+
+    if (deviceUuid == null || deviceUuid.isEmpty) {
+      log("Unable to active push notifications, couldn't get device uuid");
+      return;
+    } else {
+      log('Device UUID is $deviceUuid');
+    }
+
+    if (PlatformInfo.isIOS || PlatformInfo.isMacOS) {
+      provider = 'apple';
+      token = await FirebaseMessaging.instance.getAPNSToken();
+    } else {
+      provider = 'firebase';
+      token = await FirebaseMessaging.instance.getToken();
+    }
+    log('Device Push Token is $token');
+
+    final client = await auth.configureClient('auth');
+
+    final resp = await client.post('/notifications/subscribe', {
+      'provider': provider,
+      'device_token': token,
+      'device_id': deviceUuid,
+    });
+    if (resp.statusCode != 200 && resp.statusCode != 400) {
+      throw RequestException(resp);
+    }
+  }
+
+  Future<String?> _getDeviceUuid() async {
+    if (PlatformInfo.isWeb) return null;
+    return await FlutterUdid.consistentUdid;
+  }
+}

lib/providers/websocket.dart

@@ -3,17 +3,11 @@ import 'dart:convert';
 import 'dart:developer';
 import 'dart:io';
 
-import 'package:device_info_plus/device_info_plus.dart';
-import 'package:firebase_messaging/firebase_messaging.dart';
-import 'package:flutter_local_notifications/flutter_local_notifications.dart';
 import 'package:get/get.dart';
-import 'package:shared_preferences/shared_preferences.dart';
-import 'package:solian/exceptions/request.dart';
 import 'package:solian/models/notification.dart';
 import 'package:solian/models/packet.dart';
-import 'package:solian/models/pagination.dart';
-import 'package:solian/platform.dart';
 import 'package:solian/providers/auth.dart';
+import 'package:solian/providers/notifications.dart';
 import 'package:solian/services.dart';
 import 'package:web_socket_channel/web_socket_channel.dart';
 
@@ -21,56 +15,10 @@ class WebSocketProvider extends GetxController {
   RxBool isConnected = false.obs;
   RxBool isConnecting = false.obs;
 
-  RxInt notificationUnread = 0.obs;
-  RxList<Notification> notifications =
-      List<Notification>.empty(growable: true).obs;
-
   WebSocketChannel? websocket;
 
   StreamController<NetworkPackage> stream = StreamController.broadcast();
 
-  @override
-  onInit() {
-    notifyPrefetch();
-
-    super.onInit();
-  }
-
-  void requestPermissions() {
-    try {
-      FirebaseMessaging.instance.requestPermission(
-          alert: true,
-          announcement: true,
-          carPlay: true,
-          badge: true,
-          sound: true);
-    } catch (_) {
-      // When firebase isn't initialized (background service)
-      FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin =
-          FlutterLocalNotificationsPlugin();
-      flutterLocalNotificationsPlugin
-          .resolvePlatformSpecificImplementation<
-              AndroidFlutterLocalNotificationsPlugin>()
-          ?.requestNotificationsPermission();
-      flutterLocalNotificationsPlugin
-          .resolvePlatformSpecificImplementation<
-              IOSFlutterLocalNotificationsPlugin>()
-          ?.requestPermissions(
-            alert: true,
-            badge: true,
-            sound: true,
-          );
-      flutterLocalNotificationsPlugin
-          .resolvePlatformSpecificImplementation<
-              MacOSFlutterLocalNotificationsPlugin>()
-          ?.requestPermissions(
-            alert: true,
-            badge: true,
-            sound: true,
-          );
-    }
-  }
-
   Future<void> connect({noRetry = false}) async {
     if (isConnected.value) {
       return;
@@ -119,8 +67,9 @@ class WebSocketProvider extends GetxController {
         log('Websocket incoming message: ${packet.method} ${packet.message}');
         stream.sink.add(packet);
         if (packet.method == 'notifications.new') {
-          notifications.add(Notification.fromJson(packet.payload!));
+          final NotificationProvider nty = Get.find();
-          notificationUnread.value++;
+          nty.notifications.add(Notification.fromJson(packet.payload!));
+          nty.notificationUnread.value++;
         }
       },
       onDone: () {
@@ -133,95 +82,4 @@ class WebSocketProvider extends GetxController {
       },
     );
   }
-
-  Future<void> notifyPrefetch() async {
-    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) return;
-
-    final client = await auth.configureClient('auth');
-
-    final resp = await client.get('/notifications?skip=0&take=100');
-    if (resp.statusCode == 200) {
-      final result = PaginationResult.fromJson(resp.body);
-      final data = result.data?.map((x) => Notification.fromJson(x)).toList();
-      if (data != null) {
-        notifications.addAll(data);
-        notificationUnread.value = data.length;
-      }
-    }
-  }
-
-  Future<void> registerPushNotifications() async {
-    if (PlatformInfo.isWeb) return;
-
-    final prefs = await SharedPreferences.getInstance();
-    if (prefs.getBool('service_background_notification') == true) {
-      log('Background notification service has been enabled, skip register push notifications');
-      return;
-    }
-
-    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) return;
-
-    late final String? token;
-    late final String provider;
-    final deviceUuid = await _getDeviceUuid();
-
-    if (deviceUuid == null || deviceUuid.isEmpty) {
-      log("Unable to active push notifications, couldn't get device uuid");
-    } else {
-      log('Device UUID is $deviceUuid');
-    }
-
-    if (PlatformInfo.isIOS || PlatformInfo.isMacOS) {
-      provider = 'apple';
-      token = await FirebaseMessaging.instance.getAPNSToken();
-    } else {
-      provider = 'firebase';
-      token = await FirebaseMessaging.instance.getToken();
-    }
-    log('Device Push Token is $token');
-
-    final client = await auth.configureClient('auth');
-
-    final resp = await client.post('/notifications/subscribe', {
-      'provider': provider,
-      'device_token': token,
-      'device_id': deviceUuid,
-    });
-    if (resp.statusCode != 200 && resp.statusCode != 400) {
-      throw RequestException(resp);
-    }
-  }
-
-  Future<String?> _getDeviceUuid() async {
-    DeviceInfoPlugin deviceInfo = DeviceInfoPlugin();
-    if (PlatformInfo.isWeb) {
-      final webInfo = await deviceInfo.webBrowserInfo;
-      return webInfo.vendor! +
-          webInfo.userAgent! +
-          webInfo.hardwareConcurrency.toString();
-    }
-    if (PlatformInfo.isAndroid) {
-      final androidInfo = await deviceInfo.androidInfo;
-      return androidInfo.id;
-    }
-    if (PlatformInfo.isIOS) {
-      final iosInfo = await deviceInfo.iosInfo;
-      return iosInfo.identifierForVendor!;
-    }
-    if (PlatformInfo.isLinux) {
-      final linuxInfo = await deviceInfo.linuxInfo;
-      return linuxInfo.machineId!;
-    }
-    if (PlatformInfo.isWindows) {
-      final windowsInfo = await deviceInfo.windowsInfo;
-      return windowsInfo.deviceId;
-    }
-    if (PlatformInfo.isMacOS) {
-      final macosInfo = await deviceInfo.macOsInfo;
-      return macosInfo.systemGUID;
-    }
-    return null;
-  }
 }

lib/router.dart

@@ -2,11 +2,14 @@ import 'package:animations/animations.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:solian/bootstrapper.dart';
+import 'package:solian/models/post.dart';
 import 'package:solian/models/realm.dart';
 import 'package:solian/screens/about.dart';
 import 'package:solian/screens/account.dart';
+import 'package:solian/screens/account/audit_log.dart';
 import 'package:solian/screens/account/friend.dart';
 import 'package:solian/screens/account/preferences/notifications.dart';
+import 'package:solian/screens/account/preferences/security.dart';
 import 'package:solian/screens/account/profile_edit.dart';
 import 'package:solian/screens/account/profile_page.dart';
 import 'package:solian/screens/auth/signin.dart';
@@ -16,9 +19,9 @@ import 'package:solian/screens/channel/channel_detail.dart';
 import 'package:solian/screens/channel/channel_organize.dart';
 import 'package:solian/screens/chat.dart';
 import 'package:solian/screens/dashboard.dart';
-import 'package:solian/screens/feed/search.dart';
+import 'package:solian/screens/posts/post_search.dart';
 import 'package:solian/screens/posts/post_detail.dart';
-import 'package:solian/screens/feed/draft_box.dart';
+import 'package:solian/screens/posts/draft_box.dart';
 import 'package:solian/screens/realms.dart';
 import 'package:solian/screens/realms/realm_detail.dart';
 import 'package:solian/screens/realms/realm_organize.dart';
@@ -94,7 +97,7 @@ abstract class AppRouter {
         name: 'postSearch',
         builder: (context, state) => TitleShell(
           state: state,
-          child: FeedSearchScreen(
+          child: PostSearchScreen(
             tag: state.uri.queryParameters['tag'],
             category: state.uri.queryParameters['category'],
           ),
@@ -107,6 +110,7 @@ abstract class AppRouter {
           state: state,
           child: PostDetailScreen(
             id: state.pathParameters['id']!,
+            post: state.extra as Post?,
           ),
         ),
       ),
@@ -178,6 +182,7 @@ abstract class AppRouter {
           final arguments = state.extra as ChannelDetailArguments;
           return TitleShell(
             state: state,
+            isResponsive: true,
             child: ChannelDetailScreen(
               channel: arguments.channel,
               profile: arguments.profile,
@@ -263,6 +268,22 @@ abstract class AppRouter {
           child: const NotificationPreferencesScreen(),
         ),
       ),
+      GoRoute(
+        path: '/account/preferences/auth',
+        name: 'authPreferences',
+        builder: (context, state) => TitleShell(
+          state: state,
+          child: const AuthPreferencesScreen(),
+        ),
+      ),
+      GoRoute(
+        path: '/account/audit',
+        name: 'auditLog',
+        builder: (context, state) => TitleShell(
+          state: state,
+          child: const AuditLogScreen(),
+        ),
+      ),
       GoRoute(
         path: '/account/view/:name',
         name: 'accountProfilePage',

lib/screens/about.dart

@@ -4,7 +4,6 @@ import 'package:get/get.dart';
 import 'package:intl/intl.dart';
 import 'package:package_info_plus/package_info_plus.dart';
 import 'package:shared_preferences/shared_preferences.dart';
-import 'package:solian/widgets/root_container.dart';
 import 'package:solian/widgets/sized_container.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
@@ -16,132 +15,130 @@ class AboutScreen extends StatelessWidget {
     const denseButtonStyle =
         ButtonStyle(visualDensity: VisualDensity(vertical: -4));
 
-    return RootContainer(
+    return SizedBox(
-      child: SizedBox(
+      width: double.infinity,
-        width: double.infinity,
+      child: Column(
-        child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
-          mainAxisAlignment: MainAxisAlignment.center,
+        children: [
-          children: [
+          ClipRRect(
-            ClipRRect(
+            borderRadius: const BorderRadius.all(Radius.circular(16)),
-              borderRadius: const BorderRadius.all(Radius.circular(16)),
+            child: Image.asset('assets/logo.png', width: 120, height: 120),
-              child: Image.asset('assets/logo.png', width: 120, height: 120),
+          ),
-            ),
+          const Gap(8),
-            const Gap(8),
+          Text(
-            Text(
+            'Solian',
-              'Solian',
+            style: Theme.of(context).textTheme.headlineMedium,
-              style: Theme.of(context).textTheme.headlineMedium,
+          ),
-            ),
+          const Text(
-            const Text(
+            'The Solar Network',
-              'The Solar Network',
+            style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
-              style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+          ),
-            ),
+          const Gap(8),
-            const Gap(8),
+          FutureBuilder(
-            FutureBuilder(
+            future: PackageInfo.fromPlatform(),
-              future: PackageInfo.fromPlatform(),
+            builder: (context, snapshot) {
-              builder: (context, snapshot) {
+              if (!snapshot.hasData) {
-                if (!snapshot.hasData) {
+                return const SizedBox.shrink();
-                  return const SizedBox.shrink();
+              }
-                }
 
-                return Text(
+              return Text(
-                  'v${snapshot.data!.version} · ${snapshot.data!.buildNumber}',
+                'v${snapshot.data!.version} · ${snapshot.data!.buildNumber}',
-                  style: const TextStyle(fontFamily: 'monospace'),
+                style: const TextStyle(fontFamily: 'monospace'),
-                );
+              );
-              },
+            },
-            ),
+          ),
-            Text('Copyright © ${DateTime.now().year} Solsynth LLC'),
+          Text('Copyright © ${DateTime.now().year} Solsynth LLC'),
-            const Gap(16),
+          const Gap(16),
-            CenteredContainer(
+          CenteredContainer(
-              maxWidth: 280,
+            maxWidth: 280,
-              child: Wrap(
+            child: Wrap(
-                spacing: 4,
+              spacing: 4,
-                runSpacing: 4,
+              runSpacing: 4,
-                alignment: WrapAlignment.center,
+              alignment: WrapAlignment.center,
-                children: [
+              children: [
-                  TextButton(
+                TextButton(
-                    style: denseButtonStyle,
+                  style: denseButtonStyle,
-                    child: Text('appDetails'.tr),
+                  child: Text('appDetails'.tr),
-                    onPressed: () async {
+                  onPressed: () async {
-                      final info = await PackageInfo.fromPlatform();
+                    final info = await PackageInfo.fromPlatform();
 
-                      showAboutDialog(
+                    showAboutDialog(
-                        context: context,
+                      context: context,
-                        applicationVersion:
+                      applicationVersion:
-                            '${info.version} (${info.buildNumber})',
+                          '${info.version} (${info.buildNumber})',
-                        applicationLegalese:
+                      applicationLegalese:
-                            'The Solar Network App is an intuitive and open-source social network and computing platform. Experience the freedom of a user-friendly design that empowers you to create and connect with communities on your own terms. Embrace the future of social networking with a platform that prioritizes your independence and privacy.',
+                          'The Solar Network App is an intuitive and open-source social network and computing platform. Experience the freedom of a user-friendly design that empowers you to create and connect with communities on your own terms. Embrace the future of social networking with a platform that prioritizes your independence and privacy.',
-                        applicationIcon: ClipRRect(
+                      applicationIcon: ClipRRect(
-                          borderRadius:
+                        borderRadius:
-                              const BorderRadius.all(Radius.circular(16)),
+                            const BorderRadius.all(Radius.circular(16)),
-                          child: Image.asset('assets/logo.png',
+                        child: Image.asset('assets/logo.png',
-                              width: 60, height: 60),
+                            width: 60, height: 60),
-                        ),
+                      ),
-                      );
+                    );
-                    },
+                  },
-                  ),
+                ),
-                  TextButton(
+                TextButton(
-                    style: denseButtonStyle,
+                  style: denseButtonStyle,
-                    child: Text('projectWebsite'.tr),
+                  child: Text('projectWebsite'.tr),
-                    onPressed: () {
+                  onPressed: () {
-                      launchUrlString(
+                    launchUrlString(
-                          'https://solsynth.dev/products/solar-network');
+                        'https://solsynth.dev/products/solar-network');
-                    },
+                  },
-                  ),
+                ),
-                  TextButton(
+                TextButton(
-                    style: denseButtonStyle,
+                  style: denseButtonStyle,
-                    child: Text('termRelated'.tr),
+                  child: Text('termRelated'.tr),
-                    onPressed: () {
+                  onPressed: () {
-                      launchUrlString('https://solsynth.dev/terms');
+                    launchUrlString('https://solsynth.dev/terms');
-                    },
+                  },
-                  ),
+                ),
-                  TextButton(
+                TextButton(
-                    style: denseButtonStyle,
+                  style: denseButtonStyle,
-                    child: Text('serviceStatus'.tr),
+                  child: Text('serviceStatus'.tr),
-                    onPressed: () {
+                  onPressed: () {
-                      launchUrlString('https://status.solsynth.dev');
+                    launchUrlString('https://status.solsynth.dev');
-                    },
+                  },
-                  ),
+                ),
-                ],
+              ],
-              ),
             ),
-            const Gap(16),
+          ),
-            const Text(
+          const Gap(16),
-              'Open-sourced under AGPLv3',
+          const Text(
-              style: TextStyle(
+            'Open-sourced under AGPLv3',
+            style: TextStyle(
+              fontWeight: FontWeight.w300,
+              fontSize: 12,
+            ),
+          ),
+          FutureBuilder(
+            future: SharedPreferences.getInstance(),
+            builder: (context, snapshot) {
+              const textStyle = TextStyle(
                 fontWeight: FontWeight.w300,
                 fontSize: 12,
-              ),
+              );
-            ),
+              if (!snapshot.hasData ||
-            FutureBuilder(
+                  !snapshot.data!.containsKey('first_boot_time')) {
-              future: SharedPreferences.getInstance(),
+                return Text(
-              builder: (context, snapshot) {
+                  'firstBootTime'.trParams({'time': 'unknown'.tr}),
-                const textStyle = TextStyle(
+                  style: textStyle,
-                  fontWeight: FontWeight.w300,
-                  fontSize: 12,
                 );
-                if (!snapshot.hasData ||
+              } else {
-                    !snapshot.data!.containsKey('first_boot_time')) {
+                return Text(
-                  return Text(
+                  'firstBootTime'.trParams({
-                    'firstBootTime'.trParams({'time': 'unknown'.tr}),
+                    'time': DateFormat('yyyy-MM-dd').format(
-                    style: textStyle,
+                      DateTime.tryParse(
-                  );
+                            snapshot.data!.getString('first_boot_time')!,
-                } else {
+                          )?.toLocal() ??
-                  return Text(
+                          DateTime.now(),
-                    'firstBootTime'.trParams({
+                    ),
-                      'time': DateFormat('yyyy-MM-dd').format(
+                  }),
-                        DateTime.tryParse(
+                  style: textStyle,
-                              snapshot.data!.getString('first_boot_time')!,
+                );
-                            )?.toLocal() ??
+              }
-                            DateTime.now(),
+            },
-                      ),
+          ),
-                    }),
+        ],
-                    style: textStyle,
-                  );
-                }
-              },
-            ),
-          ],
-        ),
       ),
     );
   }

lib/screens/account.dart

@@ -7,7 +7,6 @@ import 'package:solian/providers/account_status.dart';
 import 'package:solian/providers/relation.dart';
 import 'package:solian/router.dart';
 import 'package:solian/widgets/account/account_heading.dart';
-import 'package:solian/widgets/root_container.dart';
 import 'package:solian/widgets/sized_container.dart';
 import 'package:badges/badges.dart' as badges;
 
@@ -50,112 +49,128 @@ class _AccountScreenState extends State<AccountScreen> {
 
     final AuthProvider auth = Get.find();
 
-    return RootContainer(
+    return SafeArea(
-      child: SafeArea(
+      child: Obx(() {
-        child: Obx(() {
+        if (auth.isAuthorized.isFalse) {
-          if (auth.isAuthorized.isFalse) {
+          return Center(
-            return Center(
+            child: Column(
-              child: Column(
+              mainAxisSize: MainAxisSize.min,
-                mainAxisSize: MainAxisSize.min,
-                children: [
-                  _ActionCard(
-                    icon: Icon(
-                      Icons.login,
-                      color: Theme.of(context).colorScheme.onPrimary,
-                    ),
-                    title: 'signin'.tr,
-                    caption: 'signinCaption'.tr,
-                    onTap: () {
-                      AppRouter.instance.pushNamed('signin').then((val) async {
-                        if (val == true) {
-                          await auth.refreshUserProfile();
-                        }
-                      });
-                    },
-                  ),
-                  _ActionCard(
-                    icon: Icon(
-                      Icons.add,
-                      color: Theme.of(context).colorScheme.onPrimary,
-                    ),
-                    title: 'signup'.tr,
-                    caption: 'signupCaption'.tr,
-                    onTap: () {
-                      AppRouter.instance.pushNamed('signup').then((_) {
-                        setState(() {});
-                      });
-                    },
-                  ),
-                  const Gap(4),
-                  TextButton(
-                    style: const ButtonStyle(
-                      visualDensity: VisualDensity(
-                        horizontal: -4,
-                        vertical: -2,
-                      ),
-                    ),
-                    onPressed: () {
-                      AppRouter.instance.pushNamed('settings');
-                    },
-                    child: Text('settings'.tr),
-                  ),
-                ],
-              ),
-            );
-          }
-
-          return CenteredContainer(
-            child: ListView(
               children: [
-                if (auth.userProfile.value != null)
+                _ActionCard(
-                  const AccountHeading().paddingOnly(bottom: 8, top: 8),
+                  icon: Icon(
-                ...(actionItems.map(
+                    Icons.login,
-                  (x) => ListTile(
+                    color: Theme.of(context).colorScheme.onPrimary,
-                    contentPadding: const EdgeInsets.symmetric(horizontal: 34),
-                    leading: x.$1,
-                    title: Text(x.$2),
-                    onTap: () {
-                      AppRouter.instance
-                          .pushNamed(x.$3)
-                          .then((_) => setState(() {}));
-                    },
                   ),
-                )),
+                  title: 'signin'.tr,
-                const Divider(thickness: 0.3, height: 1)
+                  caption: 'signinCaption'.tr,
-                    .paddingSymmetric(vertical: 4),
-                ListTile(
-                  contentPadding: const EdgeInsets.symmetric(horizontal: 34),
-                  leading: const Icon(Icons.settings),
-                  title: Text('settings'.tr),
                   onTap: () {
-                    AppRouter.instance.pushNamed('settings');
+                    AppRouter.instance.pushNamed('signin').then((val) async {
+                      if (val == true) {
+                        await auth.refreshUserProfile();
+                      }
+                    });
                   },
                 ),
-                if (auth.isAuthorized.value)
+                _ActionCard(
-                  ListTile(
+                  icon: Icon(
-                    contentPadding: const EdgeInsets.symmetric(horizontal: 34),
+                    Icons.add,
-                    leading: const Icon(Icons.edit_notifications),
+                    color: Theme.of(context).colorScheme.onPrimary,
-                    title: Text('notificationPreferences'.tr),
-                    onTap: () {
-                      AppRouter.instance.pushNamed('notificationPreferences');
-                    },
                   ),
-                const Divider(thickness: 0.3, height: 1)
+                  title: 'signup'.tr,
-                    .paddingSymmetric(vertical: 4),
+                  caption: 'signupCaption'.tr,
-                ListTile(
-                  contentPadding: const EdgeInsets.symmetric(horizontal: 34),
-                  leading: const Icon(Icons.logout),
-                  title: Text('signout'.tr),
                   onTap: () {
-                    auth.signout();
+                    AppRouter.instance.pushNamed('signup').then((_) {
-                    setState(() {});
+                      setState(() {});
+                    });
                   },
                 ),
+                const Gap(4),
+                TextButton(
+                  style: const ButtonStyle(
+                    visualDensity: VisualDensity(
+                      horizontal: -4,
+                      vertical: -2,
+                    ),
+                  ),
+                  onPressed: () {
+                    AppRouter.instance.pushNamed('settings');
+                  },
+                  child: Text('settings'.tr),
+                ),
               ],
             ),
           );
-        }),
+        }
-      ),
+
+        return CenteredContainer(
+          child: ListView(
+            children: [
+              if (auth.userProfile.value != null)
+                const AccountHeading().paddingOnly(bottom: 8, top: 16),
+              ...(actionItems.map(
+                (x) => ListTile(
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 34),
+                  leading: x.$1,
+                  title: Text(x.$2),
+                  onTap: () {
+                    AppRouter.instance
+                        .pushNamed(x.$3)
+                        .then((_) => setState(() {}));
+                  },
+                ),
+              )),
+              const Divider(thickness: 0.3, height: 1)
+                  .paddingSymmetric(vertical: 4),
+              ListTile(
+                contentPadding: const EdgeInsets.symmetric(horizontal: 34),
+                leading: const Icon(Icons.settings),
+                title: Text('settings'.tr),
+                onTap: () {
+                  AppRouter.instance.pushNamed('settings');
+                },
+              ),
+              if (auth.isAuthorized.value)
+                ListTile(
+                  leading: const Icon(Icons.event_repeat),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 34),
+                  title: Text('auditLog'.tr),
+                  onTap: () {
+                    AppRouter.instance.pushNamed('auditLog');
+                  },
+                ),
+              if (auth.isAuthorized.value)
+                ListTile(
+                  leading: const Icon(Icons.lock),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 34),
+                  title: Text('authPreferences'.tr),
+                  onTap: () {
+                    AppRouter.instance.pushNamed('authPreferences');
+                  },
+                ),
+              if (auth.isAuthorized.value)
+                ListTile(
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 34),
+                  leading: const Icon(Icons.edit_notifications),
+                  title: Text('notificationPreferences'.tr),
+                  onTap: () {
+                    AppRouter.instance.pushNamed('notificationPreferences');
+                  },
+                ),
+              const Divider(thickness: 0.3, height: 1)
+                  .paddingSymmetric(vertical: 4),
+              ListTile(
+                contentPadding: const EdgeInsets.symmetric(horizontal: 34),
+                leading: const Icon(Icons.logout),
+                title: Text('signout'.tr),
+                onTap: () {
+                  auth.signout();
+                  setState(() {});
+                },
+              ),
+            ],
+          ),
+        );
+      }),
     );
   }
 }

lib/screens/account/audit_log.dart

@@ -0,0 +1,154 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:get/get.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:marquee/marquee.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exts.dart';
+import 'package:solian/models/audit_log.dart';
+import 'package:solian/models/pagination.dart';
+import 'package:solian/providers/auth.dart';
+import 'package:solian/widgets/relative_date.dart';
+import 'package:very_good_infinite_list/very_good_infinite_list.dart';
+import 'package:timeline_tile/timeline_tile.dart';
+
+class AuditLogScreen extends StatefulWidget {
+  const AuditLogScreen({super.key});
+
+  @override
+  State<AuditLogScreen> createState() => _AuditLogScreenState();
+}
+
+class _AuditLogScreenState extends State<AuditLogScreen> {
+  bool _isBusy = true;
+
+  final List<AuditEvent> _events = List.empty(growable: true);
+
+  Future<void> _getEvents() async {
+    if (!_isBusy) setState(() => _isBusy = true);
+
+    final AuthProvider auth = Get.find();
+    final client = await auth.configureClient('id');
+    final resp =
+        await client.get('/users/me/events?take=15&offset=${_events.length}');
+    if (resp.statusCode != 200) {
+      context.showErrorDialog(RequestException(resp));
+    }
+
+    final result = PaginationResult.fromJson(resp.body);
+
+    setState(() {
+      _events.addAll(
+        result.data?.map((x) => AuditEvent.fromJson(x)).toList() ??
+            List.empty(),
+      );
+      _isBusy = false;
+    });
+  }
+
+  bool _showIp = false;
+
+  String _censorIpAddress(String ip) {
+    List<String> parts = ip.split('.');
+
+    if (parts.length == 4) {
+      String censoredPart1 = '*' * parts[1].length;
+      String censoredPart2 = '*' * parts[2].length;
+      String censoredPart3 = '*' * parts[3].length;
+
+      return '${parts[0]}.$censoredPart1.$censoredPart2.$censoredPart3';
+    } else {
+      return '***.***.***.***';
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _getEvents();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        CheckboxListTile(
+          value: _showIp,
+          title: Text('showIp'.tr),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          secondary: const Icon(Icons.alternate_email),
+          tileColor:
+              Theme.of(context).colorScheme.surfaceContainer.withOpacity(0.5),
+          onChanged: (val) {
+            setState(() => _showIp = val ?? false);
+          },
+        ),
+        Expanded(
+          child: RefreshIndicator(
+            onRefresh: () {
+              _events.clear();
+              return _getEvents();
+            },
+            child: InfiniteList(
+              padding: const EdgeInsets.symmetric(vertical: 12),
+              itemCount: _events.length,
+              isLoading: _isBusy,
+              onFetchData: () {
+                _getEvents();
+              },
+              itemBuilder: (context, idx) {
+                final element = _events[idx];
+                return TimelineTile(
+                  isFirst: idx == 0,
+                  isLast: _events.length - 1 == idx,
+                  alignment: TimelineAlign.start,
+                  indicatorStyle: IndicatorStyle(width: 15),
+                  endChild: Container(
+                    child: Card(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            element.type,
+                            style: GoogleFonts.robotoMono(fontSize: 15),
+                          ),
+                          Text(
+                            _showIp
+                                ? element.ipAddress
+                                : _censorIpAddress(element.ipAddress),
+                            style: GoogleFonts.sourceCodePro(
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                          SizedBox(
+                            height: 20,
+                            width: double.maxFinite,
+                            child: Marquee(
+                              text: element.userAgent,
+                              velocity: 25,
+                              startAfter: Duration(milliseconds: 500),
+                              pauseAfterRound: Duration(milliseconds: 3000),
+                            ),
+                          ),
+                          Row(
+                            children: [
+                              RelativeDate(element.createdAt),
+                              const Gap(6),
+                              Text('·'),
+                              const Gap(6),
+                              RelativeDate(element.createdAt, isFull: true),
+                            ],
+                          ),
+                        ],
+                      ).paddingSymmetric(horizontal: 12, vertical: 8),
+                    ).paddingOnly(left: 16),
+                  ),
+                ).paddingSymmetric(horizontal: 18);
+              },
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/screens/account/notification.dart

@@ -1,9 +1,14 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
-import 'package:solian/providers/websocket.dart';
+import 'package:solian/models/notification.dart';
-import 'package:solian/providers/auth.dart';
+import 'package:solian/models/post.dart';
-import 'package:solian/models/notification.dart' as notify;
+import 'package:solian/providers/notifications.dart';
+import 'package:solian/router.dart';
+import 'package:solian/widgets/loading_indicator.dart';
+import 'package:solian/widgets/markdown_text_content.dart';
+import 'package:solian/widgets/posts/post_item.dart';
+import 'package:solian/widgets/relative_date.dart';
 import 'package:uuid/uuid.dart';
 
 class NotificationScreen extends StatefulWidget {
@@ -14,57 +19,9 @@ class NotificationScreen extends StatefulWidget {
 }
 
 class _NotificationScreenState extends State<NotificationScreen> {
-  bool _isBusy = false;
-
-  Future<void> _markAllRead() async {
-    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) return;
-
-    setState(() => _isBusy = true);
-
-    final WebSocketProvider provider = Get.find();
-
-    List<int> markList = List.empty(growable: true);
-    for (final element in provider.notifications) {
-      if (element.id <= 0) continue;
-      markList.add(element.id);
-    }
-
-    if (markList.isNotEmpty) {
-      final client = await auth.configureClient('auth');
-      await client.put('/notifications/read', {'messages': markList});
-    }
-
-    provider.notifications.clear();
-
-    setState(() => _isBusy = false);
-  }
-
-  Future<void> _markOneRead(notify.Notification element, int index) async {
-    final AuthProvider auth = Get.find();
-    if (auth.isAuthorized.isFalse) return;
-
-    final WebSocketProvider provider = Get.find();
-
-    if (element.id <= 0) {
-      provider.notifications.removeAt(index);
-      return;
-    }
-
-    setState(() => _isBusy = true);
-
-    final client = await auth.configureClient('auth');
-
-    await client.put('/notifications/read/${element.id}', {});
-
-    provider.notifications.removeAt(index);
-
-    setState(() => _isBusy = false);
-  }
-
   @override
   Widget build(BuildContext context) {
-    final WebSocketProvider ws = Get.find();
+    final NotificationProvider nty = Get.find();
 
     return SizedBox(
       height: MediaQuery.of(context).size.height * 0.85,
@@ -77,71 +34,172 @@ class _NotificationScreenState extends State<NotificationScreen> {
           ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
           Expanded(
             child: Obx(() {
-              return CustomScrollView(
+              return RefreshIndicator(
-                slivers: [
+                onRefresh: () => nty.fetchNotification(),
-                  if (_isBusy)
+                child: CustomScrollView(
+                  slivers: [
                     SliverToBoxAdapter(
-                      child: const LinearProgressIndicator().animate().scaleX(),
+                      child: LoadingIndicator(
-                    ),
+                        isActive: nty.isBusy.value,
-                  if (ws.notifications.isEmpty)
-                    SliverToBoxAdapter(
-                      child: Container(
-                        padding: const EdgeInsets.symmetric(horizontal: 10),
-                        color:
-                            Theme.of(context).colorScheme.surfaceContainerHigh,
-                        child: ListTile(
-                          leading: const Icon(Icons.check),
-                          title: Text('notifyEmpty'.tr),
-                          subtitle: Text('notifyEmptyCaption'.tr),
-                        ),
                       ),
                     ),
-                  if (ws.notifications.isNotEmpty)
+                    if (nty.notifications
-                    SliverToBoxAdapter(
+                        .where((x) => x.readAt == null)
-                      child: Container(
+                        .isEmpty)
-                        padding: const EdgeInsets.symmetric(horizontal: 10),
+                      SliverToBoxAdapter(
-                        color: Theme.of(context).colorScheme.secondaryContainer,
+                        child: Container(
-                        child: ListTile(
+                          padding: const EdgeInsets.symmetric(horizontal: 10),
-                          leading: const Icon(Icons.checklist),
+                          color: Theme.of(context)
-                          title: Text('notifyAllRead'.tr),
+                              .colorScheme
-                          onTap: _isBusy ? null : () => _markAllRead(),
+                              .surfaceContainerHigh,
+                          child: ListTile(
+                            leading: const Icon(Icons.check),
+                            title: Text('notifyEmpty'.tr),
+                            subtitle: Text('notifyEmptyCaption'.tr),
+                          ),
                         ),
                       ),
+                    if (nty.notifications
+                        .where((x) => x.readAt == null)
+                        .isNotEmpty)
+                      SliverToBoxAdapter(
+                        child: Container(
+                          padding: const EdgeInsets.symmetric(horizontal: 10),
+                          color:
+                              Theme.of(context).colorScheme.secondaryContainer,
+                          child: ListTile(
+                            leading: const Icon(Icons.checklist),
+                            title: Text('notifyAllRead'.tr),
+                            onTap: nty.isBusy.value
+                                ? null
+                                : () => nty.markAllRead(),
+                          ),
+                        ),
+                      ),
+                    SliverList.separated(
+                      itemCount: nty.notifications.length,
+                      itemBuilder: (BuildContext context, int index) {
+                        var element = nty.notifications[index];
+                        return ClipRect(
+                          child: Dismissible(
+                            direction: element.readAt == null
+                                ? DismissDirection.horizontal
+                                : DismissDirection.none,
+                            key: Key(const Uuid().v4()),
+                            background: Container(
+                              color: Colors.lightBlue,
+                              padding:
+                                  const EdgeInsets.symmetric(horizontal: 20),
+                              alignment: Alignment.centerLeft,
+                              child:
+                                  const Icon(Icons.check, color: Colors.white),
+                            ),
+                            secondaryBackground: Container(
+                              color: Colors.lightBlue,
+                              padding:
+                                  const EdgeInsets.symmetric(horizontal: 20),
+                              alignment: Alignment.centerRight,
+                              child:
+                                  const Icon(Icons.check, color: Colors.white),
+                            ),
+                            child: Container(
+                              padding: const EdgeInsets.symmetric(
+                                horizontal: 28,
+                                vertical: 16,
+                              ),
+                              child: Row(
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: [
+                                  Icon(NotificationTopicIcons[element.topic]),
+                                  const Gap(16),
+                                  Expanded(
+                                    child: Column(
+                                      crossAxisAlignment:
+                                          CrossAxisAlignment.start,
+                                      children: [
+                                        if (element.readAt == null)
+                                          Badge(
+                                            label: Row(
+                                              children: [
+                                                const Icon(
+                                                  Icons.new_releases_outlined,
+                                                  color: Colors.white,
+                                                  size: 12,
+                                                ),
+                                                const Gap(4),
+                                                Text('unread'.tr),
+                                              ],
+                                            ),
+                                          ).paddingOnly(bottom: 4),
+                                        Text(
+                                          element.title,
+                                          style: Theme.of(context)
+                                              .textTheme
+                                              .titleMedium,
+                                        ),
+                                        if (element.subtitle != null)
+                                          Text(
+                                            element.subtitle!,
+                                            style: Theme.of(context)
+                                                .textTheme
+                                                .titleSmall,
+                                          ),
+                                        if (element.subtitle != null)
+                                          const Gap(4),
+                                        MarkdownTextContent(
+                                          content: element.body,
+                                          isAutoWarp: true,
+                                          isSelectable: true,
+                                          parentId:
+                                              'notification-${element.id}',
+                                        ),
+                                        if ([
+                                              'interactive.feedback',
+                                              'interactive.subscription'
+                                            ].contains(element.topic) &&
+                                            element.metadata?['related_post'] !=
+                                                null)
+                                          _PostRelatedNotificationWidget(
+                                            metadata: element.metadata!,
+                                          ),
+                                        const Gap(8),
+                                        Opacity(
+                                          opacity: 0.75,
+                                          child: Row(
+                                            children: [
+                                              RelativeDate(
+                                                element.createdAt,
+                                                style: TextStyle(fontSize: 12),
+                                              ),
+                                              const Gap(4),
+                                              Text(
+                                                '·',
+                                                style: TextStyle(fontSize: 12),
+                                              ),
+                                              const Gap(4),
+                                              RelativeDate(
+                                                element.createdAt,
+                                                style: TextStyle(fontSize: 12),
+                                                isFull: true,
+                                              ),
+                                            ],
+                                          ),
+                                        ),
+                                      ],
+                                    ),
+                                  ),
+                                ],
+                              ),
+                            ),
+                            onDismissed: (_) => nty.markOneRead(element, index),
+                          ),
+                        );
+                      },
+                      separatorBuilder: (_, __) =>
+                          const Divider(thickness: 0.3, height: 0.3),
                     ),
-                  SliverList.separated(
+                  ],
-                    itemCount: ws.notifications.length,
+                ),
-                    itemBuilder: (BuildContext context, int index) {
-                      var element = ws.notifications[index];
-                      return Dismissible(
-                        key: Key(const Uuid().v4()),
-                        background: Container(
-                          color: Colors.lightBlue,
-                          padding: const EdgeInsets.symmetric(horizontal: 20),
-                          alignment: Alignment.centerLeft,
-                          child: const Icon(Icons.check, color: Colors.white),
-                        ),
-                        child: ListTile(
-                          contentPadding: const EdgeInsets.symmetric(
-                            horizontal: 24,
-                            vertical: 8,
-                          ),
-                          title: Text(element.title),
-                          subtitle: Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              if (element.subtitle != null)
-                                Text(element.subtitle!),
-                              Text(element.body),
-                            ],
-                          ),
-                        ),
-                        onDismissed: (_) => _markOneRead(element, index),
-                      );
-                    },
-                    separatorBuilder: (_, __) =>
-                        const Divider(thickness: 0.3, height: 0.3),
-                  ),
-                ],
               );
             }),
           ),
@@ -156,7 +214,7 @@ class NotificationButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final WebSocketProvider provider = Get.find();
+    final NotificationProvider nty = Get.find();
 
     final button = IconButton(
       icon: const Icon(Icons.notifications),
@@ -166,16 +224,16 @@ class NotificationButton extends StatelessWidget {
           isScrollControlled: true,
           context: context,
           builder: (context) => const NotificationScreen(),
-        ).then((_) => provider.notificationUnread.value = 0);
+        ).then((_) => nty.notificationUnread.value = 0);
       },
     );
 
     return Obx(() {
-      if (provider.notificationUnread.value > 0) {
+      if (nty.notificationUnread.value > 0) {
         return Badge(
           isLabelVisible: true,
           offset: const Offset(-8, 2),
-          label: Text(provider.notificationUnread.value.toString()),
+          label: Text(nty.notificationUnread.value.toString()),
           child: button,
         );
       } else {
@@ -184,3 +242,31 @@ class NotificationButton extends StatelessWidget {
     });
   }
 }
+
+class _PostRelatedNotificationWidget extends StatelessWidget {
+  final Map<String, dynamic> metadata;
+
+  const _PostRelatedNotificationWidget({super.key, required this.metadata});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      child: Card(
+        margin: const EdgeInsets.symmetric(vertical: 4),
+        child: PostItem(
+          item: Post.fromJson(metadata['related_post']),
+          isCompact: true,
+        ).paddingAll(8),
+      ),
+      onTap: () {
+        final data = Post.fromJson(metadata['related_post']);
+        Navigator.pop(context);
+        AppRouter.instance.pushNamed(
+          'postDetail',
+          pathParameters: {'id': data.id.toString()},
+          extra: data,
+        );
+      },
+    );
+  }
+}

lib/screens/account/preferences/notifications.dart

@@ -1,12 +1,11 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:get/get.dart';
 import 'package:get/get_connect/http/src/exceptions/exceptions.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:solian/exceptions/request.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/providers/auth.dart';
-import 'package:solian/widgets/root_container.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 
 class NotificationPreferencesScreen extends StatefulWidget {
   const NotificationPreferencesScreen({super.key});
@@ -60,10 +59,10 @@ class _NotificationPreferencesScreenState
     });
     if (resp.statusCode != 200) {
       context.showErrorDialog(RequestException(resp));
+    } else {
+      context.showSnackbar('preferencesApplied'.tr);
     }
 
-    context.showSnackbar('preferencesApplied'.tr);
-
     setState(() => _isBusy = false);
   }
 
@@ -75,44 +74,42 @@ class _NotificationPreferencesScreenState
 
   @override
   Widget build(BuildContext context) {
-    return RootContainer(
+    return Column(
-      child: Column(
+      children: [
-        children: [
+        LoadingIndicator(isActive: _isBusy),
-          if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+        ListTile(
-          ListTile(
+          tileColor: Theme.of(context).colorScheme.surfaceContainer,
-            tileColor: Theme.of(context).colorScheme.surfaceContainer,
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
-            contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Icons.save),
-            leading: const Icon(Icons.save),
+          title: Text('save'.tr),
-            title: Text('save'.tr),
+          enabled: !_isBusy,
-            enabled: !_isBusy,
+          onTap: () {
-            onTap: () {
+            _savePreferences();
-              _savePreferences();
+          },
+        ),
+        Expanded(
+          child: ListView.builder(
+            itemCount: _topicMap.length,
+            itemBuilder: (context, index) {
+              final element = _topicMap.entries.elementAt(index);
+              return CheckboxListTile(
+                title: Text(element.value),
+                subtitle: Text(
+                  element.key,
+                  style: GoogleFonts.robotoMono(fontSize: 12),
+                ),
+                value: _config[element.key] ?? true,
+                contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                onChanged: (value) {
+                  setState(() {
+                    _config[element.key] = value ?? false;
+                  });
+                },
+              );
             },
           ),
-          Expanded(
+        ),
-            child: ListView.builder(
+      ],
-              itemCount: _topicMap.length,
-              itemBuilder: (context, index) {
-                final element = _topicMap.entries.elementAt(index);
-                return CheckboxListTile(
-                  title: Text(element.value),
-                  subtitle: Text(
-                    element.key,
-                    style: GoogleFonts.robotoMono(fontSize: 12),
-                  ),
-                  value: _config[element.key] ?? true,
-                  contentPadding: const EdgeInsets.symmetric(horizontal: 24),
-                  onChanged: (value) {
-                    setState(() {
-                      _config[element.key] = value ?? false;
-                    });
-                  },
-                );
-              },
-            ),
-          ),
-        ],
-      ),
     );
   }
 }

lib/screens/account/preferences/security.dart

@@ -0,0 +1,118 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:get/get.dart';
+import 'package:get/get_connect/http/src/exceptions/exceptions.dart';
+import 'package:solian/exceptions/request.dart';
+import 'package:solian/exts.dart';
+import 'package:solian/providers/auth.dart';
+import 'package:solian/widgets/loading_indicator.dart';
+
+class AuthPreferencesScreen extends StatefulWidget {
+  const AuthPreferencesScreen({super.key});
+
+  @override
+  State<AuthPreferencesScreen> createState() => _AuthPreferencesScreenState();
+}
+
+class _AuthPreferencesScreenState extends State<AuthPreferencesScreen> {
+  bool _isBusy = true;
+
+  Map<String, dynamic> _config = {
+    'maximum_auth_steps': 2,
+  };
+
+  Future<void> _getPreferences() async {
+    setState(() => _isBusy = true);
+
+    final auth = Get.find<AuthProvider>();
+    if (!auth.isAuthorized.value) throw UnauthorizedException();
+
+    final client = await auth.configureClient('id');
+    final resp = await client.get('/preferences/auth');
+    if (resp.statusCode != 200 && resp.statusCode != 404) {
+      context.showErrorDialog(RequestException(resp));
+    }
+
+    if (resp.statusCode == 200) {
+      _config = resp.body;
+    }
+
+    setState(() => _isBusy = false);
+  }
+
+  Future<void> _savePreferences() async {
+    setState(() => _isBusy = true);
+
+    final auth = Get.find<AuthProvider>();
+    if (!auth.isAuthorized.value) throw UnauthorizedException();
+
+    final client = await auth.configureClient('id');
+    final resp = await client.put('/preferences/auth', _config);
+    if (resp.statusCode != 200) {
+      context.showErrorDialog(RequestException(resp));
+    } else {
+      context.showSnackbar('preferencesApplied'.tr);
+    }
+
+    setState(() => _isBusy = false);
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _getPreferences();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        LoadingIndicator(isActive: _isBusy),
+        ListTile(
+          tileColor: Theme.of(context).colorScheme.surfaceContainer,
+          contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+          leading: const Icon(Icons.save),
+          title: Text('save'.tr),
+          enabled: !_isBusy,
+          onTap: () {
+            _savePreferences();
+          },
+        ),
+        Expanded(
+          child: ListView(
+            children: [
+              ListTile(
+                title: Text('authMaximumAuthSteps'.tr),
+                subtitle: Text('authMaximumAuthStepsDesc'.tr),
+                contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+                trailing: SizedBox(
+                  width: 60,
+                  child: _isBusy
+                      ? null
+                      : TextFormField(
+                          decoration: InputDecoration(
+                            border: const OutlineInputBorder(),
+                            isDense: true,
+                          ),
+                          initialValue:
+                              _config['maximum_auth_steps']?.toString() ?? '2',
+                          keyboardType: TextInputType.number,
+                          inputFormatters: [
+                            FilteringTextInputFormatter.digitsOnly
+                          ],
+                          onTapOutside: (_) =>
+                              FocusManager.instance.primaryFocus?.unfocus(),
+                          onChanged: (value) {
+                            _config['maximum_auth_steps'] =
+                                int.tryParse(value) ?? 2;
+                          },
+                        ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/screens/account/profile_edit.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:image_cropper/image_cropper.dart';
@@ -12,7 +11,7 @@ import 'package:solian/providers/auth.dart';
 import 'package:solian/providers/content/attachment.dart';
 import 'package:solian/services.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
-import 'package:solian/widgets/root_container.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 
 class PersonalizeScreen extends StatefulWidget {
   const PersonalizeScreen({super.key});
@@ -187,163 +186,161 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
   Widget build(BuildContext context) {
     const double padding = 32;
 
-    return RootContainer(
+    return ListView(
-      child: ListView(
+      children: [
-        children: [
+        LoadingIndicator(isActive: _isBusy),
-          if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+        const Gap(24),
-          const Gap(24),
+        Stack(
-          Stack(
+          children: [
-            children: [
+            AttachedCircleAvatar(content: _avatar, radius: 40),
-              AccountAvatar(content: _avatar, radius: 40),
+            Positioned(
-              Positioned(
+              bottom: 0,
-                bottom: 0,
+              left: 40,
-                left: 40,
+              child: FloatingActionButton.small(
-                child: FloatingActionButton.small(
+                heroTag: const Key('avatar-editor'),
-                  heroTag: const Key('avatar-editor'),
+                onPressed: () => _editImage('avatar'),
-                  onPressed: () => _editImage('avatar'),
+                child: const Icon(
-                  child: const Icon(
+                  Icons.camera,
-                    Icons.camera,
-                  ),
                 ),
               ),
-            ],
-          ).paddingSymmetric(horizontal: padding),
-          const Gap(16),
-          Stack(
-            children: [
-              ClipRRect(
-                borderRadius: const BorderRadius.all(Radius.circular(8)),
-                child: AspectRatio(
-                  aspectRatio: 16 / 9,
-                  child: Container(
-                    color: Theme.of(context).colorScheme.surfaceContainerHigh,
-                    child: _banner != null
-                        ? Image.network(
-                            ServiceFinder.buildUrl(
-                                'files', '/attachments/$_banner'),
-                            fit: BoxFit.cover,
-                            loadingBuilder: (BuildContext context, Widget child,
-                                ImageChunkEvent? loadingProgress) {
-                              if (loadingProgress == null) return child;
-                              return Center(
-                                child: CircularProgressIndicator(
-                                  value: loadingProgress.expectedTotalBytes !=
-                                          null
-                                      ? loadingProgress.cumulativeBytesLoaded /
-                                          loadingProgress.expectedTotalBytes!
-                                      : null,
-                                ),
-                              );
-                            },
-                          )
-                        : Container(),
-                  ),
-                ),
-              ),
-              Positioned(
-                bottom: 16,
-                right: 16,
-                child: FloatingActionButton(
-                  heroTag: const Key('banner-editor'),
-                  onPressed: () => _editImage('banner'),
-                  child: const Icon(
-                    Icons.camera_alt,
-                  ),
-                ),
-              ),
-            ],
-          ).paddingSymmetric(horizontal: padding),
-          const Gap(24),
-          Row(
-            children: [
-              Flexible(
-                flex: 1,
-                child: TextField(
-                  readOnly: true,
-                  controller: _usernameController,
-                  decoration: InputDecoration(
-                    border: const OutlineInputBorder(),
-                    labelText: 'username'.tr,
-                    prefixText: '@',
-                  ),
-                ),
-              ),
-              const Gap(16),
-              Flexible(
-                flex: 1,
-                child: TextField(
-                  controller: _nicknameController,
-                  decoration: InputDecoration(
-                    border: const OutlineInputBorder(),
-                    labelText: 'nickname'.tr,
-                  ),
-                ),
-              ),
-            ],
-          ).paddingSymmetric(horizontal: padding),
-          const Gap(16),
-          Row(
-            children: [
-              Flexible(
-                flex: 1,
-                child: TextField(
-                  controller: _firstNameController,
-                  decoration: InputDecoration(
-                    border: const OutlineInputBorder(),
-                    labelText: 'firstName'.tr,
-                  ),
-                ),
-              ),
-              const Gap(16),
-              Flexible(
-                flex: 1,
-                child: TextField(
-                  controller: _lastNameController,
-                  decoration: InputDecoration(
-                    border: const OutlineInputBorder(),
-                    labelText: 'lastName'.tr,
-                  ),
-                ),
-              ),
-            ],
-          ).paddingSymmetric(horizontal: padding),
-          const Gap(16),
-          TextField(
-            controller: _descriptionController,
-            keyboardType: TextInputType.multiline,
-            maxLines: null,
-            minLines: 3,
-            decoration: InputDecoration(
-              border: const OutlineInputBorder(),
-              labelText: 'description'.tr,
             ),
-          ).paddingSymmetric(horizontal: padding),
+          ],
-          const Gap(16),
+        ).paddingSymmetric(horizontal: padding),
-          TextField(
+        const Gap(16),
-            controller: _birthdayController,
+        Stack(
-            readOnly: true,
+          children: [
-            decoration: InputDecoration(
+            ClipRRect(
-              border: const OutlineInputBorder(),
+              borderRadius: const BorderRadius.all(Radius.circular(8)),
-              labelText: 'birthday'.tr,
+              child: AspectRatio(
+                aspectRatio: 16 / 9,
+                child: Container(
+                  color: Theme.of(context).colorScheme.surfaceContainerHigh,
+                  child: _banner != null
+                      ? Image.network(
+                          ServiceFinder.buildUrl(
+                              'files', '/attachments/$_banner'),
+                          fit: BoxFit.cover,
+                          loadingBuilder: (BuildContext context, Widget child,
+                              ImageChunkEvent? loadingProgress) {
+                            if (loadingProgress == null) return child;
+                            return Center(
+                              child: CircularProgressIndicator(
+                                value: loadingProgress.expectedTotalBytes !=
+                                        null
+                                    ? loadingProgress.cumulativeBytesLoaded /
+                                        loadingProgress.expectedTotalBytes!
+                                    : null,
+                              ),
+                            );
+                          },
+                        )
+                      : Container(),
+                ),
+              ),
             ),
-            onTap: () => _selectBirthday(),
+            Positioned(
-          ).paddingSymmetric(horizontal: padding),
+              bottom: 16,
-          const Gap(16),
+              right: 16,
-          Row(
+              child: FloatingActionButton(
-            mainAxisAlignment: MainAxisAlignment.end,
+                heroTag: const Key('banner-editor'),
-            children: [
+                onPressed: () => _editImage('banner'),
-              TextButton(
+                child: const Icon(
-                onPressed: _isBusy ? null : () => _syncWidget(),
+                  Icons.camera_alt,
-                child: Text('reset'.tr),
+                ),
               ),
-              ElevatedButton(
+            ),
-                onPressed: _isBusy ? null : () => _editUserInfo(),
+          ],
-                child: Text('apply'.tr),
+        ).paddingSymmetric(horizontal: padding),
+        const Gap(24),
+        Row(
+          children: [
+            Flexible(
+              flex: 1,
+              child: TextField(
+                readOnly: true,
+                controller: _usernameController,
+                decoration: InputDecoration(
+                  border: const OutlineInputBorder(),
+                  labelText: 'username'.tr,
+                  prefixText: '@',
+                ),
               ),
-            ],
+            ),
-          ).paddingSymmetric(horizontal: padding),
+            const Gap(16),
-        ],
+            Flexible(
-      ),
+              flex: 1,
+              child: TextField(
+                controller: _nicknameController,
+                decoration: InputDecoration(
+                  border: const OutlineInputBorder(),
+                  labelText: 'nickname'.tr,
+                ),
+              ),
+            ),
+          ],
+        ).paddingSymmetric(horizontal: padding),
+        const Gap(16),
+        Row(
+          children: [
+            Flexible(
+              flex: 1,
+              child: TextField(
+                controller: _firstNameController,
+                decoration: InputDecoration(
+                  border: const OutlineInputBorder(),
+                  labelText: 'firstName'.tr,
+                ),
+              ),
+            ),
+            const Gap(16),
+            Flexible(
+              flex: 1,
+              child: TextField(
+                controller: _lastNameController,
+                decoration: InputDecoration(
+                  border: const OutlineInputBorder(),
+                  labelText: 'lastName'.tr,
+                ),
+              ),
+            ),
+          ],
+        ).paddingSymmetric(horizontal: padding),
+        const Gap(16),
+        TextField(
+          controller: _descriptionController,
+          keyboardType: TextInputType.multiline,
+          maxLines: null,
+          minLines: 3,
+          decoration: InputDecoration(
+            border: const OutlineInputBorder(),
+            labelText: 'description'.tr,
+          ),
+        ).paddingSymmetric(horizontal: padding),
+        const Gap(16),
+        TextField(
+          controller: _birthdayController,
+          readOnly: true,
+          decoration: InputDecoration(
+            border: const OutlineInputBorder(),
+            labelText: 'birthday'.tr,
+          ),
+          onTap: () => _selectBirthday(),
+        ).paddingSymmetric(horizontal: padding),
+        const Gap(16),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.end,
+          children: [
+            TextButton(
+              onPressed: _isBusy ? null : () => _syncWidget(),
+              child: Text('reset'.tr),
+            ),
+            ElevatedButton(
+              onPressed: _isBusy ? null : () => _editUserInfo(),
+              child: Text('apply'.tr),
+            ),
+          ],
+        ).paddingSymmetric(horizontal: padding),
+      ],
     );
   }
 

lib/screens/account/profile_page.dart

@@ -26,7 +26,6 @@ import 'package:solian/widgets/app_bar_leading.dart';
 import 'package:solian/widgets/attachments/attachment_list.dart';
 import 'package:solian/widgets/daily_sign/history_chart.dart';
 import 'package:solian/widgets/posts/post_list.dart';
-import 'package:solian/widgets/posts/post_warped_list.dart';
 import 'package:solian/widgets/reports/abuse_report.dart';
 import 'package:solian/widgets/root_container.dart';
 import 'package:solian/widgets/sized_container.dart';
@@ -231,7 +230,11 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
   @override
   Widget build(BuildContext context) {
     if (_isBusy || _userinfo == null) {
-      return const Center(child: CircularProgressIndicator());
+      return RootContainer(
+        child: const Center(
+          child: CircularProgressIndicator(),
+        ),
+      );
     }
 
     return RootContainer(
@@ -250,10 +253,15 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
                   height: 56,
                   child: Row(
                     children: [
-                      AppBarLeadingButton.adaptive(context) ?? const Gap(8),
+                      AppBarLeadingButton.adaptive(
+                            context,
+                            forceBack: true,
+                          ) ??
+                          const Gap(8),
                       const Gap(8),
                       if (_userinfo != null)
-                        AccountAvatar(content: _userinfo!.avatar, radius: 16),
+                        AttachedCircleAvatar(
+                            content: _userinfo!.avatar, radius: 16),
                       const Gap(12),
                       Expanded(
                         child: Column(
@@ -580,8 +588,6 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
                         color:
                             Theme.of(context).colorScheme.surfaceContainerLow,
                         child: PostListEntryWidget(
-                          backgroundColor:
-                              Theme.of(context).colorScheme.surfaceContainerLow,
                           item: element,
                           isClickable: true,
                           isNestedClickable: true,
@@ -601,7 +607,7 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
                       child: Center(child: CircularProgressIndicator()),
                     ),
                   if (_userinfo != null)
-                    PostWarpedListWidget(
+                    ControlledPostListWidget(
                       isPinned: false,
                       controller: _postController.pagingController,
                       onUpdate: () => _postController.reloadAllOver(),

lib/screens/auth/signin.dart

@@ -8,10 +8,9 @@ import 'package:solian/exts.dart';
 import 'package:solian/models/auth.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/providers/content/realm.dart';
+import 'package:solian/providers/notifications.dart';
 import 'package:solian/providers/relation.dart';
-import 'package:solian/providers/websocket.dart';
 import 'package:solian/services.dart';
-import 'package:solian/widgets/root_container.dart';
 import 'package:solian/widgets/sized_container.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
@@ -179,7 +178,7 @@ class _SignInScreenState extends State<SignInScreen> {
 
           Get.find<RealmProvider>().refreshAvailableRealms();
           Get.find<RelationshipProvider>().refreshRelativeList();
-          Get.find<WebSocketProvider>().registerPushNotifications();
+          Get.find<NotificationProvider>().registerPushNotifications();
           autoConfigureBackgroundNotificationService();
           autoStartBackgroundNotificationService();
 
@@ -217,9 +216,10 @@ class _SignInScreenState extends State<SignInScreen> {
 
   @override
   Widget build(BuildContext context) {
-    return RootContainer(
+    return CenteredContainer(
-      child: CenteredContainer(
+      maxWidth: 360,
-        maxWidth: 360,
+      child: Theme(
+        data: Theme.of(context).copyWith(canvasColor: Colors.transparent),
         child: PageTransitionSwitcher(
           transitionBuilder: (
             Widget child,

lib/screens/auth/signup.dart

@@ -3,7 +3,6 @@ import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/services.dart';
-import 'package:solian/widgets/root_container.dart';
 import 'package:solian/widgets/sized_container.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
@@ -66,147 +65,141 @@ class _SignUpScreenState extends State<SignUpScreen> {
 
   @override
   Widget build(BuildContext context) {
-    return RootContainer(
+    return CenteredContainer(
-      child: CenteredContainer(
+      maxWidth: 360,
-        maxWidth: 360,
+      child: ListView(
-        child: ListView(
+        shrinkWrap: true,
-          shrinkWrap: true,
+        children: [
-          children: [
+          Align(
-            Align(
+            alignment: Alignment.centerLeft,
-              alignment: Alignment.centerLeft,
+            child: ClipRRect(
-              child: ClipRRect(
+              borderRadius: const BorderRadius.all(Radius.circular(8)),
-                borderRadius: const BorderRadius.all(Radius.circular(8)),
+              child: Image.asset('assets/logo.png', width: 64, height: 64),
-                child: Image.asset('assets/logo.png', width: 64, height: 64),
+            ).paddingOnly(bottom: 8, left: 4),
-              ).paddingOnly(bottom: 8, left: 4),
+          ),
+          Text(
+            'signupGreeting'.tr,
+            style: const TextStyle(
+              fontSize: 28,
+              fontWeight: FontWeight.w900,
             ),
-            Text(
+          ).paddingOnly(left: 4, bottom: 16),
-              'signupGreeting'.tr,
+          TextField(
-              style: const TextStyle(
+            autocorrect: false,
-                fontSize: 28,
+            enableSuggestions: false,
-                fontWeight: FontWeight.w900,
+            controller: _usernameController,
-              ),
+            autofillHints: const [AutofillHints.username],
-            ).paddingOnly(left: 4, bottom: 16),
+            decoration: InputDecoration(
-            TextField(
+              isDense: true,
-              autocorrect: false,
+              border: const OutlineInputBorder(),
-              enableSuggestions: false,
+              labelText: 'username'.tr,
-              controller: _usernameController,
-              autofillHints: const [AutofillHints.username],
-              decoration: InputDecoration(
-                isDense: true,
-                border: const OutlineInputBorder(),
-                labelText: 'username'.tr,
-              ),
-              onTapOutside: (_) =>
-                  FocusManager.instance.primaryFocus?.unfocus(),
             ),
-            const Gap(12),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
-            TextField(
+          ),
-              autocorrect: false,
+          const Gap(12),
-              enableSuggestions: false,
+          TextField(
-              controller: _nicknameController,
+            autocorrect: false,
-              autofillHints: const [AutofillHints.nickname],
+            enableSuggestions: false,
-              decoration: InputDecoration(
+            controller: _nicknameController,
-                isDense: true,
+            autofillHints: const [AutofillHints.nickname],
-                border: const OutlineInputBorder(),
+            decoration: InputDecoration(
-                labelText: 'nickname'.tr,
+              isDense: true,
-              ),
+              border: const OutlineInputBorder(),
-              onTapOutside: (_) =>
+              labelText: 'nickname'.tr,
-                  FocusManager.instance.primaryFocus?.unfocus(),
             ),
-            const Gap(12),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
-            TextField(
+          ),
-              autocorrect: false,
+          const Gap(12),
-              enableSuggestions: false,
+          TextField(
-              controller: _emailController,
+            autocorrect: false,
-              autofillHints: const [AutofillHints.email],
+            enableSuggestions: false,
-              decoration: InputDecoration(
+            controller: _emailController,
-                isDense: true,
+            autofillHints: const [AutofillHints.email],
-                border: const OutlineInputBorder(),
+            decoration: InputDecoration(
-                labelText: 'email'.tr,
+              isDense: true,
-              ),
+              border: const OutlineInputBorder(),
-              onTapOutside: (_) =>
+              labelText: 'email'.tr,
-                  FocusManager.instance.primaryFocus?.unfocus(),
             ),
-            const Gap(12),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
-            TextField(
+          ),
-              obscureText: true,
+          const Gap(12),
-              autocorrect: false,
+          TextField(
-              enableSuggestions: false,
+            obscureText: true,
-              autofillHints: const [AutofillHints.password],
+            autocorrect: false,
-              controller: _passwordController,
+            enableSuggestions: false,
-              decoration: InputDecoration(
+            autofillHints: const [AutofillHints.password],
-                isDense: true,
+            controller: _passwordController,
-                border: const OutlineInputBorder(),
+            decoration: InputDecoration(
-                labelText: 'password'.tr,
+              isDense: true,
-              ),
+              border: const OutlineInputBorder(),
-              onTapOutside: (_) =>
+              labelText: 'password'.tr,
-                  FocusManager.instance.primaryFocus?.unfocus(),
-              onSubmitted: (_) => _performAction(context),
             ),
-            const Gap(8),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
-            CheckboxListTile(
+            onSubmitted: (_) => _performAction(context),
-              value: _isTermAccepted,
+          ),
-              title: Text(
+          const Gap(8),
-                'termAccept'.tr,
+          CheckboxListTile(
-                style: const TextStyle(height: 1.2),
+            value: _isTermAccepted,
-              ).paddingOnly(bottom: 4),
+            title: Text(
-              shape: const RoundedRectangleBorder(
+              'termAccept'.tr,
-                borderRadius: BorderRadius.all(
+              style: const TextStyle(height: 1.2),
-                  Radius.circular(8),
+            ).paddingOnly(bottom: 4),
-                ),
+            shape: const RoundedRectangleBorder(
+              borderRadius: BorderRadius.all(
+                Radius.circular(8),
               ),
-              subtitle: RichText(
+            ),
-                text: TextSpan(
+            subtitle: RichText(
-                  style: Theme.of(context).textTheme.bodySmall!.copyWith(
+              text: TextSpan(
-                        color: Theme.of(context)
+                style: Theme.of(context).textTheme.bodySmall!.copyWith(
-                            .colorScheme
+                      color: Theme.of(context)
-                            .onSurface
+                          .colorScheme
-                            .withOpacity(0.75),
+                          .onSurface
-                      ),
+                          .withOpacity(0.75),
-                  children: [
+                    ),
-                    TextSpan(text: 'termAcceptDesc'.tr),
+                children: [
-                    WidgetSpan(
+                  TextSpan(text: 'termAcceptDesc'.tr),
-                      child: Material(
+                  WidgetSpan(
-                        color: Colors.transparent,
+                    child: Material(
-                        child: InkWell(
+                      color: Colors.transparent,
-                          child: Row(
+                      child: InkWell(
-                            mainAxisSize: MainAxisSize.min,
+                        child: Row(
-                            children: [
+                          mainAxisSize: MainAxisSize.min,
-                              Text('termAcceptLink'.tr),
+                          children: [
-                              const Gap(4),
+                            Text('termAcceptLink'.tr),
-                              const Icon(Icons.launch, size: 14),
+                            const Gap(4),
-                            ],
+                            const Icon(Icons.launch, size: 14),
-                          ),
+                          ],
-                          onTap: () {
-                            launchUrlString('https://solsynth.dev/terms');
-                          },
                         ),
+                        onTap: () {
+                          launchUrlString('https://solsynth.dev/terms');
+                        },
                       ),
                     ),
-                  ],
+                  ),
-                ),
+                ],
               ),
-              onChanged: (value) {
-                setState(() => _isTermAccepted = value ?? false);
-              },
             ),
-            const Gap(16),
+            onChanged: (value) {
-            Align(
+              setState(() => _isTermAccepted = value ?? false);
-              alignment: Alignment.centerRight,
+            },
-              child: TextButton(
+          ),
-                onPressed:
+          const Gap(16),
-                    !_isTermAccepted ? null : () => _performAction(context),
+          Align(
-                child: Row(
+            alignment: Alignment.centerRight,
-                  mainAxisSize: MainAxisSize.min,
+            child: TextButton(
-                  children: [
+              onPressed:
-                    Text('next'.tr),
+                  !_isTermAccepted ? null : () => _performAction(context),
-                    const Icon(Icons.chevron_right),
+              child: Row(
-                  ],
+                mainAxisSize: MainAxisSize.min,
-                ),
+                children: [
+                  Text('next'.tr),
+                  const Icon(Icons.chevron_right),
+                ],
               ),
-            )
+            ),
-          ],
+          )
-        ),
+        ],
       ).paddingAll(24),
     );
   }

lib/screens/channel/channel_chat.dart

@@ -218,7 +218,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
       );
     }
 
-    return RootContainer(
+    return ResponsiveRootContainer(
       child: Scaffold(
         appBar: AppBar(
           leading: AppBarLeadingButton.adaptive(context),

lib/screens/channel/channel_organize.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/channel.dart';
@@ -9,6 +8,7 @@ import 'package:solian/providers/content/channel.dart';
 import 'package:solian/router.dart';
 import 'package:solian/theme.dart';
 import 'package:solian/widgets/app_bar_title.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 import 'package:solian/widgets/root_container.dart';
 import 'package:uuid/uuid.dart';
 
@@ -115,7 +115,7 @@ class _ChannelOrganizeScreenState extends State<ChannelOrganizeScreen> {
       ),
     ];
 
-    return RootContainer(
+    return ResponsiveRootContainer(
       child: Scaffold(
         appBar: AppBar(
           title: AppBarTitle('channelOrganizing'.tr),
@@ -132,7 +132,7 @@ class _ChannelOrganizeScreenState extends State<ChannelOrganizeScreen> {
           top: false,
           child: Column(
             children: [
-              if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+              LoadingIndicator(isActive: _isBusy),
               if (widget.edit != null)
                 MaterialBanner(
                   leading: const Icon(Icons.edit),

lib/screens/chat.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_resizable_container/flutter_resizable_container.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:gap/gap.dart';
 import 'package:get/get.dart';
@@ -19,6 +20,7 @@ import 'package:solian/widgets/app_bar_title.dart';
 import 'package:solian/widgets/channel/channel_list.dart';
 import 'package:solian/widgets/chat/call/chat_call_indicator.dart';
 import 'package:solian/widgets/current_state_action.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 import 'package:solian/widgets/root_container.dart';
 import 'package:solian/widgets/sidebar/empty_placeholder.dart';
 
@@ -27,7 +29,7 @@ class ChatScreen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const RootContainer(
+    return const ResponsiveRootContainer(
       child: ChatList(),
     );
   }
@@ -41,14 +43,23 @@ class ChatListShell extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return RootContainer(
-      child: Row(
+      child: ResizableContainer(
+        direction: Axis.horizontal,
+        divider: ResizableDivider(
+          thickness: 0.3,
+          color: Theme.of(context).dividerColor.withOpacity(0.3),
+        ),
         children: [
-          const SizedBox(
+          const ResizableChild(
-            width: 360,
+            minSize: 280,
+            maxSize: 520,
+            size: ResizableSize.pixels(360),
             child: ChatList(),
           ),
-          const VerticalDivider(thickness: 0.3, width: 0.3),
+          ResizableChild(
-          Expanded(child: child ?? const EmptyPagePlaceholder()),
+            minSize: 280,
+            child: child ?? const EmptyPagePlaceholder(),
+          ),
         ],
       ),
     );
@@ -69,6 +80,8 @@ class _ChatListState extends State<ChatList> {
 
   late final ChannelProvider _channels = Get.find();
 
+  bool _isBusy = true;
+
   List<Channel> _sortChannels(List<Channel> channels) {
     channels.sort(
       (a, b) =>
@@ -117,18 +130,25 @@ class _ChatListState extends State<ChatList> {
     final ctrl = ChatEventController();
     await ctrl.initialize();
     final messages = await ctrl.src.getLastInAllChannels();
-    setState(() {
+    if (mounted) {
-      _lastMessages = messages
+      setState(() {
-          .map((k, v) => MapEntry(k, v.firstOrNull))
+        _lastMessages = messages
-          .cast<int, LocalMessageEventTableData>();
+            .map((k, v) => MapEntry(k, v.firstOrNull))
-    });
+            .cast<int, LocalMessageEventTableData>();
+      });
+    }
   }
 
   @override
   void initState() {
     super.initState();
     _loadLastMessages().then((_) {
-      _loadAllChannels();
+      if (!mounted) return;
+      _loadAllChannels().then((_) {
+        if (mounted) {
+          setState(() => _isBusy = false);
+        }
+      });
     });
   }
 
@@ -140,19 +160,10 @@ class _ChatListState extends State<ChatList> {
     return Obx(
       () => DefaultTabController(
         length: 2 + realms.availableRealms.length,
-        child: RootContainer(
+        child: ResponsiveRootContainer(
           child: Scaffold(
             appBar: AppBar(
-              leading: Obx(() {
+              leading: AppBarLeadingButton.adaptive(context),
-                final adaptive = AppBarLeadingButton.adaptive(context);
-                if (adaptive != null) return adaptive;
-                if (_channels.isLoading.value) {
-                  return const CircularProgressIndicator(
-                    strokeWidth: 3,
-                  ).paddingAll(18);
-                }
-                return const SizedBox.shrink();
-              }),
               title: AppBarTitle('chat'.tr),
               centerTitle: true,
               toolbarHeight: AppTheme.toolbarHeight(context),
@@ -252,7 +263,7 @@ class _ChatListState extends State<ChatList> {
                         child: Row(
                           mainAxisSize: MainAxisSize.min,
                           children: [
-                            AccountAvatar(
+                            AttachedCircleAvatar(
                               content: x.avatar,
                               radius: 14,
                               fallbackWidget: const Icon(
@@ -280,6 +291,7 @@ class _ChatListState extends State<ChatList> {
               return Column(
                 children: [
                   const ChatCallCurrentIndicator(),
+                  LoadingIndicator(isActive: _isBusy),
                   Expanded(
                     child: TabBarView(
                       children: [

lib/screens/dashboard.dart

@@ -20,7 +20,7 @@ import 'package:solian/providers/content/posts.dart';
 import 'package:solian/providers/daily_sign.dart';
 import 'package:solian/providers/database/services/messages.dart';
 import 'package:solian/providers/last_read.dart';
-import 'package:solian/providers/websocket.dart';
+import 'package:solian/providers/notifications.dart';
 import 'package:solian/router.dart';
 import 'package:solian/screens/account/notification.dart';
 import 'package:solian/theme.dart';
@@ -38,7 +38,7 @@ class DashboardScreen extends StatefulWidget {
 class _DashboardScreenState extends State<DashboardScreen> {
   late final AuthProvider _auth = Get.find();
   late final LastReadProvider _lastRead = Get.find();
-  late final WebSocketProvider _ws = Get.find();
+  late final NotificationProvider _nty = Get.find();
   late final PostProvider _posts = Get.find();
   late final DailySignProvider _dailySign = Get.find();
 
@@ -46,7 +46,7 @@ class _DashboardScreenState extends State<DashboardScreen> {
       Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
 
   List<Notification> get _pendingNotifications =>
-      List<Notification>.from(_ws.notifications)
+      List<Notification>.from(_nty.notifications.where((x) => x.readAt == null))
         ..sort((a, b) => b.createdAt.compareTo(a.createdAt));
 
   List<Post>? _currentPosts;
@@ -75,10 +75,12 @@ class _DashboardScreenState extends State<DashboardScreen> {
     final src = Get.find<MessagesFetchingProvider>();
     final out = await src.getWhatsNewEvents(_lastRead.messagesLastReadAt!);
     if (out == null) return;
-    setState(() {
+    if (mounted) {
-      _currentMessages = out.$1;
+      setState(() {
-      _currentMessagesCount = out.$2;
+        _currentMessages = out.$1;
-    });
+        _currentMessagesCount = out.$2;
+      });
+    }
   }
 
   bool _signingDaily = true;
@@ -89,13 +91,17 @@ class _DashboardScreenState extends State<DashboardScreen> {
     try {
       _signRecord = await _dailySign.getToday();
       _dailySign.listLastRecord(14).then((value) {
-        setState(() => _signRecordHistory = value);
+        if (mounted) {
+          setState(() => _signRecordHistory = value);
+        }
       });
     } catch (e) {
       context.showErrorDialog(e);
     }
 
-    setState(() => _signingDaily = false);
+    if (mounted) {
+      setState(() => _signingDaily = false);
+    }
   }
 
   Future<void> _signDaily() async {
@@ -147,7 +153,7 @@ class _DashboardScreenState extends State<DashboardScreen> {
               ),
               Text(DateFormat('yyyy/MM/dd').format(DateTime.now().toUtc())),
             ],
-          ).paddingOnly(top: 8, left: 18, right: 18, bottom: 12),
+          ).paddingOnly(top: 16, left: 18, right: 18, bottom: 12),
           Card(
             child: Column(
               children: [
@@ -248,7 +254,7 @@ class _DashboardScreenState extends State<DashboardScreen> {
                         ),
                         Text(
                           'notificationUnreadCount'.trParams({
-                            'count': _ws.notifications.length.toString(),
+                            'count': _pendingNotifications.length.toString(),
                           }),
                         ),
                       ],
@@ -261,12 +267,12 @@ class _DashboardScreenState extends State<DashboardScreen> {
                           isScrollControlled: true,
                           context: context,
                           builder: (context) => const NotificationScreen(),
-                        ).then((_) => _ws.notificationUnread.value = 0);
+                        ).then((_) => _nty.notificationUnread.value = 0);
                       },
                     ),
                   ],
                 ).paddingOnly(left: 18, right: 18, bottom: 8),
-                if (_ws.notifications.isNotEmpty)
+                if (_pendingNotifications.isNotEmpty)
                   SizedBox(
                     height: 76,
                     child: ListView.separated(
@@ -383,9 +389,10 @@ class _DashboardScreenState extends State<DashboardScreen> {
                                 onUpdate: (_) {
                                   _pullPosts();
                                 },
-                                backgroundColor: Theme.of(context)
+                                padding: EdgeInsets.symmetric(
-                                    .colorScheme
+                                  vertical: 8,
-                                    .surfaceContainerLow,
+                                  horizontal: 4,
+                                ),
                               ),
                             ),
                           ),
@@ -519,7 +526,7 @@ class _DashboardScreenState extends State<DashboardScreen> {
                 style: TextStyle(color: _unFocusColor, fontSize: 12),
               )
             ],
-          ).paddingAll(8),
+          ).paddingOnly(left: 8, right: 8, top: 8, bottom: 50),
         ],
       ),
     );

lib/screens/explore.dart

@@ -1,4 +1,5 @@
 import 'dart:async';
+import 'dart:ui';
 
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
@@ -13,8 +14,9 @@ import 'package:solian/widgets/account/signin_required_overlay.dart';
 import 'package:solian/widgets/current_state_action.dart';
 import 'package:solian/widgets/app_bar_leading.dart';
 import 'package:solian/widgets/navigation/realm_switcher.dart';
+import 'package:solian/widgets/posts/post_creation.dart';
+import 'package:solian/widgets/posts/post_list.dart';
 import 'package:solian/widgets/posts/post_shuffle_swiper.dart';
-import 'package:solian/widgets/posts/post_warped_list.dart';
 import 'package:solian/widgets/root_container.dart';
 
 class ExploreScreen extends StatefulWidget {
@@ -80,62 +82,98 @@ class _ExploreScreenState extends State<ExploreScreen>
         body: NestedScrollView(
           headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
             return [
-              SliverAppBar(
+              SliverLayoutBuilder(
-                flexibleSpace: SizedBox(
+                builder: (context, constraints) {
-                  height: 48,
+                  final scrollOffset = constraints.scrollOffset;
-                  child: const Row(
+                  final colorChangeOffset = 120;
-                    children: [
+
-                      RealmSwitcher(),
+                  final scrollProgress =
+                      (scrollOffset / colorChangeOffset).clamp(0.0, 1.0);
+                  final blurSigma = lerpDouble(0, 10, scrollProgress) ?? 0;
+
+                  return SliverAppBar(
+                    flexibleSpace: ClipRRect(
+                      child: BackdropFilter(
+                        filter: ImageFilter.blur(
+                          sigmaX: blurSigma,
+                          sigmaY: blurSigma,
+                        ),
+                        child: ListView(
+                          padding: EdgeInsets.zero,
+                          physics: const NeverScrollableScrollPhysics(),
+                          children: [
+                            SizedBox(
+                              height: 48,
+                              child: const Row(
+                                children: [
+                                  RealmSwitcher(),
+                                ],
+                              ).paddingSymmetric(horizontal: 8),
+                            ).paddingSymmetric(vertical: 4),
+                            TabBar(
+                              controller: _tabController,
+                              dividerHeight: scrollProgress > 0 ? 0 : 0.3,
+                              tabAlignment: TabAlignment.fill,
+                              tabs: [
+                                Tab(
+                                  child: Row(
+                                    mainAxisSize: MainAxisSize.min,
+                                    children: [
+                                      const Icon(Icons.feed, size: 20),
+                                      const Gap(8),
+                                      Text('postListNews'.tr),
+                                    ],
+                                  ),
+                                ),
+                                Tab(
+                                  child: Row(
+                                    mainAxisSize: MainAxisSize.min,
+                                    children: [
+                                      const Icon(Icons.people, size: 20),
+                                      const Gap(8),
+                                      Text('postListFriends'.tr),
+                                    ],
+                                  ),
+                                ),
+                                Tab(
+                                  child: Row(
+                                    mainAxisSize: MainAxisSize.min,
+                                    children: [
+                                      const Icon(
+                                        Icons.shuffle_on_outlined,
+                                        size: 20,
+                                      ),
+                                      const Gap(8),
+                                      Text('postListShuffle'.tr),
+                                    ],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ],
+                        ).paddingOnly(top: MediaQuery.of(context).padding.top),
+                      ),
+                    ),
+                    expandedHeight: 104,
+                    snap: true,
+                    floating: true,
+                    toolbarHeight: AppTheme.toolbarHeight(context),
+                    leading: AppBarLeadingButton.adaptive(context),
+                    actions: [
+                      const BackgroundStateWidget(),
+                      IconButton(
+                        icon: const Icon(Icons.search),
+                        onPressed: () {
+                          AppRouter.instance.pushNamed('postSearch');
+                        },
+                      ),
+                      const NotificationButton(),
+                      SizedBox(
+                        width: AppTheme.isLargeScreen(context) ? 8 : 16,
+                      ),
                     ],
-                  ).paddingSymmetric(horizontal: 8),
+                  );
-                ).paddingOnly(top: MediaQuery.of(context).padding.top),
+                },
-                floating: true,
-                toolbarHeight: AppTheme.toolbarHeight(context),
-                leading: AppBarLeadingButton.adaptive(context),
-                actions: [
-                  const BackgroundStateWidget(),
-                  const NotificationButton(),
-                  SizedBox(
-                    width: AppTheme.isLargeScreen(context) ? 8 : 16,
-                  ),
-                ],
-                bottom: TabBar(
-                  controller: _tabController,
-                  dividerHeight: 0.3,
-                  tabAlignment: TabAlignment.fill,
-                  tabs: [
-                    Tab(
-                      child: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          const Icon(Icons.feed, size: 20),
-                          const Gap(8),
-                          Text('postListNews'.tr),
-                        ],
-                      ),
-                    ),
-                    Tab(
-                      child: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          const Icon(Icons.people, size: 20),
-                          const Gap(8),
-                          Text('postListFriends'.tr),
-                        ],
-                      ),
-                    ),
-                    Tab(
-                      child: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          const Icon(Icons.shuffle_on_outlined, size: 20),
-                          const Gap(8),
-                          Text('postListShuffle'.tr),
-                        ],
-                      ),
-                    ),
-                  ],
-                ),
               )
             ];
           },
@@ -156,7 +194,13 @@ class _ExploreScreenState extends State<ExploreScreen>
                       RefreshIndicator(
                         onRefresh: () => _postController.reloadAllOver(),
                         child: CustomScrollView(slivers: [
-                          PostWarpedListWidget(
+                          ControlledPostListWidget(
+                            padding: AppTheme.isLargeScreen(context)
+                                ? EdgeInsets.symmetric(
+                                    horizontal: 4,
+                                    vertical: 8,
+                                  )
+                                : EdgeInsets.zero,
                             controller: _postController.pagingController,
                             onUpdate: () => _postController.reloadAllOver(),
                           ),
@@ -167,7 +211,10 @@ class _ExploreScreenState extends State<ExploreScreen>
                           return RefreshIndicator(
                             onRefresh: () => _postController.reloadAllOver(),
                             child: CustomScrollView(slivers: [
-                              PostWarpedListWidget(
+                              ControlledPostListWidget(
+                                padding: AppTheme.isLargeScreen(context)
+                                    ? EdgeInsets.symmetric(horizontal: 16)
+                                    : EdgeInsets.zero,
                                 controller: _postController.pagingController,
                                 onUpdate: () => _postController.reloadAllOver(),
                               ),
@@ -202,106 +249,3 @@ class _ExploreScreenState extends State<ExploreScreen>
     super.dispose();
   }
 }
-
-class PostCreatePopup extends StatelessWidget {
-  final bool hideDraftBox;
-
-  const PostCreatePopup({
-    super.key,
-    this.hideDraftBox = false,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    final AuthProvider auth = Get.find();
-
-    if (auth.isAuthorized.isFalse) {
-      return const SizedBox.shrink();
-    }
-
-    final List<dynamic> actionList = [
-      (
-        icon: const Icon(Icons.post_add),
-        label: 'postEditorModeStory'.tr,
-        onTap: () {
-          Navigator.pop(
-            context,
-            AppRouter.instance.pushNamed(
-              'postEditor',
-              queryParameters: {
-                'mode': 0.toString(),
-              },
-            ),
-          );
-        },
-      ),
-      (
-        icon: const Icon(Icons.description),
-        label: 'postEditorModeArticle'.tr,
-        onTap: () {
-          Navigator.pop(
-            context,
-            AppRouter.instance.pushNamed(
-              'postEditor',
-              queryParameters: {
-                'mode': 1.toString(),
-              },
-            ),
-          );
-        },
-      ),
-      (
-        icon: const Icon(Icons.drafts),
-        label: 'draftBoxOpen'.tr,
-        onTap: () {
-          Navigator.pop(
-            context,
-            AppRouter.instance.pushNamed('draftBox'),
-          );
-        },
-      ),
-    ];
-
-    return SizedBox(
-      height: MediaQuery.of(context).size.height * 0.38,
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          Text(
-            'postNew'.tr,
-            style: Theme.of(context).textTheme.headlineSmall,
-          ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
-          Expanded(
-            child: GridView.count(
-              physics: const NeverScrollableScrollPhysics(),
-              crossAxisCount: 3,
-              children: actionList
-                  .map((x) => Card(
-                        color: Theme.of(context).colorScheme.surfaceContainer,
-                        child: InkWell(
-                          borderRadius:
-                              const BorderRadius.all(Radius.circular(8)),
-                          onTap: x.onTap,
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              x.icon,
-                              const Gap(8),
-                              Expanded(
-                                child: Text(
-                                  x.label,
-                                  overflow: TextOverflow.fade,
-                                ),
-                              ),
-                            ],
-                          ).paddingAll(18),
-                        ),
-                      ))
-                  .toList(),
-            ).paddingSymmetric(horizontal: 20),
-          ),
-        ],
-      ),
-    );
-  }
-}

lib/screens/feed/draft_box.dart

@@ -1,114 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
-import 'package:solian/models/pagination.dart';
-import 'package:solian/models/post.dart';
-import 'package:solian/providers/content/posts.dart';
-import 'package:solian/theme.dart';
-import 'package:solian/widgets/app_bar_leading.dart';
-import 'package:solian/widgets/app_bar_title.dart';
-import 'package:solian/widgets/posts/post_action.dart';
-import 'package:solian/widgets/posts/post_owned_list.dart';
-import 'package:solian/widgets/root_container.dart';
-
-class DraftBoxScreen extends StatefulWidget {
-  const DraftBoxScreen({super.key});
-
-  @override
-  State<DraftBoxScreen> createState() => _DraftBoxScreenState();
-}
-
-class _DraftBoxScreenState extends State<DraftBoxScreen> {
-  final PagingController<int, Post> _pagingController =
-      PagingController(firstPageKey: 0);
-
-  _getPosts(int pageKey) async {
-    final PostProvider provider = Get.find();
-
-    Response resp;
-    try {
-      resp = await provider.listDraft(pageKey);
-    } catch (e) {
-      _pagingController.error = e;
-      return;
-    }
-
-    final PaginationResult result = PaginationResult.fromJson(resp.body);
-    if (result.count == 0) {
-      _pagingController.appendLastPage([]);
-      return;
-    }
-
-    final parsed = result.data?.map((e) => Post.fromJson(e)).toList();
-    if (parsed != null && parsed.length >= 10) {
-      _pagingController.appendPage(parsed, pageKey + parsed.length);
-    } else if (parsed != null) {
-      _pagingController.appendLastPage(parsed);
-    }
-  }
-
-  @override
-  void initState() {
-    super.initState();
-    _pagingController.addPageRequestListener(_getPosts);
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return RootContainer(
-      child: Scaffold(
-        appBar: AppBar(
-          leading: AppBarLeadingButton.adaptive(context),
-          title: AppBarTitle('draftBox'.tr),
-          centerTitle: false,
-          toolbarHeight: AppTheme.toolbarHeight(context),
-          actions: [
-            SizedBox(
-              width: AppTheme.isLargeScreen(context) ? 8 : 16,
-            ),
-          ],
-        ),
-        body: RefreshIndicator(
-          onRefresh: () => Future.sync(() => _pagingController.refresh()),
-          child: PagedListView<int, Post>(
-            pagingController: _pagingController,
-            builderDelegate: PagedChildBuilderDelegate(
-              itemBuilder: (context, item, index) {
-                return PostOwnedListEntry(
-                  item: item,
-                  isFullContent: true,
-                  backgroundColor:
-                      Theme.of(context).colorScheme.surfaceContainerLow,
-                  onTap: () async {
-                    showModalBottomSheet(
-                      useRootNavigator: true,
-                      context: context,
-                      builder: (context) => PostAction(
-                        item: item,
-                        noReact: true,
-                      ),
-                    ).then((value) {
-                      if (value is Future) {
-                        value.then((_) {
-                          _pagingController.refresh();
-                        });
-                      } else if (value != null) {
-                        _pagingController.refresh();
-                      }
-                    });
-                  },
-                ).paddingOnly(left: 12, right: 12, bottom: 4);
-              },
-            ),
-          ),
-        ),
-      ),
-    );
-  }
-
-  @override
-  void dispose() {
-    _pagingController.dispose();
-    super.dispose();
-  }
-}

lib/screens/feed/search.dart

@@ -1,99 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
-import 'package:solian/models/pagination.dart';
-import 'package:solian/providers/content/posts.dart';
-import 'package:solian/widgets/posts/post_warped_list.dart';
-
-import '../../models/post.dart';
-
-class FeedSearchScreen extends StatefulWidget {
-  final String? tag;
-  final String? category;
-
-  const FeedSearchScreen({super.key, this.tag, this.category});
-
-  @override
-  State<FeedSearchScreen> createState() => _FeedSearchScreenState();
-}
-
-class _FeedSearchScreenState extends State<FeedSearchScreen> {
-  final PagingController<int, Post> _pagingController =
-      PagingController(firstPageKey: 0);
-
-  getPosts(int pageKey) async {
-    final PostProvider provider = Get.find();
-
-    Response resp;
-    try {
-      resp = await provider.listPost(
-        pageKey,
-        tag: widget.tag,
-        category: widget.category,
-      );
-    } catch (e) {
-      _pagingController.error = e;
-      return;
-    }
-
-    final PaginationResult result = PaginationResult.fromJson(resp.body);
-    final parsed = result.data?.map((e) => Post.fromJson(e)).toList();
-    if (parsed != null && parsed.length >= 10) {
-      _pagingController.appendPage(parsed, pageKey + parsed.length);
-    } else if (parsed != null) {
-      _pagingController.appendLastPage(parsed);
-    }
-  }
-
-  @override
-  void initState() {
-    super.initState();
-
-    _pagingController.addPageRequestListener(getPosts);
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      body: Material(
-        color: Theme.of(context).colorScheme.surface,
-        child: Column(
-          children: [
-            if (widget.tag != null)
-              ListTile(
-                leading: const Icon(Icons.label),
-                tileColor: Theme.of(context).colorScheme.surfaceContainer,
-                title: Text('postSearchWithTag'.trParams({'key': widget.tag!})),
-              ),
-            if (widget.category != null)
-              ListTile(
-                leading: const Icon(Icons.category),
-                tileColor: Theme.of(context).colorScheme.surfaceContainer,
-                title: Text('postSearchWithCategory'
-                    .trParams({'key': widget.category!})),
-              ),
-            Expanded(
-              child: RefreshIndicator(
-                onRefresh: () => Future.sync(() => _pagingController.refresh()),
-                child: CustomScrollView(
-                  slivers: [
-                    PostWarpedListWidget(
-                      controller: _pagingController,
-                      onUpdate: () => _pagingController.refresh(),
-                    ),
-                  ],
-                ),
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  @override
-  void dispose() {
-    _pagingController.dispose();
-    super.dispose();
-  }
-}

lib/screens/posts/draft_box.dart

@@ -0,0 +1,128 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:solian/models/pagination.dart';
+import 'package:solian/models/post.dart';
+import 'package:solian/providers/content/posts.dart';
+import 'package:solian/theme.dart';
+import 'package:solian/widgets/app_bar_leading.dart';
+import 'package:solian/widgets/app_bar_title.dart';
+import 'package:solian/widgets/loading_indicator.dart';
+import 'package:solian/widgets/posts/post_action.dart';
+import 'package:solian/widgets/posts/post_item.dart';
+import 'package:solian/widgets/root_container.dart';
+import 'package:very_good_infinite_list/very_good_infinite_list.dart';
+
+class DraftBoxScreen extends StatefulWidget {
+  const DraftBoxScreen({super.key});
+
+  @override
+  State<DraftBoxScreen> createState() => _DraftBoxScreenState();
+}
+
+class _DraftBoxScreenState extends State<DraftBoxScreen> {
+  bool _isBusy = true;
+  int? _totalPosts;
+  final List<Post> _posts = List.empty(growable: true);
+
+  _getPosts() async {
+    setState(() => _isBusy = true);
+
+    final PostProvider posts = Get.find();
+    final resp = await posts.listDraft(_posts.length);
+
+    final PaginationResult result = PaginationResult.fromJson(resp.body);
+
+    final parsed = result.data?.map((e) => Post.fromJson(e)).toList();
+    _totalPosts = result.count;
+    _posts.addAll(parsed ?? List.empty());
+
+    setState(() => _isBusy = false);
+  }
+
+  Future<void> _openActions(Post item) async {
+    showModalBottomSheet(
+      useRootNavigator: true,
+      context: context,
+      builder: (context) => PostAction(
+        item: item,
+        noReact: true,
+      ),
+    ).then((value) {
+      if (value is Future) {
+        value.then((_) {
+          _posts.clear();
+          _getPosts();
+        });
+      } else if (value != null) {
+        _posts.clear();
+        _getPosts();
+      }
+    });
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _getPosts();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return RootContainer(
+      child: Scaffold(
+        appBar: AppBar(
+          leading: AppBarLeadingButton.adaptive(context),
+          title: AppBarTitle('draftBox'.tr),
+          centerTitle: false,
+          toolbarHeight: AppTheme.toolbarHeight(context),
+          actions: [
+            SizedBox(
+              width: AppTheme.isLargeScreen(context) ? 8 : 16,
+            ),
+          ],
+        ),
+        body: Column(
+          children: [
+            LoadingIndicator(isActive: _isBusy),
+            Expanded(
+              child: RefreshIndicator(
+                onRefresh: () {
+                  _posts.clear();
+                  return _getPosts();
+                },
+                child: InfiniteList(
+                  itemCount: _posts.length,
+                  hasReachedMax: _totalPosts == _posts.length,
+                  isLoading: _isBusy,
+                  onFetchData: () => _getPosts(),
+                  itemBuilder: (context, index) {
+                    final item = _posts[index];
+                    return Card(
+                      child: GestureDetector(
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            PostItem(
+                              key: Key('p${item.id}'),
+                              item: item,
+                              isShowEmbed: false,
+                              isClickable: false,
+                              isShowReply: false,
+                              isReactable: false,
+                              onTapMore: () => _openActions(item),
+                            ).paddingSymmetric(vertical: 8),
+                          ],
+                        ),
+                        onTap: () => _openActions(item),
+                      ),
+                    ).paddingOnly(left: 12, right: 12, bottom: 4);
+                  },
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/screens/posts/post_detail.dart

@@ -4,9 +4,11 @@ import 'package:solian/exts.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/providers/content/posts.dart';
 import 'package:solian/providers/last_read.dart';
+import 'package:solian/theme.dart';
+import 'package:solian/widgets/loading_indicator.dart';
+import 'package:solian/widgets/posts/post_action.dart';
 import 'package:solian/widgets/posts/post_item.dart';
 import 'package:solian/widgets/posts/post_replies.dart';
-import 'package:solian/widgets/root_container.dart';
 
 class PostDetailScreen extends StatefulWidget {
   final String id;
@@ -23,75 +25,109 @@ class PostDetailScreen extends StatefulWidget {
 }
 
 class _PostDetailScreenState extends State<PostDetailScreen> {
-  Post? item;
+  bool _isBusy = true;
 
-  Future<Post?> getDetail() async {
+  Post? _item;
-    if (widget.post != null) {
-      item = widget.post;
-      Get.find<LastReadProvider>().feedLastReadAt = item?.id;
-      return widget.post;
-    }
 
-    final PostProvider provider = Get.find();
+  Future<void> _getDetail() async {
+    final PostProvider posts = Get.find();
 
     try {
-      final resp = await provider.getPost(widget.id);
+      final resp = await posts.getPost(widget.id);
-      item = Post.fromJson(resp.body);
+      _item = Post.fromJson(resp.body);
     } catch (e) {
       context.showErrorDialog(e).then((_) => Navigator.pop(context));
     }
 
-    Get.find<LastReadProvider>().feedLastReadAt = item?.id;
+    Get.find<LastReadProvider>().feedLastReadAt = _item?.id;
 
-    return item;
+    if (mounted) setState(() => _isBusy = false);
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    if (widget.post != null) {
+      _item = widget.post;
+    }
+    _getDetail();
   }
 
   @override
   Widget build(BuildContext context) {
-    return RootContainer(
+    if (_isBusy && _item == null) {
-      child: FutureBuilder(
+      return const Center(
-        future: getDetail(),
+        child: CircularProgressIndicator(),
-        builder: (context, snapshot) {
+      );
-          if (!snapshot.hasData || snapshot.data == null) {
+    }
-            return const Center(
-              child: CircularProgressIndicator(),
-            );
-          }
 
-          return CustomScrollView(
+    return CustomScrollView(
-            slivers: [
+      slivers: [
-              SliverToBoxAdapter(
+        SliverToBoxAdapter(
-                child: PostItem(
+          child: LoadingIndicator(isActive: _isBusy),
-                  item: item!,
+        ),
-                  isClickable: false,
+        SliverToBoxAdapter(
-                  isOverrideEmbedClickable: true,
+          child: PostItem(
-                  isFullDate: true,
+            key: ValueKey(_item),
-                  isFullContent: true,
+            item: _item!,
-                  isShowReply: false,
+            isClickable: false,
-                  isContentSelectable: true,
+            isOverrideEmbedClickable: true,
+            isFullDate: true,
+            isShowReply: false,
+            isContentSelectable: true,
+            padding: AppTheme.isLargeScreen(context)
+                ? EdgeInsets.symmetric(
+                    horizontal: 4,
+                    vertical: 8,
+                  )
+                : EdgeInsets.zero,
+            onTapMore: () {
+              showModalBottomSheet(
+                useRootNavigator: true,
+                context: context,
+                builder: (context) => PostAction(
+                  item: _item!,
+                  noReact: true,
                 ),
-              ),
+              ).then((value) {
-              SliverToBoxAdapter(
+                if (value is Future) {
-                child: const Divider(thickness: 0.3, height: 1)
+                  value.then((_) {
-                    .paddingOnly(top: 4),
+                    _getDetail();
-              ),
+                  });
-              SliverToBoxAdapter(
+                } else if (value != null) {
-                child: Align(
+                  _getDetail();
-                  alignment: Alignment.centerLeft,
+                }
-                  child: Text(
+              });
-                    'postReplies'.tr,
+            },
-                    style: Theme.of(context).textTheme.headlineSmall,
+          ),
-                  ).paddingOnly(left: 24, right: 24, top: 16),
+        ),
-                ),
+        SliverToBoxAdapter(
-              ),
+          child: const Divider(thickness: 0.3, height: 1).paddingOnly(
-              PostReplyList(item: item!),
+            top: 8,
-              SliverToBoxAdapter(
+          ),
-                child: SizedBox(height: MediaQuery.of(context).padding.bottom),
+        ),
-              ),
+        SliverToBoxAdapter(
-            ],
+          child: Align(
-          );
+            alignment: Alignment.centerLeft,
-        },
+            child: Text(
-      ),
+              'postReplies'.tr,
+              style: Theme.of(context).textTheme.headlineSmall,
+            ).paddingOnly(left: 24, right: 24, top: 16),
+          ),
+        ),
+        PostReplyList(
+          item: _item!,
+          padding: AppTheme.isLargeScreen(context)
+              ? EdgeInsets.symmetric(
+                  horizontal: 4,
+                  vertical: 8,
+                )
+              : EdgeInsets.zero,
+        ),
+        SliverToBoxAdapter(
+          child: SizedBox(height: MediaQuery.of(context).padding.bottom),
+        ),
+      ],
     );
   }
 }

lib/screens/posts/post_editor.dart

@@ -16,6 +16,7 @@ import 'package:solian/router.dart';
 import 'package:solian/theme.dart';
 import 'package:solian/widgets/app_bar_leading.dart';
 import 'package:solian/widgets/app_bar_title.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 import 'package:solian/widgets/markdown_text_content.dart';
 import 'package:solian/widgets/posts/post_item.dart';
 import 'package:badges/badges.dart' as badges;
@@ -182,7 +183,10 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             ListTile(
-              tileColor: Theme.of(context).colorScheme.surfaceContainerLow,
+              tileColor: Theme.of(context)
+                  .colorScheme
+                  .surfaceContainerLow
+                  .withOpacity(0.5),
               title: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
@@ -271,118 +275,71 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
                   ),
                 ],
               ),
-            if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+            LoadingIndicator(isActive: _isBusy),
             Expanded(
-              child: Row(
+              child: DefaultTabController(
-                crossAxisAlignment: CrossAxisAlignment.start,
+                length: 2,
-                children: [
+                child: AppTheme.isLargeScreen(context)
-                  Expanded(
+                    ? Row(
-                    child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
+                        children: [
-                        Expanded(
+                          Expanded(
-                          child: ListView(
+                            child: _PostEditorTextField(
-                            children: [
+                              focusNode: _contentFocusNode,
-                              Container(
+                              controller: _editorController,
-                                padding: const EdgeInsets.symmetric(
+                              onUpdate: () => setState(() {}),
-                                  horizontal: 16,
+                            ),
-                                  vertical: 8,
+                          ),
-                                ),
+                          const VerticalDivider(width: 0.3, thickness: 0.3)
-                                child: TextField(
+                              .paddingSymmetric(horizontal: 16),
-                                  maxLines: null,
+                          Expanded(
-                                  autofocus: true,
+                            child: SingleChildScrollView(
-                                  autocorrect: true,
+                              padding:
-                                  keyboardType: TextInputType.multiline,
+                                  const EdgeInsets.only(top: 12, bottom: 64),
-                                  controller:
+                              child: MarkdownTextContent(
-                                      _editorController.contentController,
+                                isAutoWarp: _editorController.mode.value == 0,
-                                  focusNode: _contentFocusNode,
+                                content:
-                                  decoration: InputDecoration.collapsed(
+                                    _editorController.contentController.text,
-                                    hintText: 'postContentPlaceholder'.tr,
+                                parentId: 'post-editor-preview',
-                                  ),
+                              ).paddingOnly(right: 16),
-                                  onTapOutside: (_) => FocusManager
+                            ),
-                                      .instance.primaryFocus
+                          ),
-                                      ?.unfocus(),
+                        ],
-                                ),
+                      )
-                              ),
+                    : Column(
-                              const Gap(120)
+                        children: [
+                          TabBar(
+                            tabs: [
+                              const Tab(icon: Icon(Icons.edit)),
+                              const Tab(icon: Icon(Icons.preview)),
                             ],
                           ),
-                        ),
+                          Expanded(
-                        Obx(() {
+                            child: TabBarView(
-                          final textStyle = TextStyle(
-                            fontSize: 12,
-                            color: Theme.of(context)
-                                .colorScheme
-                                .onSurface
-                                .withOpacity(0.75),
-                          );
-                          final showFactors = [
-                            _editorController.isRestoreFromLocal.value,
-                            _editorController.lastSaveTime.value != null,
-                          ];
-                          final doShow = showFactors.any((x) => x);
-                          return Container(
-                            padding: const EdgeInsets.symmetric(
-                              vertical: 4,
-                              horizontal: 16,
-                            ),
-                            child: Row(
                               children: [
-                                if (showFactors[0])
+                                _PostEditorTextField(
-                                  Text('postRestoreFromLocal'.tr,
+                                  focusNode: _contentFocusNode,
-                                          style: textStyle)
+                                  controller: _editorController,
-                                      .paddingOnly(right: 4),
+                                  onUpdate: () => setState(() {}),
-                                if (showFactors[0])
+                                ),
-                                  InkWell(
+                                SingleChildScrollView(
-                                    child: Text('clear'.tr, style: textStyle),
+                                  padding: const EdgeInsets.only(
-                                    onTap: () {
+                                    top: 12,
-                                      _editorController.localClear();
+                                    bottom: 64,
-                                      _editorController.currentClear();
-                                      setState(() {});
-                                    },
-                                  ),
-                                if (showFactors.where((x) => x).length > 1)
-                                  Text(
-                                    '·',
-                                    style: textStyle,
-                                  ).paddingSymmetric(horizontal: 8),
-                                if (showFactors[1])
-                                  Text(
-                                    'postAutoSaveAt'.trParams({
-                                      'date': DateFormat('HH:mm:ss').format(
-                                        _editorController.lastSaveTime.value ??
-                                            DateTime.now(),
-                                      )
-                                    }),
-                                    style: textStyle,
                                   ),
+                                  child: MarkdownTextContent(
+                                    isAutoWarp:
+                                        _editorController.mode.value == 0,
+                                    content: _editorController
+                                        .contentController.text,
+                                    parentId: 'post-editor-preview',
+                                  ).paddingOnly(left: 16, right: 16),
+                                )
                               ],
                             ),
-                          )
+                          ),
-                              .animate(
+                        ],
-                                key: const Key('post-editor-hint-animation'),
-                                target: doShow ? 1 : 0,
-                              )
-                              .fade(curve: Curves.easeInOut, duration: 300.ms);
-                        }),
-                      ],
-                    ),
-                  ),
-                  if (AppTheme.isLargeScreen(context))
-                    const VerticalDivider(width: 0.3, thickness: 0.3)
-                        .paddingSymmetric(
-                      horizontal: 16,
-                    ),
-                  if (AppTheme.isLargeScreen(context))
-                    Expanded(
-                      child: SingleChildScrollView(
-                        child: MarkdownTextContent(
-                          isAutoWarp: _editorController.mode.value == 0,
-                          content: _editorController.contentController.text,
-                          parentId: 'post-editor-preview',
-                        ).paddingOnly(top: 12, right: 16),
                       ),
-                    ),
-                ],
               ),
             ),
             Material(
@@ -391,6 +348,26 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   const Divider(thickness: 0.3, height: 0.3),
+                  SizedBox(
+                    height: 40,
+                    child: SingleChildScrollView(
+                      scrollDirection: Axis.horizontal,
+                      child: MarkdownToolbar(
+                        width: 38,
+                        height: 38,
+                        iconSize: 20,
+                        spacing: 8,
+                        hideImage: true,
+                        useIncludedTextField: false,
+                        backgroundColor: Theme.of(context).colorScheme.surface,
+                        iconColor: Theme.of(context).colorScheme.onSurface,
+                        controller: _editorController.contentController,
+                        focusNode: _contentFocusNode,
+                        borderRadius:
+                            const BorderRadius.all(Radius.circular(20)),
+                      ).paddingSymmetric(horizontal: 12),
+                    ),
+                  ).paddingOnly(top: 12),
                   SizedBox(
                     height: 56,
                     child: ListView(
@@ -520,7 +497,7 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
                                 top: -4,
                                 end: -6,
                               ),
-                              child: const Icon(Icons.preview),
+                              child: const Icon(Icons.wallpaper),
                             );
                           }),
                           color: Theme.of(context).colorScheme.primary,
@@ -547,18 +524,6 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
                             _editorController.editPublishDate(context);
                           },
                         ),
-                        MarkdownToolbar(
-                          hideImage: true,
-                          useIncludedTextField: false,
-                          backgroundColor:
-                              Theme.of(context).colorScheme.surface,
-                          iconColor: Theme.of(context).colorScheme.onSurface,
-                          controller: _editorController.contentController,
-                          focusNode: _contentFocusNode,
-                          borderRadius:
-                              const BorderRadius.all(Radius.circular(20)),
-                          width: 40,
-                        ).paddingSymmetric(horizontal: 2),
                       ],
                     ).paddingSymmetric(horizontal: 6, vertical: 8),
                   ),
@@ -578,3 +543,101 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
     super.dispose();
   }
 }
+
+class _PostEditorTextField extends StatelessWidget {
+  final FocusNode focusNode;
+  final PostEditorController controller;
+  final Function onUpdate;
+
+  const _PostEditorTextField({
+    required this.focusNode,
+    required this.controller,
+    required this.onUpdate,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Expanded(
+          child: ListView(
+            children: [
+              Container(
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 16,
+                  vertical: 8,
+                ),
+                child: TextField(
+                  maxLines: null,
+                  autofocus: true,
+                  autocorrect: true,
+                  keyboardType: TextInputType.multiline,
+                  controller: controller.contentController,
+                  focusNode: focusNode,
+                  decoration: InputDecoration.collapsed(
+                    hintText: 'postContentPlaceholder'.tr,
+                  ),
+                  onTapOutside: (_) =>
+                      FocusManager.instance.primaryFocus?.unfocus(),
+                ),
+              ),
+              const Gap(120)
+            ],
+          ),
+        ),
+        Obx(() {
+          final textStyle = TextStyle(
+            fontSize: 12,
+            color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
+          );
+          final showFactors = [
+            controller.isRestoreFromLocal.value,
+            controller.lastSaveTime.value != null,
+          ];
+          final doShow = showFactors.any((x) => x);
+          return Container(
+            padding: const EdgeInsets.symmetric(
+              vertical: 4,
+              horizontal: 16,
+            ),
+            child: Row(
+              children: [
+                if (showFactors[0])
+                  Text('postRestoreFromLocal'.tr, style: textStyle)
+                      .paddingOnly(right: 4),
+                if (showFactors[0])
+                  InkWell(
+                    child: Text('clear'.tr, style: textStyle),
+                    onTap: () {
+                      controller.localClear();
+                      controller.currentClear();
+                      onUpdate();
+                    },
+                  ),
+                if (showFactors.where((x) => x).length > 1)
+                  Text(
+                    '·',
+                    style: textStyle,
+                  ).paddingSymmetric(horizontal: 8),
+                if (showFactors[1])
+                  Text(
+                    'postAutoSaveAt'.trParams({
+                      'date': DateFormat('HH:mm:ss').format(
+                        controller.lastSaveTime.value ?? DateTime.now(),
+                      )
+                    }),
+                    style: textStyle,
+                  ),
+              ],
+            ),
+          )
+              .animate(
+                key: const Key('post-editor-hint-animation'),
+                target: doShow ? 1 : 0,
+              )
+              .fade(curve: Curves.easeInOut, duration: 300.ms);
+        }),
+      ],
+    );
+  }
+}

lib/screens/posts/post_search.dart

@@ -0,0 +1,206 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:get/get.dart';
+import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
+import 'package:solian/models/pagination.dart';
+import 'package:solian/providers/content/posts.dart';
+import 'package:solian/widgets/loading_indicator.dart';
+import 'package:solian/widgets/posts/post_list.dart';
+
+import '../../models/post.dart';
+
+class PostSearchScreen extends StatefulWidget {
+  final String? tag;
+  final String? category;
+
+  const PostSearchScreen({super.key, this.tag, this.category});
+
+  @override
+  State<PostSearchScreen> createState() => _PostSearchScreenState();
+}
+
+class _PostSearchScreenState extends State<PostSearchScreen> {
+  int? _totalCount;
+  Duration? _lastTook;
+
+  final TextEditingController _probeController = TextEditingController();
+  final PagingController<int, Post> _pagingController =
+      PagingController(firstPageKey: 0);
+
+  late bool _isBusy = widget.tag != null || widget.category != null;
+
+  _searchPosts(int pageKey) async {
+    if (widget.tag == null &&
+        widget.category == null &&
+        _probeController.text.isEmpty) {
+      _pagingController.appendLastPage([]);
+      return;
+    }
+
+    if (!_isBusy) {
+      setState(() => _isBusy = true);
+    }
+
+    if (pageKey == 0) {
+      _pagingController.itemList?.clear();
+      _pagingController.nextPageKey = 0;
+    }
+
+    final PostProvider posts = Get.find();
+
+    Stopwatch stopwatch = new Stopwatch()..start();
+
+    Response resp;
+    try {
+      if (_probeController.text.isEmpty) {
+        resp = await posts.listPost(
+          pageKey,
+          tag: widget.tag,
+          category: widget.category,
+        );
+      } else {
+        resp = await posts.searchPost(
+          _probeController.text,
+          pageKey,
+          tag: widget.tag,
+          category: widget.category,
+        );
+      }
+    } catch (e) {
+      _pagingController.error = e;
+      return;
+    }
+
+    final PaginationResult result = PaginationResult.fromJson(resp.body);
+    final parsed = result.data?.map((e) => Post.fromJson(e)).toList();
+    if (parsed != null && parsed.length >= 10) {
+      _pagingController.appendPage(parsed, pageKey + parsed.length);
+    } else if (parsed != null) {
+      _pagingController.appendLastPage(parsed);
+    }
+
+    stopwatch.stop();
+
+    _totalCount = result.count;
+    _lastTook = stopwatch.elapsed;
+
+    setState(() => _isBusy = false);
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _pagingController.addPageRequestListener(_searchPosts);
+  }
+
+  @override
+  void dispose() {
+    _probeController.dispose();
+    _pagingController.dispose();
+    super.dispose();
+  }
+
+  Color get _unFocusColor =>
+      Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Column(
+        children: [
+          if (widget.tag != null)
+            ListTile(
+              leading: const Icon(Icons.label),
+              contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+              tileColor: Theme.of(context)
+                  .colorScheme
+                  .surfaceContainer
+                  .withOpacity(0.5),
+              title: Text('postSearchWithTag'.trParams({'key': widget.tag!})),
+            ),
+          if (widget.category != null)
+            ListTile(
+              leading: const Icon(Icons.category),
+              contentPadding: const EdgeInsets.symmetric(horizontal: 24),
+              tileColor: Theme.of(context)
+                  .colorScheme
+                  .surfaceContainer
+                  .withOpacity(0.5),
+              title: Text('postSearchWithCategory'.trParams({
+                'key': widget.category!,
+              })),
+            ),
+          Container(
+            color: Theme.of(context)
+                .colorScheme
+                .secondaryContainer
+                .withOpacity(0.5),
+            padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
+            child: TextField(
+              controller: _probeController,
+              decoration: InputDecoration(
+                isCollapsed: true,
+                border: InputBorder.none,
+                hintText: 'search'.tr,
+              ),
+              onSubmitted: (_) {
+                _searchPosts(0);
+              },
+            ),
+          ),
+          LoadingIndicator(isActive: _isBusy),
+          if (_totalCount != null || _lastTook != null)
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 4),
+              child: Row(
+                children: [
+                  Icon(
+                    Icons.summarize_outlined,
+                    size: 16,
+                    color: _unFocusColor,
+                  ),
+                  const Gap(4),
+                  if (_totalCount != null)
+                    Text(
+                      'searchResult'.trParams({
+                        'count': _totalCount!.toString(),
+                      }),
+                      style: TextStyle(
+                        fontSize: 13,
+                        color: _unFocusColor,
+                      ),
+                    ),
+                  const Gap(4),
+                  if (_lastTook != null)
+                    Text(
+                      'searchTook'.trParams({
+                        'time':
+                            '${(_lastTook!.inMilliseconds / 1000).toStringAsFixed(3)}s',
+                      }),
+                      style: TextStyle(
+                        fontSize: 13,
+                        color: _unFocusColor,
+                      ),
+                    ),
+                ],
+              ),
+            ),
+          Expanded(
+            child: RefreshIndicator(
+              onRefresh: () => Future.sync(() => _pagingController.refresh()),
+              child: CustomScrollView(
+                slivers: [
+                  ControlledPostListWidget(
+                    controller: _pagingController,
+                    onUpdate: () => _pagingController.refresh(),
+                  ),
+                  SliverGap(MediaQuery.of(context).padding.bottom),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/realms.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/realm.dart';
@@ -15,6 +14,7 @@ import 'package:solian/widgets/app_bar_leading.dart';
 import 'package:solian/widgets/app_bar_title.dart';
 import 'package:solian/widgets/auto_cache_image.dart';
 import 'package:solian/widgets/current_state_action.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 import 'package:solian/widgets/root_container.dart';
 import 'package:solian/widgets/sized_container.dart';
 
@@ -93,12 +93,13 @@ class _RealmListScreenState extends State<RealmListScreen> {
 
           return Column(
             children: [
-              if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+              LoadingIndicator(isActive: _isBusy),
               Expanded(
                 child: CenteredContainer(
                   child: RefreshIndicator(
                     onRefresh: () => _getRealms(),
                     child: ListView.builder(
+                      padding: const EdgeInsets.symmetric(vertical: 16),
                       itemCount: _realms.length,
                       itemBuilder: (context, index) {
                         final element = _realms[index];
@@ -155,7 +156,7 @@ class _RealmListScreenState extends State<RealmListScreen> {
                                 size: 18,
                               ),
                             )
-                          : AccountAvatar(
+                          : AttachedCircleAvatar(
                               content: element.avatar!,
                               bgColor: Theme.of(context).colorScheme.primary,
                             ),

lib/screens/realms/realm_organize.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:get/get.dart';
 import 'package:image_cropper/image_cropper.dart';
 import 'package:image_picker/image_picker.dart';
@@ -13,6 +12,7 @@ import 'package:solian/router.dart';
 import 'package:solian/theme.dart';
 import 'package:solian/widgets/app_bar_leading.dart';
 import 'package:solian/widgets/app_bar_title.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 import 'package:solian/widgets/root_container.dart';
 import 'package:uuid/uuid.dart';
 
@@ -208,7 +208,7 @@ class _RealmOrganizeScreenState extends State<RealmOrganizeScreen> {
           top: false,
           child: Column(
             children: [
-              if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+              LoadingIndicator(isActive: _isBusy),
               if (widget.edit != null)
                 MaterialBanner(
                   leading: const Icon(Icons.edit),

lib/screens/settings.dart

@@ -19,7 +19,6 @@ import 'package:solian/providers/database/database.dart';
 import 'package:solian/providers/theme_switcher.dart';
 import 'package:solian/router.dart';
 import 'package:solian/widgets/reports/abuse_report.dart';
-import 'package:solian/widgets/root_container.dart';
 
 class SettingScreen extends StatefulWidget {
   const SettingScreen({super.key});
@@ -83,259 +82,258 @@ class _SettingScreenState extends State<SettingScreen> {
 
   @override
   Widget build(BuildContext context) {
-    return RootContainer(
+    return ListView(
-      child: ListView(
+      children: [
-        children: [
+        _buildCaptionHeader('theme'.tr),
-          _buildCaptionHeader('theme'.tr),
+        ListTile(
-          ListTile(
+          leading: const Icon(Icons.palette),
-            leading: const Icon(Icons.palette),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-            contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+          title: Text('globalTheme'.tr),
-            title: Text('globalTheme'.tr),
+          trailing: DropdownButtonHideUnderline(
-            trailing: DropdownButtonHideUnderline(
+            child: DropdownButton2<SolianThemeData>(
-              child: DropdownButton2<SolianThemeData>(
+              isExpanded: true,
-                isExpanded: true,
+              hint: Text(
-                hint: Text(
+                'theme'.tr,
-                  'theme'.tr,
+                style: TextStyle(
-                  style: TextStyle(
+                  fontSize: 14,
-                    fontSize: 14,
+                  color: Theme.of(context).hintColor,
-                    color: Theme.of(context).hintColor,
-                  ),
                 ),
-                items: _presentTheme
+              ),
-                    .map((SolianThemeData item) =>
+              items: _presentTheme
-                        DropdownMenuItem<SolianThemeData>(
+                  .map((SolianThemeData item) =>
-                          value: item,
+                      DropdownMenuItem<SolianThemeData>(
-                          child: Row(
+                        value: item,
-                            crossAxisAlignment: CrossAxisAlignment.center,
+                        child: Row(
-                            children: [
+                          crossAxisAlignment: CrossAxisAlignment.center,
-                              Icon(Icons.circle, color: item.seedColor),
+                          children: [
-                              const Gap(8),
+                            Icon(Icons.circle, color: item.seedColor),
-                              Text(
+                            const Gap(8),
+                            Expanded(
+                              child: Text(
                                 item.id.tr,
+                                maxLines: 1,
+                                overflow: TextOverflow.ellipsis,
                                 style: const TextStyle(
                                   fontSize: 14,
                                 ),
                               ),
-                            ],
+                            ),
-                          ),
+                          ],
-                        ))
+                        ),
-                    .toList(),
+                      ))
-                value: (_prefs?.containsKey('global_theme') ?? false)
+                  .toList(),
-                    ? SolianThemeData.fromJson(
+              value: (_prefs?.containsKey('global_theme') ?? false)
-                        jsonDecode(_prefs!.getString('global_theme')!),
+                  ? SolianThemeData.fromJson(
-                      )
+                      jsonDecode(_prefs!.getString('global_theme')!),
-                    : null,
+                    )
-                onChanged: (SolianThemeData? value) {
+                  : null,
-                  context.read<ThemeSwitcher>().setThemeData(value);
+              onChanged: (SolianThemeData? value) {
-                  setState(() {});
+                context.read<ThemeSwitcher>().setThemeData(value);
-                },
+                setState(() {});
-                buttonStyleData: const ButtonStyleData(
+              },
-                  padding: EdgeInsets.symmetric(horizontal: 8),
+              buttonStyleData: const ButtonStyleData(
-                  height: 40,
+                padding: EdgeInsets.symmetric(horizontal: 8),
-                  width: 140,
+                height: 40,
-                ),
+                width: 140,
-                menuItemStyleData: const MenuItemStyleData(
+              ),
-                  height: 40,
+              menuItemStyleData: const MenuItemStyleData(
-                ),
+                height: 40,
               ),
             ),
           ),
-          CheckboxListTile(
+        ),
-            secondary: const Icon(Icons.military_tech),
+        CheckboxListTile(
-            contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+          secondary: const Icon(Icons.military_tech),
-            title: Text('agedTheme'.tr),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-            subtitle: Text('agedThemeDesc'.tr),
+          title: Text('agedTheme'.tr),
-            value: _prefs?.getBool('aged_theme') ?? false,
+          subtitle: Text('agedThemeDesc'.tr),
-            onChanged: (value) {
+          value: _prefs?.getBool('aged_theme') ?? false,
-              if (value != null) {
+          onChanged: (value) {
-                context.read<ThemeSwitcher>().setAgedTheme(value);
+            if (value != null) {
+              context.read<ThemeSwitcher>().setAgedTheme(value);
+            }
+            setState(() {});
+          },
+        ),
+        if (!PlatformInfo.isWeb)
+          ListTile(
+            leading: const Icon(Icons.wallpaper),
+            contentPadding: const EdgeInsets.only(left: 22, right: 31),
+            title: Text('appBackgroundImage'.tr),
+            subtitle: Text('appBackgroundImageDesc'.tr),
+            trailing: File('$_docBasepath/app_background_image').existsSync()
+                ? const Icon(Icons.check_box)
+                : const Icon(Icons.check_box_outline_blank),
+            onTap: () async {
+              if (File('$_docBasepath/app_background_image').existsSync()) {
+                File('$_docBasepath/app_background_image').deleteSync();
+              } else {
+                final image = await ImagePicker().pickImage(
+                  source: ImageSource.gallery,
+                );
+                if (image == null) return;
+
+                await File(image.path)
+                    .copy('$_docBasepath/app_background_image');
               }
+
               setState(() {});
             },
           ),
-          if (!PlatformInfo.isWeb)
+        _buildCaptionHeader('notification'.tr),
-            ListTile(
+        Tooltip(
-              leading: const Icon(Icons.wallpaper),
+          message: 'settingsNotificationBgServiceDesc'.tr,
-              contentPadding: const EdgeInsets.only(left: 22, right: 31),
+          child: CheckboxListTile(
-              title: Text('appBackgroundImage'.tr),
-              subtitle: Text('appBackgroundImageDesc'.tr),
-              trailing: File('$_docBasepath/app_background_image').existsSync()
-                  ? const Icon(Icons.check_box)
-                  : const Icon(Icons.check_box_outline_blank),
-              onTap: () async {
-                if (File('$_docBasepath/app_background_image').existsSync()) {
-                  File('$_docBasepath/app_background_image').deleteSync();
-                } else {
-                  final image = await ImagePicker().pickImage(
-                    source: ImageSource.gallery,
-                  );
-                  if (image == null) return;
-
-                  await File(image.path)
-                      .copy('$_docBasepath/app_background_image');
-                }
-
-                setState(() {});
-              },
-            ),
-          _buildCaptionHeader('notification'.tr),
-          Tooltip(
-            message: 'settingsNotificationBgServiceDesc'.tr,
-            child: CheckboxListTile(
-              contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-              secondary: const Icon(Icons.system_security_update_warning),
-              enabled: PlatformInfo.isAndroid,
-              title: Text('settingsNotificationBgService'.tr),
-              subtitle: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Text('holdToSeeDetail'.tr),
-                  Text(
-                    'needRestartToApply'.tr,
-                    style: const TextStyle(fontWeight: FontWeight.bold),
-                  )
-                ],
-              ),
-              value:
-                  _prefs?.getBool('service_background_notification') ?? false,
-              onChanged: (value) {
-                _prefs
-                    ?.setBool('service_background_notification', value ?? false)
-                    .then((_) {
-                  setState(() {});
-                });
-              },
-            ),
-          ),
-          _buildCaptionHeader('update'.tr),
-          CheckboxListTile(
             contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-            secondary: const Icon(Icons.sync_alt),
+            secondary: const Icon(Icons.system_security_update_warning),
-            title: Text('updateCheckStrictly'.tr),
+            enabled: PlatformInfo.isAndroid,
-            subtitle: Text('updateCheckStrictlyDesc'.tr),
+            title: Text('settingsNotificationBgService'.tr),
-            value: _prefs?.getBool('check_update_strictly') ?? false,
+            subtitle: Column(
-            onChanged: (value) {
+              crossAxisAlignment: CrossAxisAlignment.start,
-              _prefs
-                  ?.setBool('check_update_strictly', value ?? false)
-                  .then((_) {
-                setState(() {});
-              });
-            },
-          ),
-          Obx(() {
-            final AuthProvider auth = Get.find<AuthProvider>();
-            if (!auth.isAuthorized.value) return const SizedBox.shrink();
-            return Column(
               children: [
-                _buildCaptionHeader('account'.tr),
+                Text('holdToSeeDetail'.tr),
-                ListTile(
+                Text(
-                  leading: const Icon(Icons.flag),
+                  'needRestartToApply'.tr,
-                  trailing: const Icon(Icons.chevron_right),
+                  style: const TextStyle(fontWeight: FontWeight.bold),
-                  contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+                )
-                  title: Text('reportAbuse'.tr),
-                  subtitle: Text('reportAbuseDesc'.tr),
-                  onTap: () {
-                    showDialog(
-                      context: context,
-                      builder: (context) => const AbuseReportDialog(),
-                    );
-                  },
-                ),
-                ListTile(
-                  leading: const Icon(Icons.person_remove),
-                  trailing: const Icon(Icons.chevron_right),
-                  contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-                  title: Text('accountDeletion'.tr),
-                  subtitle: Text('accountDeletionDesc'.tr),
-                  onTap: () {
-                    context
-                        .showSlideToConfirmDialog(
-                      'accountDeletionConfirm'.tr,
-                      'accountDeletionConfirmDesc'.trParams({
-                        'account': '@${auth.userProfile.value!['name']}',
-                      }),
-                    )
-                        .then((value) async {
-                      if (value != true) return;
-                      final client = await auth.configureClient('id');
-                      final resp = await client.post('/users/me/deletion', {});
-                      if (resp.statusCode != 200) {
-                        context.showErrorDialog(RequestException(resp));
-                      } else {
-                        context.showSnackbar('accountDeletionRequested'.tr);
-                      }
-                    });
-                  },
-                ),
               ],
-            );
+            ),
-          }),
+            value: _prefs?.getBool('service_background_notification') ?? false,
-          _buildCaptionHeader('performance'.tr),
-          CheckboxListTile(
-            contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-            secondary: const Icon(Icons.message),
-            title: Text('animatedMessageList'.tr),
-            subtitle: Text('animatedMessageListDesc'.tr),
-            value: _prefs?.getBool('non_animated_message_list') ?? false,
             onChanged: (value) {
               _prefs
-                  ?.setBool('non_animated_message_list', value ?? false)
+                  ?.setBool('service_background_notification', value ?? false)
                   .then((_) {
                 setState(() {});
               });
             },
           ),
-          _buildCaptionHeader('more'.tr),
+        ),
-          ListTile(
+        _buildCaptionHeader('update'.tr),
-            leading: const Icon(Icons.delete_sweep),
+        CheckboxListTile(
-            trailing: const Icon(Icons.chevron_right),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-            subtitle: FutureBuilder(
+          secondary: const Icon(Icons.sync_alt),
-              future: AppDatabase.getDatabaseSize(),
+          title: Text('updateCheckStrictly'.tr),
-              builder: (context, snapshot) {
+          subtitle: Text('updateCheckStrictlyDesc'.tr),
-                if (!snapshot.hasData) {
+          value: _prefs?.getBool('check_update_strictly') ?? false,
-                  return Text('localDatabaseSize'.trParams(
+          onChanged: (value) {
-                    {'size': 'unknown'.tr},
+            _prefs?.setBool('check_update_strictly', value ?? false).then((_) {
-                  ));
+              setState(() {});
-                }
+            });
+          },
+        ),
+        Obx(() {
+          final AuthProvider auth = Get.find<AuthProvider>();
+          if (!auth.isAuthorized.value) return const SizedBox.shrink();
+          return Column(
+            children: [
+              _buildCaptionHeader('account'.tr),
+              ListTile(
+                leading: const Icon(Icons.flag),
+                trailing: const Icon(Icons.chevron_right),
+                contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+                title: Text('reportAbuse'.tr),
+                subtitle: Text('reportAbuseDesc'.tr),
+                onTap: () {
+                  showDialog(
+                    context: context,
+                    builder: (context) => const AbuseReportDialog(),
+                  );
+                },
+              ),
+              ListTile(
+                leading: const Icon(Icons.person_remove),
+                trailing: const Icon(Icons.chevron_right),
+                contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+                title: Text('accountDeletion'.tr),
+                subtitle: Text('accountDeletionDesc'.tr),
+                onTap: () {
+                  context
+                      .showSlideToConfirmDialog(
+                    'accountDeletionConfirm'.tr,
+                    'accountDeletionConfirmDesc'.trParams({
+                      'account': '@${auth.userProfile.value!['name']}',
+                    }),
+                  )
+                      .then((value) async {
+                    if (value != true) return;
+                    final client = await auth.configureClient('id');
+                    final resp = await client.post('/users/me/deletion', {});
+                    if (resp.statusCode != 200) {
+                      context.showErrorDialog(RequestException(resp));
+                    } else {
+                      context.showSnackbar('accountDeletionRequested'.tr);
+                    }
+                  });
+                },
+              ),
+            ],
+          );
+        }),
+        _buildCaptionHeader('performance'.tr),
+        CheckboxListTile(
+          contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+          secondary: const Icon(Icons.message),
+          title: Text('animatedMessageList'.tr),
+          subtitle: Text('animatedMessageListDesc'.tr),
+          value: _prefs?.getBool('non_animated_message_list') ?? false,
+          onChanged: (value) {
+            _prefs
+                ?.setBool('non_animated_message_list', value ?? false)
+                .then((_) {
+              setState(() {});
+            });
+          },
+        ),
+        _buildCaptionHeader('more'.tr),
+        ListTile(
+          leading: const Icon(Icons.delete_sweep),
+          trailing: const Icon(Icons.chevron_right),
+          subtitle: FutureBuilder(
+            future: AppDatabase.getDatabaseSize(),
+            builder: (context, snapshot) {
+              if (!snapshot.hasData) {
                 return Text('localDatabaseSize'.trParams(
-                  {'size': snapshot.data!.formatBytes()},
+                  {'size': 'unknown'.tr},
                 ));
-              },
+              }
-            ),
+              return Text('localDatabaseSize'.trParams(
-            contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+                {'size': snapshot.data!.formatBytes()},
-            title: Text('localDatabaseWipe'.tr),
+              ));
-            onTap: () {
-              AppDatabase.removeDatabase().then((_) {
-                setState(() {});
-              });
             },
           ),
-          if (PlatformInfo.canRateTheApp)
+          contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-            ListTile(
+          title: Text('localDatabaseWipe'.tr),
-              leading: const Icon(Icons.star),
+          onTap: () {
-              trailing: const Icon(Icons.chevron_right),
+            AppDatabase.removeDatabase().then((_) {
-              contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+              setState(() {});
-              title: Text('rateTheApp'.tr),
+            });
-              subtitle: Text('rateTheAppDesc'.tr),
+          },
-              onTap: () {
+        ),
-                final inAppReview = InAppReview.instance;
+        if (PlatformInfo.canRateTheApp)
-
-                inAppReview.openStoreListing(
-                  appStoreId: '6499032345',
-                );
-              },
-            ),
           ListTile(
-            leading: const Icon(Icons.info_outline),
+            leading: const Icon(Icons.star),
             trailing: const Icon(Icons.chevron_right),
             contentPadding: const EdgeInsets.symmetric(horizontal: 22),
-            title: Text('about'.tr),
+            title: Text('rateTheApp'.tr),
+            subtitle: Text('rateTheAppDesc'.tr),
             onTap: () {
-              AppRouter.instance.pushNamed('about');
+              final inAppReview = InAppReview.instance;
+
+              inAppReview.openStoreListing(
+                appStoreId: '6499032345',
+              );
             },
           ),
-        ],
+        ListTile(
-      ),
+          leading: const Icon(Icons.info_outline),
+          trailing: const Icon(Icons.chevron_right),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 22),
+          title: Text('about'.tr),
+          onTap: () {
+            AppRouter.instance.pushNamed('about');
+          },
+        ),
+      ],
     );
   }
 }

lib/shells/root_shell.dart

@@ -43,21 +43,34 @@ class RootShell extends StatelessWidget {
 
     final showRailNavigation = AppTheme.isLargeScreen(context);
 
-    final destNames = AppNavigation.destinations.map((x) => x.page).toList();
+    final destNames = [
+      'postDetail',
+      ...AppNavigation.destinations.map((x) => x.page),
+    ];
     final showBottomNavigation =
         destNames.contains(routeName) && !showRailNavigation;
 
     return Scaffold(
       key: rootScaffoldKey,
+      backgroundColor: Theme.of(context).colorScheme.surface,
       bottomNavigationBar: showBottomNavigation
           ? AppNavigationBottom(
-              initialIndex: destNames.indexOf(routeName ?? 'page'),
+              initialIndex: AppNavigation.destinations
+                  .map((x) => x.page)
+                  .toList()
+                  .indexOf(routeName ?? 'page'),
             )
           : null,
       body: AppTheme.isLargeScreen(context)
           ? Row(
               children: [
-                if (showRailNavigation) const AppNavigationRail(),
+                if (showRailNavigation)
+                  AppNavigationRail(
+                    initialIndex: AppNavigation.destinations
+                        .map((x) => x.page)
+                        .toList()
+                        .indexOf(routeName ?? 'page'),
+                  ),
                 if (showRailNavigation)
                   const VerticalDivider(
                     width: 0.3,

lib/shells/title_shell.dart

@@ -10,6 +10,7 @@ import 'package:solian/widgets/root_container.dart';
 class TitleShell extends StatelessWidget {
   final bool showAppBar;
   final bool isCenteredTitle;
+  final bool isResponsive;
   final String? title;
   final GoRouterState? state;
   final Widget child;
@@ -21,32 +22,37 @@ class TitleShell extends StatelessWidget {
     this.state,
     this.showAppBar = true,
     this.isCenteredTitle = false,
+    this.isResponsive = false,
   });
 
   @override
   Widget build(BuildContext context) {
     assert(state != null || title != null);
 
-    return RootContainer(
+    final widget = Scaffold(
-      child: Scaffold(
+      appBar: showAppBar
-        appBar: showAppBar
+          ? AppBar(
-            ? AppBar(
+              leading: AppBarLeadingButton.adaptive(context),
-                leading: AppBarLeadingButton.adaptive(context),
+              title: AppBarTitle(
-                title: AppBarTitle(
+                title ?? (state!.topRoute?.name?.tr ?? 'page'.tr),
-                  title ?? (state!.topRoute?.name?.tr ?? 'page'.tr),
+              ),
+              centerTitle: isCenteredTitle,
+              toolbarHeight: AppTheme.toolbarHeight(context),
+              actions: [
+                const BackgroundStateWidget(),
+                SizedBox(
+                  width: AppTheme.isLargeScreen(context) ? 8 : 16,
                 ),
-                centerTitle: isCenteredTitle,
+              ],
-                toolbarHeight: AppTheme.toolbarHeight(context),
+            )
-                actions: [
+          : null,
-                  const BackgroundStateWidget(),
+      body: child,
-                  SizedBox(
-                    width: AppTheme.isLargeScreen(context) ? 8 : 16,
-                  ),
-                ],
-              )
-            : null,
-        body: child,
-      ),
     );
+
+    if (isResponsive) {
+      return ResponsiveRootContainer(child: widget);
+    } else {
+      return RootContainer(child: widget);
+    }
   }
 }

lib/theme.dart

@@ -39,10 +39,13 @@ abstract class AppTheme {
         brightness: brightness,
         seedColor: seedColor ?? const Color.fromRGBO(154, 98, 91, 1),
       ),
-      scaffoldBackgroundColor: Colors.transparent,
       snackBarTheme: const SnackBarThemeData(
         behavior: SnackBarBehavior.floating,
       ),
+      scaffoldBackgroundColor: Colors.transparent,
+      appBarTheme: const AppBarTheme(
+        backgroundColor: Colors.transparent,
+      ),
       fontFamily: 'Comfortaa',
       fontFamilyFallback: [
         'NotoSansSC',
@@ -74,6 +77,7 @@ abstract class AppTheme {
         behavior: SnackBarBehavior.floating,
       ),
       scaffoldBackgroundColor: Colors.transparent,
+      appBarTheme: const AppBarTheme(backgroundColor: Colors.transparent),
       fontFamily: data.fontFamily ?? 'Comfortaa',
       fontFamilyFallback: data.fontFamilyFallback ??
           [

lib/widgets/account/account_avatar.dart

@@ -1,15 +1,16 @@
 import 'package:flutter/material.dart';
 import 'package:solian/services.dart';
+import 'package:solian/widgets/account/account_profile_popup.dart';
 import 'package:solian/widgets/auto_cache_image.dart';
 
-class AccountAvatar extends StatelessWidget {
+class AttachedCircleAvatar extends StatelessWidget {
   final dynamic content;
   final Color? bgColor;
   final Color? feColor;
   final double? radius;
   final Widget? fallbackWidget;
 
-  const AccountAvatar({
+  const AttachedCircleAvatar({
     super.key,
     required this.content,
     this.bgColor,
@@ -39,7 +40,7 @@ class AccountAvatar extends StatelessWidget {
       child: isEmpty
           ? (fallbackWidget ??
               Icon(
-                Icons.account_circle,
+                Icons.image,
                 size: radius != null ? radius! * 1.2 : 24,
                 color: feColor,
               ))
@@ -48,6 +49,54 @@ class AccountAvatar extends StatelessWidget {
   }
 }
 
+class AccountAvatar extends StatelessWidget {
+  final dynamic content;
+  final String username;
+  final Color? bgColor;
+  final Color? feColor;
+  final double? radius;
+  final Widget? fallbackWidget;
+
+  const AccountAvatar({
+    super.key,
+    required this.content,
+    required this.username,
+    this.bgColor,
+    this.feColor,
+    this.radius,
+    this.fallbackWidget,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      child: AttachedCircleAvatar(
+        content: content,
+        bgColor: bgColor,
+        feColor: feColor,
+        radius: radius,
+        fallbackWidget: (fallbackWidget ??
+            Icon(
+              Icons.account_circle,
+              size: radius != null ? radius! * 1.2 : 24,
+              color: feColor,
+            )),
+      ),
+      onTap: () {
+        showModalBottomSheet(
+          useRootNavigator: true,
+          isScrollControlled: true,
+          backgroundColor: Theme.of(context).colorScheme.surface,
+          context: context,
+          builder: (context) => AccountProfilePopup(
+            name: username,
+          ),
+        );
+      },
+    );
+  }
+}
+
 class AccountProfileImage extends StatelessWidget {
   final dynamic content;
   final BoxFit fit;

lib/widgets/account/account_heading.dart

@@ -84,7 +84,7 @@ class AccountHeadingWidget extends StatelessWidget {
               Positioned(
                 bottom: -30,
                 left: 32,
-                child: AccountAvatar(content: avatar, radius: 40),
+                child: AttachedCircleAvatar(content: avatar, radius: 40),
               ),
             ],
           ),

lib/widgets/account/account_profile_popup.dart

@@ -89,8 +89,7 @@ class _AccountProfilePopupState extends State<AccountProfilePopup> {
 
     return SizedBox(
       height: MediaQuery.of(context).size.height * 0.75,
-      child: Column(
+      child: ListView(
-        crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           AccountHeadingWidget(
             avatar: _userinfo!.avatar,
@@ -118,7 +117,7 @@ class _AccountProfilePopupState extends State<AccountProfilePopup> {
                       const VisualDensity(horizontal: -4, vertical: -2),
                   trailing: const Icon(Icons.chevron_right),
                   onTap: () {
-                    AppRouter.instance.goNamed(
+                    AppRouter.instance.pushNamed(
                       'accountProfilePage',
                       pathParameters: {'name': _userinfo!.name},
                     );

lib/widgets/account/account_select.dart

@@ -138,7 +138,7 @@ class _AccountSelectorState extends State<AccountSelector> {
                 return ListTile(
                   title: Text(element.nick),
                   subtitle: Text(element.name),
-                  leading: AccountAvatar(content: element.avatar),
+                  leading: AttachedCircleAvatar(content: element.avatar),
                   trailing: widget.trailingBuilder != null
                       ? widget.trailingBuilder!(element)
                       : _checkSelected(element)

lib/widgets/account/relative_list.dart

@@ -23,7 +23,7 @@ class SilverRelativeList extends StatelessWidget {
       title: Text(element.related.nick),
       subtitle: Text(element.related.name),
       leading: GestureDetector(
-        child: AccountAvatar(content: element.related.avatar),
+        child: AttachedCircleAvatar(content: element.related.avatar),
         onTap: () {
           showModalBottomSheet(
             useRootNavigator: true,

lib/widgets/account/relative_select.dart

@@ -56,7 +56,7 @@ class _RelativeSelectorState extends State<RelativeSelector> {
                 return ListTile(
                   title: Text(element.nick),
                   subtitle: Text(element.name),
-                  leading: AccountAvatar(content: element.avatar),
+                  leading: AttachedCircleAvatar(content: element.avatar),
                   trailing: widget.trailingBuilder != null
                       ? widget.trailingBuilder!(element)
                       : null,

lib/widgets/app_bar_leading.dart

@@ -1,28 +1,22 @@
 import 'package:flutter/material.dart';
-import 'package:solian/shells/root_shell.dart';
 
 class AppBarLeadingButton extends StatelessWidget {
-  const AppBarLeadingButton({super.key});
+  final bool forceBack;
 
-  static Widget? adaptive(BuildContext context) {
+  const AppBarLeadingButton({super.key, this.forceBack = false});
-    final hasContent =
+
-        Navigator.canPop(context) || rootScaffoldKey.currentState!.hasDrawer;
+  static Widget? adaptive(BuildContext context, {bool forceBack = false}) {
-    return hasContent ? const AppBarLeadingButton() : null;
+    final hasContent = Navigator.canPop(context) || forceBack;
+    return hasContent ? AppBarLeadingButton(forceBack: forceBack) : null;
   }
 
   @override
   Widget build(BuildContext context) {
-    if (Navigator.canPop(context)) {
+    if (Navigator.canPop(context) || forceBack) {
       return BackButton(
         onPressed: () => Navigator.pop(context),
       );
     }
-    if (rootScaffoldKey.currentState!.hasDrawer) {
+    return const SizedBox.shrink();
-      return DrawerButton(
-        onPressed: () => rootScaffoldKey.currentState!.openDrawer(),
-      );
-    } else {
-      return const SizedBox.shrink();
-    }
   }
 }

lib/widgets/attachments/attachment_editor.dart

@@ -21,6 +21,7 @@ import 'package:solian/providers/content/attachment.dart';
 import 'package:solian/widgets/attachments/attachment_attr_editor.dart';
 import 'package:solian/widgets/attachments/attachment_editor_thumbnail.dart';
 import 'package:solian/widgets/attachments/attachment_fullscreen.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 
 class AttachmentEditorPopup extends StatefulWidget {
   final String pool;
@@ -660,7 +661,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                 ),
               ],
             ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
-            if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+            LoadingIndicator(isActive: _isBusy),
             Expanded(
               child: CustomScrollView(
                 slivers: [

lib/widgets/attachments/attachment_fullscreen.dart

@@ -8,6 +8,7 @@ import 'package:flutter_animate/flutter_animate.dart';
 import 'package:gal/gal.dart';
 import 'package:gap/gap.dart';
 import 'package:get/get.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/attachment.dart';
 import 'package:solian/platform.dart';
@@ -103,9 +104,10 @@ class _AttachmentFullScreenState extends State<AttachmentFullScreen> {
 
   @override
   Widget build(BuildContext context) {
-    final metaTextStyle = TextStyle(
+    final metaTextStyle = GoogleFonts.roboto(
       fontSize: 12,
       color: _unFocusColor,
+      height: 1,
     );
 
     return DismissiblePage(
@@ -175,7 +177,7 @@ class _AttachmentFullScreenState extends State<AttachmentFullScreen> {
                       Row(
                         children: [
                           IgnorePointer(
-                            child: AccountAvatar(
+                            child: AttachedCircleAvatar(
                               content: widget.item.account!.avatar,
                               radius: 19,
                             ),
@@ -239,27 +241,43 @@ class _AttachmentFullScreenState extends State<AttachmentFullScreen> {
                       child: Wrap(
                         spacing: 6,
                         children: [
-                          Text(
+                          if (widget.item.metadata?['exif'] == null)
-                            '#${widget.item.rid}',
-                            style: metaTextStyle,
-                          ),
-                          if (widget.item.metadata?['width'] != null &&
-                              widget.item.metadata?['height'] != null)
                             Text(
-                              '${widget.item.metadata?['width']}x${widget.item.metadata?['height']}',
+                              '#${widget.item.rid}',
                               style: metaTextStyle,
                             ),
-                          if (widget.item.metadata?['ratio'] != null)
+                          if (widget.item.metadata?['exif']?['Model'] != null)
                             Text(
-                              '${_getRatio().toPrecision(2)}',
+                              'shotOn'.trParams({
+                                'device': widget.item.metadata?['exif']
+                                    ?['Model']
+                              }),
+                              style: metaTextStyle,
+                            ).paddingOnly(right: 2),
+                          if (widget.item.metadata?['exif']?['ShutterSpeed'] !=
+                              null)
+                            Text(
+                              widget.item.metadata?['exif']?['ShutterSpeed'],
+                              style: metaTextStyle,
+                            ).paddingOnly(right: 2),
+                          if (widget.item.metadata?['exif']?['ISO'] != null)
+                            Text(
+                              'ISO${widget.item.metadata?['exif']?['ISO']}',
+                              style: metaTextStyle,
+                            ).paddingOnly(right: 2),
+                          if (widget.item.metadata?['exif']?['Megapixels'] !=
+                              null)
+                            Text(
+                              '${widget.item.metadata?['exif']?['Megapixels']}MP',
+                              style: metaTextStyle,
+                            )
+                          else
+                            Text(
+                              widget.item.size.formatBytes(),
                               style: metaTextStyle,
                             ),
                           Text(
-                            widget.item.size.formatBytes(),
+                            '${widget.item.metadata?['width']}x${widget.item.metadata?['height']}',
-                            style: metaTextStyle,
-                          ),
-                          Text(
-                            widget.item.mimetype,
                             style: metaTextStyle,
                           ),
                         ],

lib/widgets/attachments/attachment_item.dart

@@ -155,11 +155,18 @@ class _AttachmentItemImage extends StatelessWidget {
           ),
           if (showBadge && badge != null)
             Positioned(
-              right: 12,
+              right: 8,
-              bottom: 8,
+              bottom: 4,
               child: Material(
                 color: Colors.transparent,
-                child: Chip(label: Text(badge!)),
+                child: Chip(
+                  label: Text(badge!),
+                  labelStyle: GoogleFonts.robotoMono(),
+                  visualDensity: const VisualDensity(
+                    horizontal: -4,
+                    vertical: -2,
+                  ),
+                ),
               ),
             ),
           if (showHideButton && item.isMature)

lib/widgets/attachments/attachment_list.dart

@@ -1,7 +1,6 @@
 import 'dart:math' as math;
 import 'dart:ui';
 
-import 'package:carousel_slider/carousel_slider.dart';
 import 'package:dismissible_page/dismissible_page.dart';
 import 'package:flutter/material.dart' hide CarouselController;
 import 'package:flutter_animate/flutter_animate.dart';
@@ -15,27 +14,29 @@ import 'package:solian/widgets/sized_container.dart';
 
 class AttachmentList extends StatefulWidget {
   final String parentId;
-  final List<String> attachmentsId;
+  final List<String>? attachmentIds;
+  final List<Attachment>? attachments;
   final bool isGrid;
   final bool isColumn;
-  final bool isForceGrid;
+  final bool isFullWidth;
   final bool autoload;
-  final double flatMaxHeight;
   final double columnMaxWidth;
 
+  final EdgeInsets? padding;
   final double? width;
   final double? viewport;
 
   const AttachmentList({
     super.key,
     required this.parentId,
-    required this.attachmentsId,
+    this.attachmentIds,
+    this.attachments,
     this.isGrid = false,
     this.isColumn = false,
-    this.isForceGrid = false,
+    this.isFullWidth = false,
     this.autoload = false,
-    this.flatMaxHeight = 720,
     this.columnMaxWidth = 480,
+    this.padding,
     this.width,
     this.viewport,
   });
@@ -48,23 +49,24 @@ class _AttachmentListState extends State<AttachmentList> {
   bool _isLoading = true;
   bool _showMature = false;
 
+  // ignore: unused_field
   double _aspectRatio = 1;
 
-  List<Attachment?> _attachmentsMeta = List.empty();
+  List<Attachment?> _attachments = List.empty();
 
   void _getMetadataList() {
     final AttachmentProvider attach = Get.find();
 
-    if (widget.attachmentsId.isEmpty) {
+    if (widget.attachmentIds?.isEmpty ?? false) {
       return;
     } else {
-      _attachmentsMeta = List.filled(widget.attachmentsId.length, null);
+      _attachments = List.filled(widget.attachmentIds!.length, null);
     }
 
-    attach.listMetadata(widget.attachmentsId).then((result) {
+    attach.listMetadata(widget.attachmentIds!).then((result) {
       if (mounted) {
         setState(() {
-          _attachmentsMeta = result;
+          _attachments = result;
           _isLoading = false;
         });
       }
@@ -76,7 +78,7 @@ class _AttachmentListState extends State<AttachmentList> {
     bool isConsistent = true;
     double? consistentValue;
     int portrait = 0, square = 0, landscape = 0;
-    for (var entry in _attachmentsMeta) {
+    for (var entry in _attachments) {
       if (entry == null) continue;
       if (entry.metadata?['ratio'] != null) {
         if (entry.metadata?['ratio'] is int) {
@@ -117,10 +119,9 @@ class _AttachmentListState extends State<AttachmentList> {
       item: element,
       parentId: widget.parentId,
       width: width ?? widget.width,
-      badgeContent: '${idx + 1}/${_attachmentsMeta.length}',
+      badgeContent: '${idx + 1}/${_attachments.length}',
-      showBadge:
+      showBadge: _attachments.length > 1 && !widget.isGrid && !widget.isColumn,
-          _attachmentsMeta.length > 1 && !widget.isGrid && !widget.isColumn,
+      showBorder: _attachments.length > 1,
-      showBorder: widget.attachmentsId.length > 1,
       showMature: _showMature,
       autoload: widget.autoload,
       onReveal: (value) {
@@ -132,7 +133,26 @@ class _AttachmentListState extends State<AttachmentList> {
   @override
   void initState() {
     super.initState();
-    _getMetadataList();
+    assert(widget.attachmentIds != null || widget.attachments != null);
+    if (widget.attachments == null) {
+      final AttachmentProvider attach = Get.find();
+      final cachedResult = attach.listMetadataFromCache(widget.attachmentIds!);
+      if (cachedResult.every((x) => x != null)) {
+        setState(() {
+          _attachments = cachedResult;
+          _isLoading = false;
+        });
+        _calculateAspectRatio();
+      } else {
+        _getMetadataList();
+      }
+    } else {
+      setState(() {
+        _attachments = widget.attachments!;
+        _isLoading = false;
+      });
+      _calculateAspectRatio();
+    }
   }
 
   Color get _unFocusColor =>
@@ -140,7 +160,7 @@ class _AttachmentListState extends State<AttachmentList> {
 
   @override
   Widget build(BuildContext context) {
-    if (widget.attachmentsId.isEmpty) {
+    if (widget.attachmentIds?.isEmpty ?? widget.attachments!.isEmpty) {
       return const SizedBox.shrink();
     }
 
@@ -153,9 +173,7 @@ class _AttachmentListState extends State<AttachmentList> {
             color: _unFocusColor,
           ).paddingOnly(right: 5),
           Text(
-            'attachmentHint'.trParams(
+            'attachmentHint'.trParams({'count': _attachments.toString()}),
-              {'count': widget.attachmentsId.length.toString()},
-            ),
             style: TextStyle(color: _unFocusColor, fontSize: 12),
           )
         ],
@@ -165,17 +183,89 @@ class _AttachmentListState extends State<AttachmentList> {
           .fadeIn(duration: 1250.ms);
     }
 
+    const radius = BorderRadius.all(Radius.circular(8));
+
+    if (widget.isFullWidth && _attachments.length == 1) {
+      final element = _attachments.first;
+      final isImage = element!.mimetype.split('/').firstOrNull == 'image';
+      double ratio =
+          element.metadata?['ratio']?.toDouble() ?? (isImage ? 1 : 16 / 9);
+      return Container(
+        width: MediaQuery.of(context).size.width,
+        constraints: BoxConstraints(
+          maxHeight: 640,
+        ),
+        child: AspectRatio(
+          aspectRatio: ratio,
+          child: Container(
+            decoration: BoxDecoration(
+              color: Theme.of(context)
+                  .colorScheme
+                  .surfaceContainer
+                  .withOpacity(0.5),
+              border: Border.symmetric(
+                horizontal: BorderSide(
+                  color: Theme.of(context).dividerColor,
+                  width: 1,
+                ),
+              ),
+            ),
+            child: _buildEntry(element, 0),
+          ),
+        ),
+      );
+    }
+
+    final isNotPureImage = _attachments.any(
+      (x) => x?.mimetype.split('/').firstOrNull != 'image',
+    );
+    if (widget.isGrid && !isNotPureImage) {
+      return GridView.builder(
+        padding: EdgeInsets.zero,
+        primary: false,
+        physics: const NeverScrollableScrollPhysics(),
+        shrinkWrap: true,
+        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+          crossAxisCount: math.min(3, _attachments.length),
+          mainAxisSpacing: 8.0,
+          crossAxisSpacing: 8.0,
+        ),
+        itemCount: _attachments.length,
+        itemBuilder: (context, idx) {
+          final element = _attachments[idx];
+          return Container(
+            decoration: BoxDecoration(
+              color: Theme.of(context)
+                  .colorScheme
+                  .surfaceContainer
+                  .withOpacity(0.5),
+              border: Border.all(
+                color: Theme.of(context).dividerColor,
+                width: 1,
+              ),
+              borderRadius: radius,
+            ),
+            child: ClipRRect(
+              borderRadius: radius,
+              child: _buildEntry(element, idx),
+            ),
+          );
+        },
+      );
+    }
+
     if (widget.isColumn) {
       var idx = 0;
-      const radius = BorderRadius.all(Radius.circular(8));
       return Wrap(
         spacing: 8,
         runSpacing: 8,
-        children: widget.attachmentsId.map((x) {
+        children: _attachments.map((x) {
-          final element = _attachmentsMeta[idx];
+          final element = _attachments[idx];
           idx++;
           if (element == null) return const SizedBox.shrink();
-          double ratio = element.metadata?['ratio']?.toDouble() ?? 16 / 9;
+          final isImage = element.mimetype.split('/').firstOrNull == 'image';
+          double ratio =
+              element.metadata?['ratio']?.toDouble() ?? (isImage ? 1 : 16 / 9);
           return Container(
             constraints: BoxConstraints(
               maxWidth: widget.columnMaxWidth,
@@ -185,6 +275,10 @@ class _AttachmentListState extends State<AttachmentList> {
               aspectRatio: ratio,
               child: Container(
                 decoration: BoxDecoration(
+                  color: Theme.of(context)
+                      .colorScheme
+                      .surfaceContainer
+                      .withOpacity(0.5),
                   border: Border.all(
                     color: Theme.of(context).dividerColor,
                     width: 1,
@@ -202,69 +296,52 @@ class _AttachmentListState extends State<AttachmentList> {
       );
     }
 
-    final isNotPureImage = _attachmentsMeta.any(
+    return Container(
-      (x) => x?.mimetype.split('/').firstOrNull != 'image',
+      constraints: BoxConstraints(
-    );
+        maxHeight: 320,
-    if (widget.isGrid && (widget.isForceGrid || !isNotPureImage)) {
+      ),
-      const radius = BorderRadius.all(Radius.circular(8));
+      child: ListView.separated(
-      return GridView.builder(
+        padding: widget.padding,
-        padding: EdgeInsets.zero,
+        scrollDirection: Axis.horizontal,
-        primary: false,
-        physics: const NeverScrollableScrollPhysics(),
         shrinkWrap: true,
-        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+        itemCount: _attachments.length,
-          crossAxisCount: math.min(3, widget.attachmentsId.length),
-          mainAxisSpacing: 8.0,
-          crossAxisSpacing: 8.0,
-        ),
-        itemCount: widget.attachmentsId.length,
         itemBuilder: (context, idx) {
-          final element = _attachmentsMeta[idx];
+          final element = _attachments[idx];
+          if (element == null) const SizedBox.shrink();
+          final isImage = element!.mimetype.split('/').firstOrNull == 'image';
+          double ratio =
+              element.metadata?['ratio']?.toDouble() ?? (isImage ? 1 : 16 / 9);
           return Container(
-            decoration: BoxDecoration(
+            constraints: BoxConstraints(
-              color: Theme.of(context).colorScheme.surfaceContainerHigh,
+              maxWidth: math.min(
-              border: Border.all(
+                widget.columnMaxWidth,
-                color: Theme.of(context).dividerColor,
+                MediaQuery.of(context).size.width -
-                width: 1,
+                    (widget.padding?.horizontal ?? 0),
               ),
-              borderRadius: radius,
             ),
-            child: ClipRRect(
+            child: AspectRatio(
-              borderRadius: radius,
+              aspectRatio: ratio,
-              child: _buildEntry(element, idx),
+              child: Container(
+                decoration: BoxDecoration(
+                  color: Theme.of(context)
+                      .colorScheme
+                      .surfaceContainer
+                      .withOpacity(0.5),
+                  border: Border.all(
+                    color: Theme.of(context).dividerColor,
+                    width: 1,
+                  ),
+                  borderRadius: radius,
+                ),
+                child: ClipRRect(
+                  borderRadius: radius,
+                  child: _buildEntry(element, idx),
+                ),
+              ),
             ),
           );
         },
-      ).paddingSymmetric(horizontal: 24);
+        separatorBuilder: (context, _) => const Gap(8),
-    }
-
-    return Container(
-      width: MediaQuery.of(context).size.width,
-      constraints: BoxConstraints(
-        maxHeight: widget.flatMaxHeight,
-      ),
-      decoration: BoxDecoration(
-        color: Colors.transparent,
-        border: Border.symmetric(
-          horizontal: BorderSide(
-            width: 0.3,
-            color: Theme.of(context).dividerColor,
-          ),
-        ),
-      ),
-      child: CarouselSlider.builder(
-        options: CarouselOptions(
-          animateToClosest: true,
-          aspectRatio: _aspectRatio,
-          viewportFraction:
-              widget.viewport ?? (widget.attachmentsId.length > 1 ? 0.95 : 1),
-          enableInfiniteScroll: false,
-        ),
-        itemCount: _attachmentsMeta.length,
-        itemBuilder: (context, idx, _) {
-          final element = _attachmentsMeta[idx];
-          return _buildEntry(element, idx);
-        },
       ),
     );
   }

lib/widgets/channel/channel_list.dart

@@ -38,11 +38,13 @@ class _ChannelListWidgetState extends State<ChannelListWidget> {
 
   Future<void> _loadLastMessages() async {
     final messages = await _eventController.src.getLastInAllChannels();
-    setState(() {
+    if (mounted) {
-      _lastMessages = messages
+      setState(() {
-          .map((k, v) => MapEntry(k, v.firstOrNull))
+        _lastMessages = messages
-          .cast<int, LocalMessageEventTableData>();
+            .map((k, v) => MapEntry(k, v.firstOrNull))
-    });
+            .cast<int, LocalMessageEventTableData>();
+      });
+    }
   }
 
   @override
@@ -205,7 +207,7 @@ class _ChannelListWidgetState extends State<ChannelListWidget> {
         item.members!.where((e) => e.account.id != widget.selfId).firstOrNull;
 
     if (item.type == 1 && otherside != null) {
-      final avatar = AccountAvatar(
+      final avatar = AttachedCircleAvatar(
         content: otherside.account.avatar,
         radius: 20,
         bgColor: Theme.of(context).colorScheme.primary,
@@ -241,7 +243,7 @@ class _ChannelListWidgetState extends State<ChannelListWidget> {
                   padding: const EdgeInsets.all(2),
                   elevation: 8,
                 ),
-                badgeContent: AccountAvatar(
+                badgeContent: AttachedCircleAvatar(
                   content: item.realm?.avatar,
                   radius: 10,
                   fallbackWidget: const Icon(

lib/widgets/channel/channel_member.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/channel.dart';
@@ -8,6 +7,7 @@ import 'package:solian/services.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
 import 'package:solian/widgets/account/account_profile_popup.dart';
 import 'package:solian/widgets/account/relative_select.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 
 class ChannelMemberListPopup extends StatefulWidget {
   final Channel channel;
@@ -131,7 +131,7 @@ class _ChannelMemberListPopupState extends State<ChannelMemberListPopup> {
             'channelMembers'.tr,
             style: Theme.of(context).textTheme.headlineSmall,
           ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
-          if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+          LoadingIndicator(isActive: _isBusy),
           ListTile(
             tileColor: Theme.of(context).colorScheme.surfaceContainerHigh,
             contentPadding: const EdgeInsets.symmetric(horizontal: 20),
@@ -152,7 +152,8 @@ class _ChannelMemberListPopupState extends State<ChannelMemberListPopup> {
                   title: Text(element.account.nick),
                   subtitle: Text(element.account.name),
                   leading: GestureDetector(
-                    child: AccountAvatar(content: element.account.avatar),
+                    child:
+                        AttachedCircleAvatar(content: element.account.avatar),
                     onTap: () {
                       showModalBottomSheet(
                         useRootNavigator: true,

lib/widgets/chat/call/call_no_content.dart

@@ -74,7 +74,7 @@ class _NoContentWidgetState extends State<NoContentWidget>
               ),
             )
           ],
-          child: AccountAvatar(
+          child: AttachedCircleAvatar(
             content: widget.userinfo!.avatar,
             bgColor: Colors.transparent,
             radius: radius,

lib/widgets/chat/chat_event.dart

@@ -78,7 +78,7 @@ class ChatEvent extends StatelessWidget {
       child: AttachmentList(
         key: Key('m${item.uuid}attachments'),
         parentId: item.uuid,
-        attachmentsId: attachments,
+        attachmentIds: attachments,
         isColumn: true,
       ),
     );
@@ -220,7 +220,7 @@ class ChatEvent extends StatelessWidget {
                 children: [
                   Row(
                     children: [
-                      AccountAvatar(
+                      AttachedCircleAvatar(
                         content: item.sender.account.avatar,
                         radius: 9,
                       ),
@@ -250,7 +250,8 @@ class ChatEvent extends StatelessWidget {
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
               GestureDetector(
-                child: AccountAvatar(content: item.sender.account.avatar),
+                child:
+                    AttachedCircleAvatar(content: item.sender.account.avatar),
                 onTap: () {
                   showModalBottomSheet(
                     useRootNavigator: true,

lib/widgets/chat/chat_event_action.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/channel.dart';
@@ -7,6 +6,7 @@ import 'package:solian/models/event.dart';
 import 'package:solian/models/realm.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/widgets/chat/chat_event_deletion.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 
 class ChatEventAction extends StatefulWidget {
   final Channel channel;
@@ -73,7 +73,7 @@ class _ChatEventActionState extends State<ChatEventAction> {
               ),
             ],
           ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
-          if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+          LoadingIndicator(isActive: _isBusy),
           Expanded(
             child: ListView(
               children: [

lib/widgets/chat/chat_event_list.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:get/get.dart';
@@ -34,9 +35,28 @@ class ChatEventList extends StatelessWidget {
     return a.createdAt.difference(b.createdAt).inMinutes <= 3;
   }
 
+  void _openActions(BuildContext context, Event item) {
+    showModalBottomSheet(
+      useRootNavigator: true,
+      context: context,
+      builder: (context) => ChatEventAction(
+        channel: channel,
+        realm: channel.realm,
+        item: item,
+        onEdit: () {
+          onEdit(item);
+        },
+        onReply: () {
+          onReply(item);
+        },
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     return CustomScrollView(
+      cacheExtent: 100,
       reverse: true,
       slivers: [
         Obx(() {
@@ -64,50 +84,45 @@ class ChatEventList extends StatelessWidget {
 
               final item = chatController.currentEvents[index].data;
 
-              return GestureDetector(
+              return TapRegion(
-                behavior: HitTestBehavior.opaque,
+                child: GestureDetector(
-                child: Builder(builder: (context) {
+                  behavior: HitTestBehavior.opaque,
-                  final widget = ChatEvent(
+                  child: Builder(builder: (context) {
-                    key: Key('m${item!.uuid}'),
+                    final widget = ChatEvent(
-                    item: item,
+                      key: Key('m${item!.uuid}'),
-                    isMerged: isMerged,
+                      item: item,
-                    chatController: chatController,
+                      isMerged: isMerged,
-                  ).paddingOnly(
+                      chatController: chatController,
-                    top: !isMerged ? 8 : 0,
+                    ).paddingOnly(
-                    bottom: !hasMerged ? 8 : 0,
+                      top: !isMerged ? 8 : 0,
-                  );
+                      bottom: !hasMerged ? 8 : 0,
+                    );
 
-                  if (noAnimated) {
+                    if (noAnimated) {
-                    return widget;
+                      return widget;
-                  } else {
+                    } else {
-                    return widget
+                      return widget
-                        .animate(
+                          .animate(
-                          key: Key('animated-m${item.uuid}'),
+                            key: Key('animated-m${item.uuid}'),
-                        )
+                          )
-                        .slideY(
+                          .slideY(
-                          curve: Curves.fastLinearToSlowEaseIn,
+                            curve: Curves.fastLinearToSlowEaseIn,
-                          duration: 250.ms,
+                            duration: 250.ms,
-                          begin: 0.5,
+                            begin: 0.5,
-                          end: 0,
+                            end: 0,
-                        );
+                          );
+                    }
+                  }),
+                  onLongPress: () {
+                    _openActions(context, item!);
+                  },
+                ),
+                onTapInside: (event) {
+                  if (event.buttons == kSecondaryMouseButton) {
+                    _openActions(context, item!);
+                  } else if (event.buttons == kMiddleMouseButton) {
+                    onReply(item!);
                   }
-                }),
-                onLongPress: () {
-                  showModalBottomSheet(
-                    useRootNavigator: true,
-                    context: context,
-                    builder: (context) => ChatEventAction(
-                      channel: channel,
-                      realm: channel.realm,
-                      item: item!,
-                      onEdit: () {
-                        onEdit(item);
-                      },
-                      onReply: () {
-                        onReply(item);
-                      },
-                    ),
-                  );
                 },
               );
             },

lib/widgets/chat/chat_message_input.dart

@@ -443,7 +443,7 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
                           .map(
                             (x) => ChatMessageSuggestion(
                               type: 'users',
-                              leading: AccountAvatar(content: x.avatar),
+                              leading: AttachedCircleAvatar(content: x.avatar),
                               display: x.nick,
                               content: '@${x.name}',
                             ),

lib/widgets/link_expansion.dart

@@ -2,15 +2,21 @@ import 'package:flutter/material.dart';
 import 'package:flutter_markdown/flutter_markdown.dart';
 import 'package:flutter_svg/svg.dart';
 import 'package:get/get.dart';
+import 'package:solian/models/link.dart';
 import 'package:solian/providers/link_expander.dart';
 import 'package:solian/widgets/auto_cache_image.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
-class LinkExpansion extends StatelessWidget {
+class LinkExpansion extends StatefulWidget {
   final String content;
 
   const LinkExpansion({super.key, required this.content});
 
+  @override
+  State<LinkExpansion> createState() => _LinkExpansionState();
+}
+
+class _LinkExpansionState extends State<LinkExpansion> {
   Widget _buildImage(String url, {double? width, double? height}) {
     if (url.endsWith('svg')) {
       return SvgPicture.network(url, width: width, height: height);
@@ -22,61 +28,74 @@ class LinkExpansion extends StatelessWidget {
     );
   }
 
-  @override
+  List<LinkMeta>? _meta;
-  Widget build(BuildContext context) {
+
+  Future<void> _doExpand() async {
     final linkRegex = RegExp(
       r'(?<!\()(?:(?:https?):\/\/|www\.)(?:[-_a-z0-9]+\.)*(?:[-a-z0-9]+\.[-a-z0-9]+)[^\s<]*[^\s<?!.,:*_~]',
     );
-    final matches = linkRegex.allMatches(content);
+    final matches = linkRegex.allMatches(widget.content);
-    if (matches.isEmpty) {
+    if (matches.isEmpty) return;
-      return const SizedBox.shrink();
-    }
 
     final LinkExpandProvider expandController = Get.find();
 
+    if (matches.isEmpty) return;
+
+    List<LinkMeta> out = List.empty(growable: true);
+    for (final x in matches) {
+      final result = await expandController.expandLink(x.group(0)!);
+      if (result != null) out.add(result);
+    }
+
+    setState(() => _meta = out);
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _doExpand();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (_meta?.isEmpty ?? true) return const SizedBox.shrink();
+
     return Wrap(
-      children: matches.map((x) {
+      children: _meta!.map((x) {
         return Container(
           constraints: BoxConstraints(
-            maxWidth: matches.length == 1 ? 480 : 340,
+            maxWidth: _meta!.length == 1 ? 480 : 340,
           ),
-          child: FutureBuilder(
+          child: Builder(
-            future: expandController.expandLink(x.group(0)!),
+            builder: (context) {
-            builder: (context, snapshot) {
-              if (!snapshot.hasData) {
-                return const SizedBox.shrink();
-              }
-
               final isRichDescription = [
                 'solsynth.dev',
-              ].contains(Uri.parse(snapshot.data!.url).host);
+              ].contains(Uri.parse(x.url).host);
 
               return GestureDetector(
                 child: Card(
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
-                      if ([
+                      if ([(x.icon?.isNotEmpty ?? false), x.siteName != null]
-                        (snapshot.data!.icon?.isNotEmpty ?? false),
+                          .any((x) => x))
-                        snapshot.data!.siteName != null
-                      ].any((x) => x))
                         Row(
                           children: [
-                            if (snapshot.data!.icon?.isNotEmpty ?? false)
+                            if (x.icon?.isNotEmpty ?? false)
                               ClipRRect(
                                 borderRadius: const BorderRadius.all(
                                   Radius.circular(8),
                                 ),
                                 child: _buildImage(
-                                  snapshot.data!.icon!,
+                                  x.icon!,
                                   width: 32,
                                   height: 32,
                                 ),
                               ).paddingOnly(right: 8),
-                            if (snapshot.data!.siteName != null)
+                            if (x.siteName != null)
                               Expanded(
                                 child: Text(
-                                  snapshot.data!.siteName!,
+                                  x.siteName!,
                                   style: Theme.of(context).textTheme.labelLarge,
                                   maxLines: 1,
                                   overflow: TextOverflow.ellipsis,
@@ -84,32 +103,27 @@ class LinkExpansion extends StatelessWidget {
                               ),
                           ],
                         ).paddingOnly(
-                          bottom: (snapshot.data!.icon?.isNotEmpty ?? false)
+                          bottom: (x.icon?.isNotEmpty ?? false) ? 8 : 4,
-                              ? 8
-                              : 4,
                         ),
-                      if (snapshot.data!.image != null &&
+                      if (x.image != null &&
-                          (snapshot.data!.image?.startsWith('http') ?? false))
+                          (x.image?.startsWith('http') ?? false))
                         ClipRRect(
                           borderRadius: const BorderRadius.all(
                             Radius.circular(8),
                           ),
-                          child: _buildImage(
+                          child: _buildImage(x.image!),
-                            snapshot.data!.image!,
-                          ),
                         ).paddingOnly(bottom: 8),
                       Text(
-                        snapshot.data!.title ?? 'No Title',
+                        x.title ?? 'No Title',
                         maxLines: 1,
                         overflow: TextOverflow.fade,
                         style: Theme.of(context).textTheme.bodyLarge,
                       ),
-                      if (snapshot.data!.description != null &&
+                      if (x.description != null && isRichDescription)
-                          isRichDescription)
+                        MarkdownBody(data: x.description!)
-                        MarkdownBody(data: snapshot.data!.description!)
+                      else if (x.description != null)
-                      else if (snapshot.data!.description != null)
                         Text(
-                          snapshot.data!.description!,
+                          x.description!,
                           maxLines: 3,
                           overflow: TextOverflow.ellipsis,
                         ),
@@ -117,7 +131,7 @@ class LinkExpansion extends StatelessWidget {
                   ).paddingAll(12),
                 ),
                 onTap: () {
-                  launchUrlString(x.group(0)!);
+                  launchUrlString(x.url);
                 },
               );
             },

lib/widgets/loading_indicator.dart

@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:gap/gap.dart';
+
+class LoadingIndicator extends StatefulWidget {
+  final bool isActive;
+  final Color? backgroundColor;
+
+  const LoadingIndicator({
+    super.key,
+    this.isActive = true,
+    this.backgroundColor,
+  });
+
+  @override
+  State<LoadingIndicator> createState() => _LoadingIndicatorState();
+}
+
+class _LoadingIndicatorState extends State<LoadingIndicator>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late Animation<double> _animation;
+
+  @override
+  void initState() {
+    super.initState();
+
+    _controller = AnimationController(
+      vsync: this,
+      duration: const Duration(milliseconds: 300),
+    );
+
+    _animation = CurvedAnimation(
+      parent: _controller,
+      curve: Curves.easeInOut,
+    );
+
+    if (widget.isActive) {
+      _controller.forward();
+    } else {
+      _controller.reverse();
+    }
+  }
+
+  @override
+  void didUpdateWidget(covariant LoadingIndicator oldWidget) {
+    super.didUpdateWidget(oldWidget);
+
+    if (widget.isActive != oldWidget.isActive) {
+      if (widget.isActive) {
+        _controller.forward();
+      } else {
+        _controller.reverse();
+      }
+    }
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SizeTransition(
+      sizeFactor: _animation,
+      axisAlignment: -1, // Align animation from the top
+      child: Container(
+        padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 24),
+        color: widget.backgroundColor ??
+            Theme.of(context).colorScheme.surfaceContainerLow.withOpacity(0.5),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const SizedBox(
+              height: 16,
+              width: 16,
+              child: CircularProgressIndicator(strokeWidth: 2.5),
+            ),
+            const Gap(8),
+            Text('loading'.tr),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/widgets/markdown_text_content.dart

@@ -1,12 +1,16 @@
+import 'dart:ui';
+
 import 'package:flutter/material.dart';
-import 'package:flutter_markdown_selectionarea/flutter_markdown.dart';
+import 'package:flutter_markdown/flutter_markdown.dart';
 import 'package:gap/gap.dart';
 import 'package:get/get.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:markdown/markdown.dart' as markdown;
-import 'package:markdown/markdown.dart';
+import 'package:path/path.dart';
 import 'package:solian/providers/stickers.dart';
 import 'package:solian/widgets/attachments/attachment_list.dart';
 import 'package:solian/widgets/auto_cache_image.dart';
+import 'package:syntax_highlight/syntax_highlight.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
 import 'account/account_profile_popup.dart';
@@ -39,11 +43,6 @@ class MarkdownTextContent extends StatelessWidget {
       // Getting paragraph
       var paragraph = paragraphs[idx];
 
-      // Auto adding new-lines
-      if (isAutoWarp) {
-        paragraph = paragraph.replaceAll('\n', '\\\n');
-      }
-
       // Matching stickers
       final stickerMatch = stickerRegex.allMatches(paragraph);
       final isOnlySticker =
@@ -58,31 +57,48 @@ class MarkdownTextContent extends StatelessWidget {
           styleSheet: MarkdownStyleSheet.fromTheme(
             Theme.of(context),
           ).copyWith(
-            textScaleFactor: isLargeText ? 1.1 : 1,
+              textScaler: TextScaler.linear(isLargeText ? 1.1 : 1),
-            blockquote: TextStyle(
+              blockquote: TextStyle(
-              color: Theme.of(context).colorScheme.onSurfaceVariant,
+                color: Theme.of(context).colorScheme.onSurfaceVariant,
-            ),
+              ),
-            blockquoteDecoration: BoxDecoration(
+              blockquoteDecoration: BoxDecoration(
-              color: Theme.of(context).colorScheme.surfaceContainerHigh,
+                color: Theme.of(context).colorScheme.surfaceContainerHigh,
-              borderRadius: const BorderRadius.all(Radius.circular(4)),
+                borderRadius: const BorderRadius.all(Radius.circular(4)),
-            ),
+              ),
-            horizontalRuleDecoration: BoxDecoration(
+              horizontalRuleDecoration: BoxDecoration(
-              border: Border(
+                border: Border(
-                top: BorderSide(
+                  top: BorderSide(
-                  width: 1.0,
+                    width: 1.0,
-                  color: Theme.of(context).dividerColor,
+                    color: Theme.of(context).dividerColor,
+                  ),
                 ),
               ),
-            ),
+              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),
+              )),
+          builders: {
+            'code': _MarkdownTextCodeElement(),
+          },
+          softLineBreak: true,
           extensionSet: markdown.ExtensionSet(
-            markdown.ExtensionSet.gitHubFlavored.blockSyntaxes,
+            <markdown.BlockSyntax>[
+              markdown.CodeBlockSyntax(),
+              ...markdown.ExtensionSet.commonMark.blockSyntaxes,
+              ...markdown.ExtensionSet.gitHubFlavored.blockSyntaxes,
+            ],
             <markdown.InlineSyntax>[
+              if (isAutoWarp) markdown.LineBreakSyntax(),
               _UserNameCardInlineSyntax(),
               _CustomEmoteInlineSyntax(),
-              markdown.EmojiSyntax(),
               markdown.AutolinkSyntax(),
               markdown.AutolinkExtensionSyntax(),
+              markdown.CodeSyntax(),
+              ...markdown.ExtensionSet.commonMark.inlineSyntaxes,
               ...markdown.ExtensionSet.gitHubFlavored.inlineSyntaxes
             ],
           ),
@@ -184,7 +200,7 @@ class MarkdownTextContent extends StatelessWidget {
       );
 
       if (idx < paragraphs.length - 1) {
-        contentWidgets.add(const Gap(4));
+        contentWidgets.add(isAutoWarp ? const Gap(4) : const Gap(8));
       }
     }
 
@@ -205,7 +221,7 @@ class MarkdownTextContent extends StatelessWidget {
   }
 }
 
-class _UserNameCardInlineSyntax extends InlineSyntax {
+class _UserNameCardInlineSyntax extends markdown.InlineSyntax {
   _UserNameCardInlineSyntax() : super(r'@[a-zA-Z0-9_]+');
 
   @override
@@ -221,7 +237,7 @@ class _UserNameCardInlineSyntax extends InlineSyntax {
   }
 }
 
-class _CustomEmoteInlineSyntax extends InlineSyntax {
+class _CustomEmoteInlineSyntax extends markdown.InlineSyntax {
   _CustomEmoteInlineSyntax() : super(r':([-\w]+):');
 
   @override
@@ -241,3 +257,48 @@ class _CustomEmoteInlineSyntax extends InlineSyntax {
     return true;
   }
 }
+
+class _MarkdownTextCodeElement extends MarkdownElementBuilder {
+  @override
+  Widget? visitElementAfter(
+    markdown.Element element,
+    TextStyle? preferredStyle,
+  ) {
+    var language = '';
+
+    if (element.attributes['class'] != null) {
+      String lg = element.attributes['class'] as String;
+      language = lg.substring(9).trim();
+    }
+    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(),
+          );
+        },
+      ),
+    ).paddingAll(8);
+  }
+}

lib/widgets/navigation/app_account_widget.dart

@@ -69,7 +69,7 @@ class _AppAccountWidgetState extends State<AppAccountWidget> {
             bottom: 0,
             end: -2,
           ),
-          child: AccountAvatar(
+          child: AttachedCircleAvatar(
             radius: 14,
             content: auth.userProfile.value!['avatar'],
           ),

lib/widgets/navigation/app_navigation_rail.dart

@@ -27,39 +27,43 @@ class _AppNavigationRailState extends State<AppNavigationRail> {
 
   @override
   Widget build(BuildContext context) {
-    return NavigationRail(
+    return Material(
-      selectedIndex: _currentIndex,
+      color: Theme.of(context).colorScheme.surface,
-      labelType: NavigationRailLabelType.selected,
+      child: NavigationRail(
-      groupAlignment: -1,
+        selectedIndex: _currentIndex,
-      destinations: AppNavigation.destinations
+        labelType: NavigationRailLabelType.selected,
-          .sublist(0, AppNavigation.destinations.length - 1)
+        groupAlignment: -1,
-          .map(
+        destinations: AppNavigation.destinations
-            (x) => NavigationRailDestination(
+            .sublist(0, AppNavigation.destinations.length - 1)
-              icon: x.icon,
+            .map(
-              label: Text(x.label),
+              (x) => NavigationRailDestination(
+                icon: x.icon,
+                label: Text(x.label),
+              ),
+            )
+            .toList(),
+        trailing: Expanded(
+          child: Align(
+            alignment: Alignment.bottomCenter,
+            child: IconButton(
+              icon: AppNavigation.destinations.last.icon,
+              tooltip: AppNavigation.destinations.last.label,
+              onPressed: () {
+                setState(() => _currentIndex = null);
+                AppRouter.instance
+                    .goNamed(AppNavigation.destinations.last.page);
+              },
             ),
-          )
-          .toList(),
-      trailing: Expanded(
-        child: Align(
-          alignment: Alignment.bottomCenter,
-          child: IconButton(
-            icon: AppNavigation.destinations.last.icon,
-            tooltip: AppNavigation.destinations.last.label,
-            onPressed: () {
-              setState(() => _currentIndex = null);
-              AppRouter.instance.goNamed(AppNavigation.destinations.last.page);
-            },
           ),
         ),
+        onDestinationSelected: (idx) {
+          setState(() => _currentIndex = idx);
+          AppRouter.instance.goNamed(AppNavigation.destinations[idx].page);
+        },
+      ).paddingOnly(
+        top: max(16, MediaQuery.of(context).padding.top),
+        bottom: max(16, MediaQuery.of(context).padding.bottom),
       ),
-      onDestinationSelected: (idx) {
-        setState(() => _currentIndex = idx);
-        AppRouter.instance.goNamed(AppNavigation.destinations[idx].page);
-      },
-    ).paddingOnly(
-      top: max(16, MediaQuery.of(context).padding.top),
-      bottom: max(16, MediaQuery.of(context).padding.bottom),
     );
   }
 }

lib/widgets/navigation/realm_switcher.dart

@@ -36,7 +36,7 @@ class RealmSwitcher extends StatelessWidget {
                       mainAxisAlignment: MainAxisAlignment.center,
                       children: [
                         if (item != null)
-                          AccountAvatar(
+                          AttachedCircleAvatar(
                             content: item.avatar,
                             radius: 14,
                             fallbackWidget: const Icon(

lib/widgets/posts/post_action.dart

@@ -1,17 +1,21 @@
 import 'dart:math';
 
+import 'package:file_saver/file_saver.dart';
 import 'package:firebase_analytics/firebase_analytics.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:get/get.dart';
+import 'package:screenshot/screenshot.dart';
 import 'package:share_plus/share_plus.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/platform.dart';
 import 'package:solian/providers/auth.dart';
+import 'package:solian/providers/content/posts.dart';
 import 'package:solian/router.dart';
 import 'package:solian/screens/posts/post_editor.dart';
+import 'package:solian/widgets/loading_indicator.dart';
+import 'package:solian/widgets/posts/post_share.dart';
 import 'package:solian/widgets/reports/abuse_report.dart';
 
 class PostAction extends StatefulWidget {
@@ -25,20 +29,14 @@ class PostAction extends StatefulWidget {
 }
 
 class _PostActionState extends State<PostAction> {
-  bool _isBusy = true;
+  bool _isBusy = false;
   bool _canModifyContent = false;
 
   void _checkAbleToModifyContent() async {
     final AuthProvider auth = Get.find();
     if (auth.isAuthorized.isFalse) return;
 
-    setState(() => _isBusy = true);
+    _canModifyContent = auth.userProfile.value!['id'] == widget.item.author.id;
-
-    setState(() {
-      _canModifyContent =
-          auth.userProfile.value!['id'] == widget.item.author.id;
-      _isBusy = false;
-    });
   }
 
   Future<void> _doShare({bool noUri = false}) async {
@@ -69,7 +67,8 @@ class _PostActionState extends State<PostAction> {
           'link': 'https://solsynth.dev/posts/$id',
         }),
         subject: 'postShareSubject'.trParams({
-          'username': widget.item.author.nick,
+          'username': '@${widget.item.author.name}',
+          'title': widget.item.body['title'] ?? '#${widget.item.id}',
         }),
         sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
       );
@@ -84,6 +83,78 @@ class _PostActionState extends State<PostAction> {
     }
   }
 
+  Future<void> _shareImage() async {
+    final List<String> attachments = widget.item.body['attachments'] is List
+        ? List.from(widget.item.body['attachments']?.whereType<String>())
+        : List.empty();
+    final hasMultipleAttachment = attachments.length > 1;
+
+    setState(() => _isBusy = true);
+
+    final double width = hasMultipleAttachment ? 640 : 480;
+
+    final screenshot = ScreenshotController();
+    final image = await screenshot.captureFromLongWidget(
+      MediaQuery(
+        data: MediaQuery.of(context).copyWith(
+          size: Size(width, double.infinity),
+        ),
+        child: PostShareImage(item: widget.item),
+      ),
+      context: context,
+      pixelRatio: 2,
+      constraints: BoxConstraints(
+        minWidth: 480,
+        maxWidth: width,
+        minHeight: 640,
+        maxHeight: double.infinity,
+      ),
+    );
+
+    final filename = 'share_post#${widget.item.id}';
+
+    if (PlatformInfo.isAndroid || PlatformInfo.isIOS) {
+      final box = context.findRenderObject() as RenderBox?;
+
+      final file = XFile.fromData(
+        image,
+        mimeType: 'image/png',
+        name: filename,
+      );
+      await Share.shareXFiles(
+        [file],
+        subject: 'postShareSubject'.trParams({
+          'username': '@${widget.item.author.name}',
+          'title': widget.item.body['title'] ?? '#${widget.item.id}',
+        }),
+        sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
+      );
+    } else {
+      final filepath = await FileSaver.instance.saveFile(
+        name: filename,
+        ext: 'png',
+        mimeType: MimeType.png,
+        bytes: image,
+      );
+      context.showSnackbar('fileSavedAt'.trParams({'path': filepath}));
+    }
+
+    setState(() => _isBusy = false);
+  }
+
+  Future<Post> _getFullPost() async {
+    final PostProvider posts = Get.find();
+
+    try {
+      final resp = await posts.getPost(widget.item.id.toString());
+      return Post.fromJson(resp.body);
+    } catch (e) {
+      context.showErrorDialog(e).then((_) => Navigator.pop(context));
+    }
+
+    return widget.item;
+  }
+
   @override
   void initState() {
     super.initState();
@@ -127,7 +198,13 @@ class _PostActionState extends State<PostAction> {
               ),
             ],
           ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
-          if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+          LoadingIndicator(
+            isActive: _isBusy,
+            backgroundColor: Theme.of(context)
+                .colorScheme
+                .surfaceContainerHigh
+                .withOpacity(0.5),
+          ),
           Expanded(
             child: ListView(
               children: [
@@ -135,16 +212,30 @@ class _PostActionState extends State<PostAction> {
                   contentPadding: const EdgeInsets.symmetric(horizontal: 24),
                   leading: const Icon(Icons.share),
                   title: Text('share'.tr),
-                  trailing: PlatformInfo.isIOS || PlatformInfo.isAndroid
+                  trailing: Row(
-                      ? IconButton(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      if (PlatformInfo.isIOS || PlatformInfo.isAndroid)
+                        IconButton(
                           icon: const Icon(Icons.link_off),
                           tooltip: 'shareNoUri'.tr,
                           onPressed: () async {
                             await _doShare(noUri: true);
                             Navigator.pop(context);
                           },
-                        )
+                        ),
-                      : null,
+                      IconButton(
+                        icon: const Icon(Icons.image),
+                        tooltip: 'shareImage'.tr,
+                        onPressed: _isBusy
+                            ? null
+                            : () async {
+                                await _shareImage();
+                                Navigator.pop(context);
+                              },
+                      ),
+                    ],
+                  ),
                   onTap: () async {
                     await _doShare();
                     Navigator.pop(context);
@@ -221,15 +312,23 @@ class _PostActionState extends State<PostAction> {
                     contentPadding: const EdgeInsets.symmetric(horizontal: 24),
                     leading: const Icon(Icons.edit),
                     title: Text('edit'.tr),
-                    onTap: () async {
+                    onTap: _isBusy
-                      Navigator.pop(
+                        ? null
-                        context,
+                        : () async {
-                        AppRouter.instance.pushNamed(
+                            setState(() => _isBusy = true);
-                          'postEditor',
+                            var item = widget.item;
-                          extra: PostPublishArguments(edit: widget.item),
+                            if (item.body?['content_truncated'] == true) {
-                        ),
+                              item = await _getFullPost();
-                      );
+                            }
-                    },
+                            Navigator.pop(
+                              context,
+                              AppRouter.instance.pushNamed(
+                                'postEditor',
+                                extra: PostPublishArguments(edit: item),
+                              ),
+                            );
+                            if (mounted) setState(() => _isBusy = false);
+                          },
                   ),
                 if (_canModifyContent)
                   ListTile(

lib/widgets/posts/post_creation.dart

@@ -0,0 +1,108 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:get/get.dart';
+import 'package:solian/providers/auth.dart';
+import 'package:solian/router.dart';
+
+class PostCreatePopup extends StatelessWidget {
+  final bool hideDraftBox;
+
+  const PostCreatePopup({
+    super.key,
+    this.hideDraftBox = false,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final AuthProvider auth = Get.find();
+
+    if (auth.isAuthorized.isFalse) {
+      return const SizedBox.shrink();
+    }
+
+    final List<dynamic> actionList = [
+      (
+        icon: const Icon(Icons.post_add),
+        label: 'postEditorModeStory'.tr,
+        onTap: () {
+          Navigator.pop(
+            context,
+            AppRouter.instance.pushNamed(
+              'postEditor',
+              queryParameters: {
+                'mode': 0.toString(),
+              },
+            ),
+          );
+        },
+      ),
+      (
+        icon: const Icon(Icons.description),
+        label: 'postEditorModeArticle'.tr,
+        onTap: () {
+          Navigator.pop(
+            context,
+            AppRouter.instance.pushNamed(
+              'postEditor',
+              queryParameters: {
+                'mode': 1.toString(),
+              },
+            ),
+          );
+        },
+      ),
+      (
+        icon: const Icon(Icons.drafts),
+        label: 'draftBoxOpen'.tr,
+        onTap: () {
+          Navigator.pop(
+            context,
+            AppRouter.instance.pushNamed('draftBox'),
+          );
+        },
+      ),
+    ];
+
+    return SizedBox(
+      height: MediaQuery.of(context).size.height * 0.38,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            'postNew'.tr,
+            style: Theme.of(context).textTheme.headlineSmall,
+          ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
+          Expanded(
+            child: GridView.count(
+              physics: const NeverScrollableScrollPhysics(),
+              crossAxisCount: 3,
+              children: actionList
+                  .map((x) => Card(
+                        color: Theme.of(context).colorScheme.surfaceContainer,
+                        child: InkWell(
+                          borderRadius:
+                              const BorderRadius.all(Radius.circular(8)),
+                          onTap: x.onTap,
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              x.icon,
+                              const Gap(8),
+                              Expanded(
+                                child: Text(
+                                  x.label,
+                                  overflow: TextOverflow.fade,
+                                ),
+                              ),
+                            ],
+                          ).paddingAll(18),
+                        ),
+                      ))
+                  .toList(),
+            ).paddingSymmetric(horizontal: 20),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/widgets/posts/post_item.dart

@@ -1,6 +1,5 @@
 import 'package:animations/animations.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/rendering.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:gap/gap.dart';
@@ -8,11 +7,11 @@ import 'package:get/get.dart';
 import 'package:intl/intl.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/providers/content/posts.dart';
+import 'package:solian/router.dart';
 import 'package:solian/screens/posts/post_detail.dart';
 import 'package:solian/shells/title_shell.dart';
 import 'package:solian/theme.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
-import 'package:solian/widgets/account/account_profile_popup.dart';
 import 'package:solian/widgets/attachments/attachment_list.dart';
 import 'package:solian/widgets/link_expansion.dart';
 import 'package:solian/widgets/markdown_text_content.dart';
@@ -31,11 +30,15 @@ class PostItem extends StatefulWidget {
   final bool isShowEmbed;
   final bool isOverrideEmbedClickable;
   final bool isFullDate;
-  final bool isFullContent;
   final bool isContentSelectable;
+  final bool isNonScrollAttachment;
   final bool showFeaturedReply;
   final String? attachmentParent;
-  final Color? backgroundColor;
+
+  final EdgeInsets? padding;
+
+  final Function? onComment;
+  final Function? onTapMore;
 
   const PostItem({
     super.key,
@@ -47,11 +50,13 @@ class PostItem extends StatefulWidget {
     this.isShowEmbed = true,
     this.isOverrideEmbedClickable = false,
     this.isFullDate = false,
-    this.isFullContent = false,
     this.isContentSelectable = false,
+    this.isNonScrollAttachment = false,
     this.showFeaturedReply = false,
     this.attachmentParent,
-    this.backgroundColor,
+    this.padding,
+    this.onComment,
+    this.onTapMore,
   });
 
   @override
@@ -64,14 +69,20 @@ class _PostItemState extends State<PostItem> {
   Color get _unFocusColor =>
       Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
 
+  static final visibilityIcons = [
+    Icons.public,
+    Icons.group,
+    Icons.visibility,
+    Icons.visibility_off,
+    Icons.lock,
+  ];
+
   @override
   void initState() {
     item = widget.item;
     super.initState();
   }
 
-  double _contentHeight = 0;
-
   @override
   Widget build(BuildContext context) {
     final List<String> attachments = item.body['attachments'] is List
@@ -89,37 +100,25 @@ class _PostItemState extends State<PostItem> {
           ).paddingOnly(bottom: 8),
           _PostHeaderWidget(
             isCompact: widget.isCompact,
+            isFullDate: widget.isFullDate,
+            onTapMore: widget.onTapMore,
             item: item,
           ).paddingSymmetric(horizontal: 12),
           _PostHeaderDividerWidget(item: item).paddingSymmetric(horizontal: 12),
-          Stack(
+          SizedContainer(
-            children: [
+            maxWidth: 640,
-              SizedContainer(
+            child: MarkdownTextContent(
-                maxWidth: 640,
+              parentId: 'p${item.id}',
-                maxHeight: widget.isFullContent ? double.infinity : 80,
+              content: item.body['content'],
-                child: _MeasureSize(
+              isAutoWarp: item.type == 'story',
-                  onChange: (size) {
+              isSelectable: widget.isContentSelectable,
-                    setState(() => _contentHeight = size.height);
+            ),
-                  },
+          ).paddingOnly(
-                  child: SingleChildScrollView(
+            left: 12,
-                    physics: const NeverScrollableScrollPhysics(),
+            right: 12,
-                    child: MarkdownTextContent(
+            bottom: hasAttachment ? 4 : 0,
-                      parentId: 'p${item.id}',
-                      content: item.body['content'],
-                      isAutoWarp: item.type == 'story',
-                      isSelectable: widget.isContentSelectable,
-                    ),
-                  ).paddingOnly(
-                    left: 16,
-                    right: 12,
-                    top: 2,
-                    bottom: hasAttachment ? 4 : 0,
-                  ),
-                ),
-              ),
-            ],
           ),
-          if (_contentHeight >= 80 && !widget.isFullContent)
+          if (widget.item.body?['content_truncated'] == true)
             Opacity(
               opacity: 0.8,
               child: InkWell(child: Text('readMore'.tr)),
@@ -130,9 +129,7 @@ class _PostItemState extends State<PostItem> {
           LinkExpansion(content: item.body['content']).paddingOnly(
             left: 8,
             right: 8,
-            top: 4,
           ),
-          _PostFooterWidget(item: item).paddingOnly(left: 16),
           if (attachments.isNotEmpty)
             Row(
               children: [
@@ -148,127 +145,87 @@ class _PostItemState extends State<PostItem> {
                   style: TextStyle(color: _unFocusColor),
                 )
               ],
-            ).paddingOnly(left: 16, top: 4),
+            ).paddingOnly(left: 14, top: 4),
         ],
       );
     }
 
-    return OpenContainer(
+    return GestureDetector(
-      tappable: widget.isClickable,
+      child: Column(
-      closedBuilder: (_, openContainer) => Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           _PostThumbnail(
             rid: item.body['thumbnail'],
             parentId: widget.item.id.toString(),
           ).paddingOnly(bottom: 4),
-          Row(
+          Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              GestureDetector(
+              _PostHeaderWidget(
-                child: AccountAvatar(content: item.author.avatar),
+                isCompact: widget.isCompact,
-                onTap: () {
+                isFullDate: widget.isFullDate,
-                  showModalBottomSheet(
+                onTapMore: widget.onTapMore,
-                    useRootNavigator: true,
+                item: item,
-                    isScrollControlled: true,
-                    backgroundColor: Theme.of(context).colorScheme.surface,
-                    context: context,
-                    builder: (context) => AccountProfilePopup(
-                      name: item.author.name,
-                    ),
-                  );
-                },
               ),
-              Expanded(
+              _PostHeaderDividerWidget(item: item),
-                child: Column(
+              SizedContainer(
-                  crossAxisAlignment: CrossAxisAlignment.start,
+                maxWidth: 640,
-                  children: [
+                child: MarkdownTextContent(
-                    _PostHeaderWidget(
+                  parentId: 'p${item.id}-embed',
-                      isCompact: widget.isCompact,
+                  content: item.body['content'],
-                      item: item,
+                  isAutoWarp: item.type == 'story',
-                    ),
+                  isSelectable: widget.isContentSelectable,
-                    _PostHeaderDividerWidget(item: item),
-                    Stack(
-                      children: [
-                        SizedContainer(
-                          maxWidth: 640,
-                          maxHeight:
-                              widget.isFullContent ? double.infinity : 320,
-                          child: _MeasureSize(
-                            onChange: (size) {
-                              setState(() => _contentHeight = size.height);
-                            },
-                            child: SingleChildScrollView(
-                              physics: const NeverScrollableScrollPhysics(),
-                              child: MarkdownTextContent(
-                                parentId: 'p${item.id}-embed',
-                                content: item.body['content'],
-                                isAutoWarp: item.type == 'story',
-                                isSelectable: widget.isContentSelectable,
-                                isLargeText: item.type == 'article' &&
-                                    widget.isFullContent,
-                              ).paddingOnly(left: 12, right: 8),
-                            ),
-                          ),
-                        ),
-                      ],
-                    ),
-                    if (_contentHeight >= 320 && !widget.isFullContent)
-                      Opacity(
-                        opacity: 0.8,
-                        child: InkWell(child: Text('readMore'.tr)),
-                      ).paddingOnly(
-                        left: 12,
-                        top: 4,
-                      ),
-                    if (widget.item.replyTo != null && widget.isShowEmbed)
-                      Container(
-                        constraints: const BoxConstraints(maxWidth: 480),
-                        padding: const EdgeInsets.only(top: 4),
-                        child: _PostEmbedWidget(
-                          isClickable: widget.isClickable,
-                          isOverrideEmbedClickable:
-                              widget.isOverrideEmbedClickable,
-                          item: widget.item.replyTo!,
-                          username: widget.item.replyTo!.author.name,
-                          hintText: 'postRepliedNotify',
-                          icon: FontAwesomeIcons.reply,
-                          id: widget.item.replyTo!.id.toString(),
-                        ),
-                      ),
-                    if (widget.item.repostTo != null && widget.isShowEmbed)
-                      Container(
-                        constraints: const BoxConstraints(maxWidth: 480),
-                        padding: const EdgeInsets.only(top: 4),
-                        child: _PostEmbedWidget(
-                          isClickable: widget.isClickable,
-                          isOverrideEmbedClickable:
-                              widget.isOverrideEmbedClickable,
-                          item: widget.item.repostTo!,
-                          username: widget.item.repostTo!.author.name,
-                          hintText: 'postRepostedNotify',
-                          icon: FontAwesomeIcons.retweet,
-                          id: widget.item.repostTo!.id.toString(),
-                        ),
-                      ),
-                    _PostFooterWidget(item: item).paddingOnly(left: 12),
-                    LinkExpansion(content: item.body['content'])
-                        .paddingOnly(top: 4),
-                  ],
                 ),
               ),
+              if (widget.item.body?['content_truncated'] == true)
+                Opacity(
+                  opacity: 0.8,
+                  child: InkWell(child: Text('readMore'.tr)),
+                ).paddingOnly(top: 4),
+              if (widget.item.replyTo != null && widget.isShowEmbed)
+                Container(
+                  constraints: const BoxConstraints(maxWidth: 480),
+                  padding: const EdgeInsets.only(top: 8),
+                  child: _PostEmbedWidget(
+                    isClickable: widget.isClickable,
+                    isOverrideEmbedClickable: widget.isOverrideEmbedClickable,
+                    item: widget.item.replyTo!,
+                    username: widget.item.replyTo!.author.name,
+                    hintText: 'postRepliedNotify',
+                    icon: FontAwesomeIcons.reply,
+                    id: widget.item.replyTo!.id.toString(),
+                  ),
+                ),
+              if (widget.item.repostTo != null && widget.isShowEmbed)
+                Container(
+                  constraints: const BoxConstraints(maxWidth: 480),
+                  padding: const EdgeInsets.only(top: 8),
+                  child: _PostEmbedWidget(
+                    isClickable: widget.isClickable,
+                    isOverrideEmbedClickable: widget.isOverrideEmbedClickable,
+                    item: widget.item.repostTo!,
+                    username: widget.item.repostTo!.author.name,
+                    hintText: 'postRepostedNotify',
+                    icon: FontAwesomeIcons.retweet,
+                    id: widget.item.repostTo!.id.toString(),
+                  ),
+                ),
+              _PostFooterWidget(item: item),
+              LinkExpansion(content: item.body['content']),
             ],
-          ).paddingOnly(
+          ).paddingSymmetric(
-            top: 10,
+            horizontal: (widget.padding?.horizontal ?? 0) + 16,
-            bottom:
-                (attachments.length == 1 && !AppTheme.isLargeScreen(context))
-                    ? 10
-                    : 0,
-            right: 16,
-            left: 16,
           ),
-          _PostAttachmentWidget(item: item),
+          if (hasAttachment) const Gap(8),
-          if (widget.showFeaturedReply) _PostFeaturedReplyWidget(item: item),
+          _PostAttachmentWidget(
+            item: item,
+            padding: widget.padding,
+            isNonScrollAttachment: widget.isNonScrollAttachment,
+          ),
+          if (widget.showFeaturedReply)
+            _PostFeaturedReplyWidget(item: item).paddingSymmetric(
+              horizontal: (widget.padding?.horizontal ?? 0) + 12,
+            ),
           if (widget.isShowReply || widget.isReactable)
             PostQuickAction(
               isShowReply: widget.isShowReply,
@@ -280,32 +237,30 @@ class _PostItemState extends State<PostItem> {
                       (item.metric!.reactionList[symbol] ?? 0) + changes;
                 });
               },
+              onComment: () {
+                if (widget.onComment != null) {
+                  widget.onComment!();
+                }
+              },
             ).paddingOnly(
-              top: (attachments.length == 1 && !AppTheme.isLargeScreen(context))
+              top: 8,
-                  ? 10
+              left: (widget.padding?.left ?? 0) + 14,
-                  : 6,
+              right: (widget.padding?.right ?? 0) + 14,
-              left:
-                  (attachments.length == 1 && !AppTheme.isLargeScreen(context))
-                      ? 24
-                      : 60,
-              right: 16,
-              bottom: 10,
             )
-          else
-            const Gap(10),
         ],
+      ).paddingOnly(
+        top: widget.padding?.top ?? 0,
+        bottom: widget.padding?.bottom ?? 0,
       ),
-      openBuilder: (_, __) => TitleShell(
+      onTap: () {
-        title: 'postDetail'.tr,
+        if (widget.isClickable) {
-        child: PostDetailScreen(
+          AppRouter.instance.pushNamed(
-          id: item.id.toString(),
+            'postDetail',
-          post: item,
+            pathParameters: {'id': item.id.toString()},
-        ),
+            extra: item,
-      ),
+          );
-      closedElevation: 0,
+        }
-      openElevation: 0,
+      },
-      closedColor: Colors.transparent,
-      openColor: Theme.of(context).colorScheme.surface,
     );
   }
 }
@@ -317,7 +272,6 @@ class _PostFeaturedReplyWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final isLargeScreen = AppTheme.isLargeScreen(context);
     final unFocusColor =
         Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
 
@@ -325,19 +279,17 @@ class _PostFeaturedReplyWidget extends StatelessWidget {
       return const SizedBox.shrink();
     }
 
-    final List<String> attachments = item.body['attachments'] is List
-        ? List.from(item.body['attachments']?.whereType<String>())
-        : List.empty();
-
     return FutureBuilder(
-      future:
+      future: Get.find<PostProvider>().listPostFeaturedReply(
-          Get.find<PostProvider>().listPostFeaturedReply(item.id.toString()),
+        item.id.toString(),
+      ),
       builder: (context, snapshot) {
         if (!snapshot.hasData || snapshot.data!.isEmpty) {
           return const SizedBox.shrink();
         }
 
         return Container(
+          padding: EdgeInsets.only(top: 8),
           constraints: const BoxConstraints(maxWidth: 480),
           child: Card(
             margin: EdgeInsets.zero,
@@ -351,7 +303,7 @@ class _PostFeaturedReplyWidget extends StatelessWidget {
                           mainAxisAlignment: MainAxisAlignment.center,
                           crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
-                            AccountAvatar(
+                            AttachedCircleAvatar(
                               content: reply.author.avatar,
                               radius: 10,
                             ),
@@ -423,16 +375,9 @@ class _PostFeaturedReplyWidget extends StatelessWidget {
                   .toList(),
             ),
           ),
-        )
+        ).animate().fadeIn(
-            .animate()
-            .fadeIn(
               duration: 300.ms,
               curve: Curves.easeIn,
-            )
-            .paddingOnly(
-              top: (attachments.length == 1 && !isLargeScreen) ? 10 : 6,
-              left: (attachments.length == 1 && !isLargeScreen) ? 24 : 60,
-              right: 16,
             );
       },
     );
@@ -441,8 +386,14 @@ class _PostFeaturedReplyWidget extends StatelessWidget {
 
 class _PostAttachmentWidget extends StatelessWidget {
   final Post item;
+  final EdgeInsets? padding;
+  final bool isNonScrollAttachment;
 
-  const _PostAttachmentWidget({required this.item});
+  const _PostAttachmentWidget({
+    required this.item,
+    required this.padding,
+    required this.isNonScrollAttachment,
+  });
 
   @override
   Widget build(BuildContext context) {
@@ -452,25 +403,42 @@ class _PostAttachmentWidget extends StatelessWidget {
         ? List.from(item.body['attachments']?.whereType<String>())
         : List.empty();
 
-    if (attachments.length > 3) {
+    if (attachments.isEmpty) return const SizedBox.shrink();
+
+    if (attachments.length == 1 && !isLargeScreen) {
       return AttachmentList(
         parentId: item.id.toString(),
-        attachmentsId: attachments,
+        attachmentIds: item.preload == null ? attachments : null,
+        attachments: item.preload?.attachments,
+        autoload: false,
+        isFullWidth: true,
+      );
+    } else if (attachments.length > 1 &&
+        attachments.length % 3 == 0 &&
+        !isLargeScreen) {
+      return AttachmentList(
+        parentId: item.id.toString(),
+        attachmentIds: item.preload == null ? attachments : null,
+        attachments: item.preload?.attachments,
         autoload: false,
         isGrid: true,
-      ).paddingOnly(left: 36, top: 4, bottom: 4);
+      ).paddingSymmetric(horizontal: (padding?.horizontal ?? 0) + 14);
-    } else if (attachments.length > 1 || isLargeScreen) {
+    } else if (attachments.length == 1 || isNonScrollAttachment) {
       return AttachmentList(
         parentId: item.id.toString(),
-        attachmentsId: attachments,
+        attachmentIds: item.preload == null ? attachments : null,
+        attachments: item.preload?.attachments,
         autoload: false,
         isColumn: true,
-      ).paddingOnly(left: 60, right: 24, top: 4, bottom: 4);
+      ).paddingSymmetric(horizontal: (padding?.horizontal ?? 0) + 14);
     } else {
       return AttachmentList(
-        flatMaxHeight: MediaQuery.of(context).size.width,
         parentId: item.id.toString(),
-        attachmentsId: attachments,
+        attachmentIds: item.preload == null ? attachments : null,
+        attachments: item.preload?.attachments,
+        padding: EdgeInsets.symmetric(
+          horizontal: (padding?.horizontal ?? 0) + 14,
+        ),
         autoload: false,
       );
     }
@@ -512,16 +480,17 @@ class _PostEmbedWidget extends StatelessWidget {
                 size: 16,
                 color: unFocusColor,
               ),
+              const Gap(6),
               Expanded(
                 child: Text(
                   hintText.trParams(
                     {'username': '@$username'},
                   ),
                   style: TextStyle(color: unFocusColor),
-                ).paddingOnly(left: 6),
+                ),
               ),
             ],
-          ).paddingOnly(left: 12),
+          ).paddingOnly(left: 2),
           Card(
             elevation: 1,
             child: PostItem(
@@ -557,9 +526,7 @@ class _PostHeaderDividerWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     if (item.body['description'] != null || item.body['title'] != null) {
-      return const Divider(thickness: 0.3, height: 1).paddingSymmetric(
+      return const Gap(8);
-        vertical: 8,
-      );
     }
     return const SizedBox.shrink();
   }
@@ -615,64 +582,104 @@ class _PostFooterWidget extends StatelessWidget {
       return Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: widgets,
-      ).paddingOnly(top: 4);
+      ).paddingSymmetric(vertical: 4);
     }
   }
 }
 
 class _PostHeaderWidget extends StatelessWidget {
   final bool isCompact;
+  final bool isFullDate;
   final Post item;
 
+  final Function? onTapMore;
+
   const _PostHeaderWidget({
     required this.isCompact,
+    required this.isFullDate,
     required this.item,
+    required this.onTapMore,
   });
 
   @override
   Widget build(BuildContext context) {
-    return Row(
+    return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        if (isCompact)
+        Row(
-          AccountAvatar(
+          crossAxisAlignment: CrossAxisAlignment.start,
-            content: item.author.avatar,
+          children: [
-            radius: 10,
+            AccountAvatar(
-          ).paddingOnly(left: 2, top: 1),
+              content: item.author.avatar,
-        Expanded(
+              username: item.author.name,
-          child: Column(
+              radius: isCompact ? 10 : null,
-            crossAxisAlignment: CrossAxisAlignment.start,
+            ),
-            children: [
+            Gap(isCompact ? 6 : 8),
-              Row(
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Text(
+                  Row(
-                    item.author.nick,
+                    crossAxisAlignment: CrossAxisAlignment.center,
-                    style: const TextStyle(fontWeight: FontWeight.bold),
+                    children: [
+                      Text(
+                        item.author.nick,
+                        style: const TextStyle(fontWeight: FontWeight.bold),
+                      ),
+                      if (isCompact) const Gap(4),
+                      if (isCompact)
+                        RelativeDate(
+                          item.publishedAt?.toLocal() ?? DateTime.now(),
+                          isFull: isFullDate,
+                        ).paddingOnly(top: 1),
+                    ],
                   ),
-                  RelativeDate(item.publishedAt?.toLocal() ?? DateTime.now())
+                  if (!isCompact)
-                      .paddingOnly(left: 4),
+                    Row(
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      children: [
+                        RelativeDate(
+                          item.publishedAt?.toLocal() ?? DateTime.now(),
+                          isFull: isFullDate,
+                        ),
+                        const Gap(4),
+                        Icon(
+                          _PostItemState.visibilityIcons[item.visibility],
+                          size: 16,
+                          color: Theme.of(context)
+                              .colorScheme
+                              .onSurface
+                              .withOpacity(0.75),
+                        ),
+                      ],
+                    ),
                 ],
               ),
-              if (item.body['title'] != null)
+            ),
-                Text(
+            if (onTapMore != null)
-                  item.body['title'],
+              IconButton(
-                  style: Theme.of(context)
+                color: Theme.of(context).colorScheme.primary,
-                      .textTheme
+                icon: const Icon(Icons.more_vert),
-                      .bodyMedium!
+                padding: const EdgeInsets.symmetric(horizontal: 4),
-                      .copyWith(fontSize: 15),
+                visualDensity: const VisualDensity(
+                  horizontal: -4,
+                  vertical: -2,
                 ),
-              if (item.body['description'] != null)
+                onPressed: () => onTapMore!(),
-                Text(
+              ),
-                  item.body['description'],
+          ],
-                  style: Theme.of(context).textTheme.bodySmall,
-                ),
-            ],
-          ).paddingOnly(left: isCompact ? 6 : 12),
         ),
-        if (item.type == 'article')
+        const Gap(8),
-          Badge(
+        if (item.body['title'] != null)
-            label: Text('article'.tr),
+          Text(
-          ).paddingOnly(top: 3),
+            item.body['title'],
+            style: Theme.of(context).textTheme.titleMedium,
+          ),
+        if (item.body['description'] != null)
+          Text(
+            item.body['description'],
+            style: Theme.of(context).textTheme.titleSmall,
+          ),
       ],
     );
   }
@@ -703,45 +710,3 @@ class _PostThumbnail extends StatelessWidget {
     );
   }
 }
-
-typedef _OnWidgetSizeChange = void Function(Size size);
-
-class _MeasureSizeRenderObject extends RenderProxyBox {
-  Size? oldSize;
-  _OnWidgetSizeChange onChange;
-
-  _MeasureSizeRenderObject(this.onChange);
-
-  @override
-  void performLayout() {
-    super.performLayout();
-
-    Size newSize = child!.size;
-    if (oldSize == newSize) return;
-
-    oldSize = newSize;
-    WidgetsBinding.instance.addPostFrameCallback((_) {
-      onChange(newSize);
-    });
-  }
-}
-
-class _MeasureSize extends SingleChildRenderObjectWidget {
-  final _OnWidgetSizeChange onChange;
-
-  const _MeasureSize({
-    required this.onChange,
-    required Widget super.child,
-  });
-
-  @override
-  RenderObject createRenderObject(BuildContext context) {
-    return _MeasureSizeRenderObject(onChange);
-  }
-
-  @override
-  void updateRenderObject(
-      BuildContext context, covariant _MeasureSizeRenderObject renderObject) {
-    renderObject.onChange = onChange;
-  }
-}

lib/widgets/posts/post_list.dart

@@ -1,8 +1,11 @@
+import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/providers/auth.dart';
+import 'package:solian/router.dart';
+import 'package:solian/screens/posts/post_editor.dart';
 import 'package:solian/widgets/posts/post_action.dart';
 import 'package:solian/widgets/posts/post_item.dart';
 
@@ -12,6 +15,7 @@ class PostListWidget extends StatelessWidget {
   final bool isNestedClickable;
   final PagingController<int, Post> controller;
   final Color? backgroundColor;
+  final EdgeInsets? padding;
 
   const PostListWidget({
     super.key,
@@ -20,6 +24,7 @@ class PostListWidget extends StatelessWidget {
     this.isClickable = true,
     this.isNestedClickable = true,
     this.backgroundColor,
+    this.padding,
   });
 
   @override
@@ -29,16 +34,18 @@ class PostListWidget extends StatelessWidget {
       pagingController: controller,
       builderDelegate: PagedChildBuilderDelegate<Post>(
         itemBuilder: (context, item, index) {
-          return PostListEntryWidget(
+          return Padding(
-            isShowEmbed: isShowEmbed,
+            padding: padding ?? EdgeInsets.zero,
-            isNestedClickable: isNestedClickable,
+            child: PostListEntryWidget(
-            isClickable: isClickable,
+              isShowEmbed: isShowEmbed,
-            showFeaturedReply: true,
+              isNestedClickable: isNestedClickable,
-            item: item,
+              isClickable: isClickable,
-            backgroundColor: backgroundColor,
+              showFeaturedReply: true,
-            onUpdate: () {
+              item: item,
-              controller.refresh();
+              onUpdate: () {
-            },
+                controller.refresh();
+              },
+            ),
           );
         },
       ),
@@ -48,56 +55,126 @@ class PostListWidget extends StatelessWidget {
 }
 
 class PostListEntryWidget extends StatelessWidget {
-  final int renderOrder;
   final bool isShowEmbed;
   final bool isNestedClickable;
   final bool isClickable;
   final bool showFeaturedReply;
   final Post item;
+  final EdgeInsets? padding;
   final Function onUpdate;
-  final Color? backgroundColor;
 
   const PostListEntryWidget({
     super.key,
-    this.renderOrder = 0,
     required this.isShowEmbed,
     required this.isNestedClickable,
     required this.isClickable,
     required this.showFeaturedReply,
     required this.item,
+    this.padding,
     required this.onUpdate,
-    this.backgroundColor,
   });
 
+  void _openActions(BuildContext context) {
+    final AuthProvider auth = Get.find();
+    if (auth.isAuthorized.isFalse) return;
+
+    showModalBottomSheet(
+      useRootNavigator: true,
+      context: context,
+      builder: (context) => PostAction(item: item),
+    ).then((value) {
+      if (value is Future) {
+        value.then((_) {
+          onUpdate();
+        });
+      } else if (value != null) {
+        onUpdate();
+      }
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
-    return GestureDetector(
+    return TapRegion(
-      child: PostItem(
+      child: GestureDetector(
-        key: Key('p${item.id}'),
+        onLongPress: () => _openActions(context),
-        item: item,
+        child: PostItem(
-        isShowEmbed: isShowEmbed,
+          key: Key('p${item.id}'),
-        isClickable: isNestedClickable,
+          item: item,
-        showFeaturedReply: showFeaturedReply,
+          isShowEmbed: isShowEmbed,
-        backgroundColor: backgroundColor,
+          isClickable: isNestedClickable,
-      ).paddingSymmetric(vertical: 8),
+          showFeaturedReply: showFeaturedReply,
-      onLongPress: () {
+          padding: padding,
-        final AuthProvider auth = Get.find();
+          onTapMore: () => _openActions(context),
-        if (auth.isAuthorized.isFalse) return;
+          onComment: () {
-
+            AppRouter.instance
-        showModalBottomSheet(
+                .pushNamed(
-          useRootNavigator: true,
+              'postEditor',
-          context: context,
+              extra: PostPublishArguments(reply: item),
-          builder: (context) => PostAction(item: item),
+            )
-        ).then((value) {
+                .then((value) {
-          if (value is Future) {
+              if (value is Future) {
-            value.then((_) {
+                value.then((_) {
-              onUpdate();
+                  onUpdate();
+                });
+              } else if (value != null) {
+                onUpdate();
+              }
             });
-          } else if (value != null) {
+          },
-            onUpdate();
+        ).paddingSymmetric(vertical: 8),
-          }
+      ),
-        });
+      onTapInside: (event) {
+        if (event.buttons == kSecondaryMouseButton) {
+          _openActions(context);
+        }
       },
     );
   }
 }
+
+class ControlledPostListWidget extends StatelessWidget {
+  final bool isShowEmbed;
+  final bool isClickable;
+  final bool isNestedClickable;
+  final bool isPinned;
+  final PagingController<int, Post> controller;
+  final EdgeInsets? padding;
+  final Function? onUpdate;
+
+  const ControlledPostListWidget({
+    super.key,
+    required this.controller,
+    this.isShowEmbed = true,
+    this.isClickable = true,
+    this.isNestedClickable = true,
+    this.isPinned = true,
+    this.padding,
+    this.onUpdate,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return PagedSliverList<int, Post>.separated(
+      addRepaintBoundaries: true,
+      pagingController: controller,
+      builderDelegate: PagedChildBuilderDelegate<Post>(
+        itemBuilder: (context, item, index) {
+          if (item.pinnedAt != null && !isPinned) {
+            return const SizedBox.shrink();
+          }
+          return PostListEntryWidget(
+            isShowEmbed: isShowEmbed,
+            isNestedClickable: isNestedClickable,
+            isClickable: isClickable,
+            showFeaturedReply: true,
+            padding: padding,
+            item: item,
+            onUpdate: onUpdate ?? () {},
+          );
+        },
+      ),
+      separatorBuilder: (_, __) => const Divider(thickness: 0.3, height: 0.3),
+    );
+  }
+}

lib/widgets/posts/post_owned_list.dart

@@ -1,43 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-import 'package:solian/models/post.dart';
-import 'package:solian/widgets/posts/post_item.dart';
-
-class PostOwnedListEntry extends StatelessWidget {
-  final Post item;
-  final Function onTap;
-  final bool isFullContent;
-  final Color? backgroundColor;
-
-  const PostOwnedListEntry({
-    super.key,
-    required this.item,
-    required this.onTap,
-    this.isFullContent = false,
-    this.backgroundColor,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return Card(
-      child: GestureDetector(
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            PostItem(
-              key: Key('p${item.id}'),
-              item: item,
-              isShowEmbed: false,
-              isClickable: false,
-              isShowReply: false,
-              isReactable: false,
-              isFullContent: isFullContent,
-              backgroundColor: backgroundColor,
-            ).paddingSymmetric(vertical: 8),
-          ],
-        ),
-        onTap: () => onTap(),
-      ),
-    );
-  }
-}

lib/widgets/posts/post_quick_action.dart

@@ -11,6 +11,7 @@ class PostQuickAction extends StatefulWidget {
   final Post item;
   final bool isReactable;
   final bool isShowReply;
+  final Function onComment;
   final void Function(String symbol, int num) onReact;
 
   const PostQuickAction({
@@ -18,6 +19,7 @@ class PostQuickAction extends StatefulWidget {
     required this.item,
     this.isShowReply = true,
     this.isReactable = true,
+    required this.onComment,
     required this.onReact,
   });
 
@@ -106,7 +108,11 @@ class _PostQuickActionState extends State<PostQuickAction> {
                     builder: (context) {
                       return PostReplyListPopup(item: widget.item);
                     },
-                  );
+                  ).then((signal) {
+                    if (signal == true) {
+                      widget.onComment();
+                    }
+                  });
                 },
               ),
             ),

lib/widgets/posts/post_replies.dart

@@ -8,11 +8,13 @@ import 'package:solian/widgets/posts/post_list.dart';
 
 class PostReplyList extends StatefulWidget {
   final Post item;
+  final EdgeInsets? padding;
   final Color? backgroundColor;
 
   const PostReplyList({
     super.key,
     required this.item,
+    this.padding,
     this.backgroundColor,
   });
 
@@ -53,6 +55,7 @@ class _PostReplyListState extends State<PostReplyList> {
   @override
   Widget build(BuildContext context) {
     return PostListWidget(
+      padding: widget.padding,
       isShowEmbed: false,
       controller: _pagingController,
       backgroundColor: widget.backgroundColor,
@@ -70,16 +73,31 @@ class PostReplyListPopup extends StatelessWidget {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        Text(
+        Row(
-          'postReplies'.tr,
+          children: [
-          style: Theme.of(context).textTheme.headlineSmall,
+            Expanded(
-        ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
+              child: Text(
+                'postReplies'.tr,
+                style: Theme.of(context).textTheme.headlineSmall,
+              ),
+            ),
+            IconButton(
+              icon: const Icon(Icons.add_comment),
+              visualDensity: const VisualDensity(horizontal: -4),
+              onPressed: () {
+                Navigator.pop(context, true);
+              },
+            ),
+          ],
+        ).paddingOnly(left: 24, right: 24, top: 24, bottom: 8),
         Expanded(
           child: CustomScrollView(
             slivers: [
               PostReplyList(
                 item: item,
-                backgroundColor: Theme.of(context).colorScheme.surfaceContainerLow,
+                padding: EdgeInsets.symmetric(horizontal: 10),
+                backgroundColor:
+                    Theme.of(context).colorScheme.surfaceContainerLow,
               ),
             ],
           ),

lib/widgets/posts/post_share.dart

@@ -0,0 +1,103 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:get/get.dart';
+import 'package:qr_flutter/qr_flutter.dart';
+import 'package:solian/models/post.dart';
+import 'package:solian/widgets/posts/post_item.dart';
+import 'package:solian/widgets/root_container.dart';
+
+class PostShareImage extends StatelessWidget {
+  final Post item;
+
+  const PostShareImage({super.key, required this.item});
+
+  @override
+  Widget build(BuildContext context) {
+    final textColor = Theme.of(context).colorScheme.onSurface.withOpacity(0.3);
+    return RootContainer(
+      child: Wrap(
+        alignment: WrapAlignment.spaceBetween,
+        runAlignment: WrapAlignment.center,
+        children: [
+          const SizedBox(height: 40),
+          Material(
+            color: Colors.transparent,
+            child: Card(
+              margin: EdgeInsets.zero,
+              child: PostItem(
+                item: item,
+                isShowEmbed: true,
+                isClickable: false,
+                showFeaturedReply: false,
+                isReactable: false,
+                isShowReply: false,
+                isNonScrollAttachment: true,
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 4,
+                  vertical: 16,
+                ),
+                onComment: () {},
+              ),
+            ),
+          ).paddingOnly(bottom: 24),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Row(
+                children: [
+                  ClipRRect(
+                    borderRadius: const BorderRadius.all(Radius.circular(8)),
+                    child: Image.asset(
+                      'assets/logo.png',
+                      width: 48,
+                      height: 48,
+                    ),
+                  ),
+                  const Gap(16),
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Text(
+                        'shareImageFooter'.tr,
+                        style: TextStyle(
+                          fontSize: 13,
+                          color: textColor,
+                        ),
+                      ),
+                      Text(
+                        'Solsynth LLC © ${DateTime.now().year}',
+                        style: TextStyle(
+                          fontSize: 11,
+                          color: textColor,
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+              ClipRRect(
+                borderRadius: const BorderRadius.all(Radius.circular(8)),
+                child: Material(
+                  color: Theme.of(context).colorScheme.surface,
+                  child: QrImageView(
+                    data: 'https://solsynth.dev/posts/${item.id}',
+                    version: QrVersions.auto,
+                    padding: const EdgeInsets.all(4),
+                    size: 48,
+                    dataModuleStyle: QrDataModuleStyle(
+                      color: Theme.of(context).colorScheme.onSurface,
+                    ),
+                    eyeStyle: QrEyeStyle(
+                      color: Theme.of(context).colorScheme.onSurface,
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      ).paddingSymmetric(horizontal: 36, vertical: 24),
+    );
+  }
+}

lib/widgets/posts/post_single_display.dart

@@ -25,7 +25,6 @@ class PostSingleDisplay extends StatelessWidget {
             isNestedClickable: true,
             showFeaturedReply: true,
             onUpdate: onUpdate,
-            backgroundColor: Theme.of(context).colorScheme.surfaceContainerLow,
           ),
         ),
       ),

lib/widgets/posts/post_warped_list.dart

@@ -1,48 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
-import 'package:solian/models/post.dart';
-import 'package:solian/widgets/posts/post_list.dart';
-
-class PostWarpedListWidget extends StatelessWidget {
-  final bool isShowEmbed;
-  final bool isClickable;
-  final bool isNestedClickable;
-  final bool isPinned;
-  final PagingController<int, Post> controller;
-  final Function? onUpdate;
-
-  const PostWarpedListWidget({
-    super.key,
-    required this.controller,
-    this.isShowEmbed = true,
-    this.isClickable = true,
-    this.isNestedClickable = true,
-    this.isPinned = true,
-    this.onUpdate,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return PagedSliverList<int, Post>.separated(
-      addRepaintBoundaries: true,
-      pagingController: controller,
-      builderDelegate: PagedChildBuilderDelegate<Post>(
-        itemBuilder: (context, item, index) {
-          if (item.pinnedAt != null && !isPinned) {
-            return const SizedBox.shrink();
-          }
-          return PostListEntryWidget(
-            renderOrder: index,
-            isShowEmbed: isShowEmbed,
-            isNestedClickable: isNestedClickable,
-            isClickable: isClickable,
-            showFeaturedReply: true,
-            item: item,
-            onUpdate: onUpdate ?? () {},
-          );
-        },
-      ),
-      separatorBuilder: (_, __) => const Divider(thickness: 0.3, height: 0.3),
-    );
-  }
-}

lib/widgets/realms/realm_member.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/realm.dart';
@@ -8,6 +7,7 @@ import 'package:solian/services.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
 import 'package:solian/widgets/account/account_profile_popup.dart';
 import 'package:solian/widgets/account/relative_select.dart';
+import 'package:solian/widgets/loading_indicator.dart';
 
 class RealmMemberListPopup extends StatefulWidget {
   final Realm realm;
@@ -128,7 +128,7 @@ class _RealmMemberListPopupState extends State<RealmMemberListPopup> {
             'realmMembers'.tr,
             style: Theme.of(context).textTheme.headlineSmall,
           ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
-          if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
+          LoadingIndicator(isActive: _isBusy),
           ListTile(
             tileColor: Theme.of(context).colorScheme.surfaceContainerHigh,
             contentPadding: const EdgeInsets.symmetric(horizontal: 20),
@@ -149,7 +149,8 @@ class _RealmMemberListPopupState extends State<RealmMemberListPopup> {
                   title: Text(element.account.nick),
                   subtitle: Text(element.account.name),
                   leading: GestureDetector(
-                    child: AccountAvatar(content: element.account.avatar),
+                    child:
+                        AttachedCircleAvatar(content: element.account.avatar),
                     onTap: () {
                       showModalBottomSheet(
                         useRootNavigator: true,

lib/widgets/relative_date.dart

@@ -4,20 +4,25 @@ import 'package:timeago/timeago.dart';
 
 class RelativeDate extends StatelessWidget {
   final DateTime date;
+  final TextStyle? style;
   final bool isFull;
 
-  const RelativeDate(this.date, {super.key, this.isFull = false});
+  const RelativeDate(this.date, {super.key, this.style, this.isFull = false});
 
   @override
   Widget build(BuildContext context) {
     if (isFull) {
-      return Text(DateFormat('y/M/d HH:mm').format(date));
+      return Text(
+        DateFormat('y/M/d HH:mm').format(date),
+        style: style,
+      );
     }
     return Text(
       format(
         date,
         locale: 'en_short',
       ),
+      style: style,
     );
   }
 }

lib/widgets/root_container.dart

@@ -3,6 +3,7 @@ import 'dart:io';
 import 'package:flutter/material.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:solian/platform.dart';
+import 'package:solian/theme.dart';
 
 class RootContainer extends StatelessWidget {
   final Widget? child;
@@ -46,3 +47,18 @@ class RootContainer extends StatelessWidget {
     );
   }
 }
+
+class ResponsiveRootContainer extends StatelessWidget {
+  final Widget? child;
+
+  const ResponsiveRootContainer({super.key, this.child});
+
+  @override
+  Widget build(BuildContext context) {
+    if (AppTheme.isLargeScreen(context)) {
+      return child ?? SizedBox.shrink();
+    } else {
+      return RootContainer(child: child);
+    }
+  }
+}

lib/widgets/sidebar/empty_placeholder.dart

@@ -6,7 +6,7 @@ class EmptyPagePlaceholder extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return RootContainer(
+    return ResponsiveRootContainer(
       child: Center(
         child: ClipRRect(
           borderRadius: const BorderRadius.all(Radius.circular(12)),

linux/flutter/generated_plugin_registrant.cc

@@ -7,9 +7,11 @@
 #include "generated_plugin_registrant.h"
 
 #include <desktop_drop/desktop_drop_plugin.h>
+#include <file_saver/file_saver_plugin.h>
 #include <file_selector_linux/file_selector_plugin.h>
 #include <flutter_acrylic/flutter_acrylic_plugin.h>
 #include <flutter_secure_storage_linux/flutter_secure_storage_linux_plugin.h>
+#include <flutter_udid/flutter_udid_plugin.h>
 #include <flutter_webrtc/flutter_web_r_t_c_plugin.h>
 #include <media_kit_libs_linux/media_kit_libs_linux_plugin.h>
 #include <media_kit_video/media_kit_video_plugin.h>
@@ -21,6 +23,9 @@ void fl_register_plugins(FlPluginRegistry* registry) {
   g_autoptr(FlPluginRegistrar) desktop_drop_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "DesktopDropPlugin");
   desktop_drop_plugin_register_with_registrar(desktop_drop_registrar);
+  g_autoptr(FlPluginRegistrar) file_saver_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "FileSaverPlugin");
+  file_saver_plugin_register_with_registrar(file_saver_registrar);
   g_autoptr(FlPluginRegistrar) file_selector_linux_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "FileSelectorPlugin");
   file_selector_plugin_register_with_registrar(file_selector_linux_registrar);
@@ -30,6 +35,9 @@ void fl_register_plugins(FlPluginRegistry* registry) {
   g_autoptr(FlPluginRegistrar) flutter_secure_storage_linux_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "FlutterSecureStorageLinuxPlugin");
   flutter_secure_storage_linux_plugin_register_with_registrar(flutter_secure_storage_linux_registrar);
+  g_autoptr(FlPluginRegistrar) flutter_udid_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "FlutterUdidPlugin");
+  flutter_udid_plugin_register_with_registrar(flutter_udid_registrar);
   g_autoptr(FlPluginRegistrar) flutter_webrtc_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "FlutterWebRTCPlugin");
   flutter_web_r_t_c_plugin_register_with_registrar(flutter_webrtc_registrar);

linux/flutter/generated_plugins.cmake

@@ -4,9 +4,11 @@
 
 list(APPEND FLUTTER_PLUGIN_LIST
   desktop_drop
+  file_saver
   file_selector_linux
   flutter_acrylic
   flutter_secure_storage_linux
+  flutter_udid
   flutter_webrtc
   media_kit_libs_linux
   media_kit_video

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -8,6 +8,7 @@ import Foundation
 import connectivity_plus
 import desktop_drop
 import device_info_plus
+import file_saver
 import file_selector_macos
 import firebase_analytics
 import firebase_core
@@ -15,6 +16,7 @@ import firebase_crashlytics
 import firebase_messaging
 import flutter_local_notifications
 import flutter_secure_storage_macos
+import flutter_udid
 import flutter_webrtc
 import gal
 import in_app_review
@@ -29,7 +31,7 @@ import protocol_handler_macos
 import screen_brightness_macos
 import share_plus
 import shared_preferences_foundation
-import sqflite
+import sqflite_darwin
 import sqlite3_flutter_libs
 import url_launcher_macos
 import wakelock_plus
@@ -38,6 +40,7 @@ func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
   ConnectivityPlusPlugin.register(with: registry.registrar(forPlugin: "ConnectivityPlusPlugin"))
   DesktopDropPlugin.register(with: registry.registrar(forPlugin: "DesktopDropPlugin"))
   DeviceInfoPlusMacosPlugin.register(with: registry.registrar(forPlugin: "DeviceInfoPlusMacosPlugin"))
+  FileSaverPlugin.register(with: registry.registrar(forPlugin: "FileSaverPlugin"))
   FileSelectorPlugin.register(with: registry.registrar(forPlugin: "FileSelectorPlugin"))
   FLTFirebaseAnalyticsPlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseAnalyticsPlugin"))
   FLTFirebaseCorePlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseCorePlugin"))
@@ -45,6 +48,7 @@ func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
   FLTFirebaseMessagingPlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseMessagingPlugin"))
   FlutterLocalNotificationsPlugin.register(with: registry.registrar(forPlugin: "FlutterLocalNotificationsPlugin"))
   FlutterSecureStoragePlugin.register(with: registry.registrar(forPlugin: "FlutterSecureStoragePlugin"))
+  FlutterUdidPlugin.register(with: registry.registrar(forPlugin: "FlutterUdidPlugin"))
   FlutterWebRTCPlugin.register(with: registry.registrar(forPlugin: "FlutterWebRTCPlugin"))
   GalPlugin.register(with: registry.registrar(forPlugin: "GalPlugin"))
   InAppReviewPlugin.register(with: registry.registrar(forPlugin: "InAppReviewPlugin"))

macos/Podfile.lock

@@ -6,40 +6,42 @@ PODS:
     - FlutterMacOS
   - device_info_plus (0.0.1):
     - FlutterMacOS
+  - file_saver (0.0.1):
+    - FlutterMacOS
   - file_selector_macos (0.0.1):
     - FlutterMacOS
-  - Firebase/Analytics (11.0.0):
+  - Firebase/Analytics (11.2.0):
     - Firebase/Core
-  - Firebase/Core (11.0.0):
+  - Firebase/Core (11.2.0):
     - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 11.0.0)
+    - FirebaseAnalytics (~> 11.2.0)
-  - Firebase/CoreOnly (11.0.0):
+  - Firebase/CoreOnly (11.2.0):
-    - FirebaseCore (= 11.0.0)
+    - FirebaseCore (= 11.2.0)
-  - Firebase/Crashlytics (11.0.0):
+  - Firebase/Crashlytics (11.2.0):
     - Firebase/CoreOnly
-    - FirebaseCrashlytics (~> 11.0.0)
+    - FirebaseCrashlytics (~> 11.2.0)
-  - Firebase/Messaging (11.0.0):
+  - Firebase/Messaging (11.2.0):
     - Firebase/CoreOnly
-    - FirebaseMessaging (~> 11.0.0)
+    - FirebaseMessaging (~> 11.2.0)
-  - firebase_analytics (11.3.2):
+  - firebase_analytics (11.3.3):
-    - Firebase/Analytics (= 11.0.0)
+    - Firebase/Analytics (= 11.2.0)
     - firebase_core
     - FlutterMacOS
-  - firebase_core (3.5.0):
+  - firebase_core (3.6.0):
-    - Firebase/CoreOnly (~> 11.0.0)
+    - Firebase/CoreOnly (~> 11.2.0)
     - FlutterMacOS
-  - firebase_crashlytics (4.1.2):
+  - firebase_crashlytics (4.1.3):
-    - Firebase/CoreOnly (~> 11.0.0)
+    - Firebase/CoreOnly (~> 11.2.0)
-    - Firebase/Crashlytics (~> 11.0.0)
+    - Firebase/Crashlytics (~> 11.2.0)
     - firebase_core
     - FlutterMacOS
-  - firebase_messaging (15.1.2):
+  - firebase_messaging (15.1.3):
-    - Firebase/CoreOnly (~> 11.0.0)
+    - Firebase/CoreOnly (~> 11.2.0)
-    - Firebase/Messaging (~> 11.0.0)
+    - Firebase/Messaging (~> 11.2.0)
     - firebase_core
     - FlutterMacOS
-  - FirebaseAnalytics (11.0.0):
+  - FirebaseAnalytics (11.2.0):
-    - FirebaseAnalytics/AdIdSupport (= 11.0.0)
+    - FirebaseAnalytics/AdIdSupport (= 11.2.0)
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
@@ -47,24 +49,24 @@ PODS:
     - GoogleUtilities/Network (~> 8.0)
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
     - nanopb (~> 3.30910.0)
-  - FirebaseAnalytics/AdIdSupport (11.0.0):
+  - FirebaseAnalytics/AdIdSupport (11.2.0):
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
-    - GoogleAppMeasurement (= 11.0.0)
+    - GoogleAppMeasurement (= 11.2.0)
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
     - GoogleUtilities/MethodSwizzler (~> 8.0)
     - GoogleUtilities/Network (~> 8.0)
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
     - nanopb (~> 3.30910.0)
-  - FirebaseCore (11.0.0):
+  - FirebaseCore (11.2.0):
     - FirebaseCoreInternal (~> 11.0)
     - GoogleUtilities/Environment (~> 8.0)
     - GoogleUtilities/Logger (~> 8.0)
-  - FirebaseCoreExtension (11.2.0):
+  - FirebaseCoreExtension (11.3.0):
     - FirebaseCore (~> 11.0)
-  - FirebaseCoreInternal (11.2.0):
+  - FirebaseCoreInternal (11.3.0):
     - "GoogleUtilities/NSData+zlib (~> 8.0)"
-  - FirebaseCrashlytics (11.0.0):
+  - FirebaseCrashlytics (11.2.0):
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
     - FirebaseRemoteConfigInterop (~> 11.0)
@@ -73,12 +75,12 @@ PODS:
     - GoogleUtilities/Environment (~> 8.0)
     - nanopb (~> 3.30910.0)
     - PromisesObjC (~> 2.4)
-  - FirebaseInstallations (11.2.0):
+  - FirebaseInstallations (11.3.0):
     - FirebaseCore (~> 11.0)
     - GoogleUtilities/Environment (~> 8.0)
     - GoogleUtilities/UserDefaults (~> 8.0)
     - PromisesObjC (~> 2.4)
-  - FirebaseMessaging (11.0.0):
+  - FirebaseMessaging (11.2.0):
     - FirebaseCore (~> 11.0)
     - FirebaseInstallations (~> 11.0)
     - GoogleDataTransport (~> 10.0)
@@ -87,8 +89,8 @@ PODS:
     - GoogleUtilities/Reachability (~> 8.0)
     - GoogleUtilities/UserDefaults (~> 8.0)
     - nanopb (~> 3.30910.0)
-  - FirebaseRemoteConfigInterop (11.2.0)
+  - FirebaseRemoteConfigInterop (11.3.0)
-  - FirebaseSessions (11.2.0):
+  - FirebaseSessions (11.3.0):
     - FirebaseCore (~> 11.0)
     - FirebaseCoreExtension (~> 11.0)
     - FirebaseInstallations (~> 11.0)
@@ -101,6 +103,9 @@ PODS:
     - FlutterMacOS
   - flutter_secure_storage_macos (6.1.1):
     - FlutterMacOS
+  - flutter_udid (0.0.1):
+    - FlutterMacOS
+    - SAMKeychain
   - flutter_webrtc (0.11.3):
     - FlutterMacOS
     - WebRTC-SDK (= 125.6422.04)
@@ -108,21 +113,21 @@ PODS:
   - gal (1.0.0):
     - Flutter
     - FlutterMacOS
-  - GoogleAppMeasurement (11.0.0):
+  - GoogleAppMeasurement (11.2.0):
-    - GoogleAppMeasurement/AdIdSupport (= 11.0.0)
+    - GoogleAppMeasurement/AdIdSupport (= 11.2.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.0.0):
+  - GoogleAppMeasurement/AdIdSupport (11.2.0):
-    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.0.0)
+    - GoogleAppMeasurement/WithoutAdIdSupport (= 11.2.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.0.0):
+  - GoogleAppMeasurement/WithoutAdIdSupport (11.2.0):
     - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
     - GoogleUtilities/MethodSwizzler (~> 8.0)
     - GoogleUtilities/Network (~> 8.0)
@@ -188,6 +193,7 @@ PODS:
     - PromisesObjC (= 2.4.0)
   - protocol_handler_macos (0.0.1):
     - FlutterMacOS
+  - SAMKeychain (1.5.3)
   - screen_brightness_macos (0.1.0):
     - FlutterMacOS
   - share_plus (0.0.1):
@@ -195,7 +201,7 @@ PODS:
   - shared_preferences_foundation (0.0.1):
     - Flutter
     - FlutterMacOS
-  - sqflite (0.0.3):
+  - sqflite_darwin (0.0.4):
     - Flutter
     - FlutterMacOS
   - "sqlite3 (3.46.1+1)":
@@ -226,6 +232,7 @@ DEPENDENCIES:
   - connectivity_plus (from `Flutter/ephemeral/.symlinks/plugins/connectivity_plus/darwin`)
   - desktop_drop (from `Flutter/ephemeral/.symlinks/plugins/desktop_drop/macos`)
   - device_info_plus (from `Flutter/ephemeral/.symlinks/plugins/device_info_plus/macos`)
+  - file_saver (from `Flutter/ephemeral/.symlinks/plugins/file_saver/macos`)
   - file_selector_macos (from `Flutter/ephemeral/.symlinks/plugins/file_selector_macos/macos`)
   - firebase_analytics (from `Flutter/ephemeral/.symlinks/plugins/firebase_analytics/macos`)
   - firebase_core (from `Flutter/ephemeral/.symlinks/plugins/firebase_core/macos`)
@@ -233,6 +240,7 @@ DEPENDENCIES:
   - firebase_messaging (from `Flutter/ephemeral/.symlinks/plugins/firebase_messaging/macos`)
   - flutter_local_notifications (from `Flutter/ephemeral/.symlinks/plugins/flutter_local_notifications/macos`)
   - flutter_secure_storage_macos (from `Flutter/ephemeral/.symlinks/plugins/flutter_secure_storage_macos/macos`)
+  - flutter_udid (from `Flutter/ephemeral/.symlinks/plugins/flutter_udid/macos`)
   - flutter_webrtc (from `Flutter/ephemeral/.symlinks/plugins/flutter_webrtc/macos`)
   - FlutterMacOS (from `Flutter/ephemeral`)
   - gal (from `Flutter/ephemeral/.symlinks/plugins/gal/darwin`)
@@ -249,7 +257,7 @@ DEPENDENCIES:
   - screen_brightness_macos (from `Flutter/ephemeral/.symlinks/plugins/screen_brightness_macos/macos`)
   - share_plus (from `Flutter/ephemeral/.symlinks/plugins/share_plus/macos`)
   - shared_preferences_foundation (from `Flutter/ephemeral/.symlinks/plugins/shared_preferences_foundation/darwin`)
-  - sqflite (from `Flutter/ephemeral/.symlinks/plugins/sqflite/darwin`)
+  - sqflite_darwin (from `Flutter/ephemeral/.symlinks/plugins/sqflite_darwin/darwin`)
   - sqlite3_flutter_libs (from `Flutter/ephemeral/.symlinks/plugins/sqlite3_flutter_libs/macos`)
   - url_launcher_macos (from `Flutter/ephemeral/.symlinks/plugins/url_launcher_macos/macos`)
   - wakelock_plus (from `Flutter/ephemeral/.symlinks/plugins/wakelock_plus/macos`)
@@ -272,6 +280,7 @@ SPEC REPOS:
     - nanopb
     - PromisesObjC
     - PromisesSwift
+    - SAMKeychain
     - sqlite3
     - WebRTC-SDK
 
@@ -282,6 +291,8 @@ EXTERNAL SOURCES:
     :path: Flutter/ephemeral/.symlinks/plugins/desktop_drop/macos
   device_info_plus:
     :path: Flutter/ephemeral/.symlinks/plugins/device_info_plus/macos
+  file_saver:
+    :path: Flutter/ephemeral/.symlinks/plugins/file_saver/macos
   file_selector_macos:
     :path: Flutter/ephemeral/.symlinks/plugins/file_selector_macos/macos
   firebase_analytics:
@@ -296,6 +307,8 @@ EXTERNAL SOURCES:
     :path: Flutter/ephemeral/.symlinks/plugins/flutter_local_notifications/macos
   flutter_secure_storage_macos:
     :path: Flutter/ephemeral/.symlinks/plugins/flutter_secure_storage_macos/macos
+  flutter_udid:
+    :path: Flutter/ephemeral/.symlinks/plugins/flutter_udid/macos
   flutter_webrtc:
     :path: Flutter/ephemeral/.symlinks/plugins/flutter_webrtc/macos
   FlutterMacOS:
@@ -328,8 +341,8 @@ EXTERNAL SOURCES:
     :path: Flutter/ephemeral/.symlinks/plugins/share_plus/macos
   shared_preferences_foundation:
     :path: Flutter/ephemeral/.symlinks/plugins/shared_preferences_foundation/darwin
-  sqflite:
+  sqflite_darwin:
-    :path: Flutter/ephemeral/.symlinks/plugins/sqflite/darwin
+    :path: Flutter/ephemeral/.symlinks/plugins/sqflite_darwin/darwin
   sqlite3_flutter_libs:
     :path: Flutter/ephemeral/.symlinks/plugins/sqlite3_flutter_libs/macos
   url_launcher_macos:
@@ -340,28 +353,30 @@ EXTERNAL SOURCES:
 SPEC CHECKSUMS:
   connectivity_plus: ddd7f30999e1faaef5967c23d5b6d503d10434db
   desktop_drop: 69eeff437544aa619c8db7f4481b3a65f7696898
-  device_info_plus: ce1b7762849d3ec103d0e0517299f2db7ad60720
+  device_info_plus: f1aae8670672f75c4c8850ecbe0b2ddef62b0a22
+  file_saver: 44e6fbf666677faf097302460e214e977fdd977b
   file_selector_macos: cc3858c981fe6889f364731200d6232dac1d812d
-  Firebase: 9f574c08c2396885b5e7e100ed4293d956218af9
+  Firebase: 98e6bf5278170668a7983e12971a66b2cd57fc8c
-  firebase_analytics: a2d0d907566e4a48e27745317f05b4b7db85edd9
+  firebase_analytics: 30ff72f6d4847ff0b479d8edd92fc8582e719072
-  firebase_core: c55630cdb8a01cf49eae741dd4bc8c93bdd546b8
+  firebase_core: e88f946a4601cb1854178cb07da241bba5a6508e
-  firebase_crashlytics: a359f1f75a23e560c8c97b743ab684ba795d7688
+  firebase_crashlytics: e09adc8a2db53e71b3ef3d085deb688a0c17467a
-  firebase_messaging: 12726b352752420d073ff075e328cc2f0ca14c47
+  firebase_messaging: e1b1c1504659e13d66131f62ec22919293cd0d11
-  FirebaseAnalytics: 27eb78b97880ea4a004839b9bac0b58880f5a92a
+  FirebaseAnalytics: c36efd5710c60c17558650fa58c2066eca7e9265
-  FirebaseCore: 3cf438f431f18c12cdf2aaf64434648b63f7e383
+  FirebaseCore: a282032ae9295c795714ded2ec9c522fc237f8da
-  FirebaseCoreExtension: cda74ddfb001224bd8fd1d6e74698b4ed07803de
+  FirebaseCoreExtension: 30bb063476ef66cd46925243d64ad8b2c8ac3264
-  FirebaseCoreInternal: 0c569513412da9f3b31bd0b340013bbee8f295c5
+  FirebaseCoreInternal: ac26d09a70c730e497936430af4e60fb0c68ec4e
-  FirebaseCrashlytics: 745d8f0221fe49c62865391d1bf56f5a12eeec0b
+  FirebaseCrashlytics: cfc69af5b53565dc6a5e563788809b5778ac4eac
-  FirebaseInstallations: 771177d89d6c451dc6e50085ec82e2fc77ed0a4a
+  FirebaseInstallations: 58cf94dabf1e2bb2fa87725a9be5c2249171cda0
-  FirebaseMessaging: d2d1d9c62c46dd2db49a952f7deb5b16ad2c9742
+  FirebaseMessaging: c9ec7b90c399c7a6100297e9d16f8a27fc7f7152
-  FirebaseRemoteConfigInterop: 477b26fdeb8fb5fbaf22fa9db5343b42289dc7db
+  FirebaseRemoteConfigInterop: c3a5c31b3c22079f41ba1dc645df889d9ce38cb9
-  FirebaseSessions: adcec8b72d0066a385e3affcd1bcb1ebb3908ce6
+  FirebaseSessions: 655ff17f3cc1a635cbdc2d69b953878001f9e25b
   flutter_local_notifications: 3805ca215b2fb7f397d78b66db91f6a747af52e4
   flutter_secure_storage_macos: 59459653abe1adb92abbc8ea747d79f8d19866c9
+  flutter_udid: 6b2b89780c3dfeecf0047bdf93f622d6416b1c07
   flutter_webrtc: 2b4e4a2de70a1485836e40fd71a7a94c77d49bd9
   FlutterMacOS: 8f6f14fa908a6fb3fba0cd85dbd81ec4b251fb24
   gal: 61e868295d28fe67ffa297fae6dacebf56fd53e1
-  GoogleAppMeasurement: 6e49ffac7d3f2c3ded9cc663f912a13b67bbd0de
+  GoogleAppMeasurement: 76d4f8b36b03bd8381fa9a7fe2cc7f99c0a2e93a
   GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
   GoogleUtilities: 26a3abef001b6533cf678d3eb38fd3f614b7872d
   in_app_review: a850789fad746e89bce03d4aeee8078b45a53fd0
@@ -371,16 +386,17 @@ SPEC CHECKSUMS:
   media_kit_native_event_loop: 81fd5b45192b72f8b5b69eaf5b540f45777eb8d5
   media_kit_video: c75b07f14d59706c775778e4dd47dd027de8d1e5
   nanopb: fad817b59e0457d11a5dfbde799381cd727c1275
-  package_info_plus: fa739dd842b393193c5ca93c26798dff6e3d0e0c
+  package_info_plus: d2f71247aab4b6521434f887276093acc70d214c
   pasteboard: 9b69dba6fedbb04866be632205d532fe2f6b1d99
   path_provider_foundation: 2b6b4c569c0fb62ec74538f866245ac84301af46
   PromisesObjC: f5707f49cb48b9636751c5b2e7d227e43fba9f47
   PromisesSwift: 9d77319bbe72ebf6d872900551f7eeba9bce2851
   protocol_handler_macos: d10a6c01d6373389ffd2278013ab4c47ed6d6daa
+  SAMKeychain: 483e1c9f32984d50ca961e26818a534283b4cd5c
   screen_brightness_macos: 2d6d3af2165592d9a55ffcd95b7550970e41ebda
-  share_plus: 36537c04ce0c3e3f5bd297ce4318b6d5ee5fd6cf
+  share_plus: a182a58e04e51647c0481aadabbc4de44b3a2bce
   shared_preferences_foundation: fcdcbc04712aee1108ac7fda236f363274528f78
-  sqflite: 673a0e54cc04b7d6dba8d24fb8095b31c3a99eec
+  sqflite_darwin: a553b1fd6fe66f53bbb0fe5b4f5bab93f08d7a13
   sqlite3: 0bb0e6389d824e40296f531b858a2a0b71c0d2fb
   sqlite3_flutter_libs: 5ca46c1a04eddfbeeb5b16566164aa7ad1616e7b
   url_launcher_macos: c82c93949963e55b228a30115bd219499a6fe404

macos/Runner/DebugProfile.entitlements

@@ -14,6 +14,8 @@
 	<true/>
 	<key>com.apple.security.device.camera</key>
 	<true/>
+	<key>com.apple.security.files.downloads.read-write</key>
+	<true/>
 	<key>com.apple.security.files.user-selected.read-only</key>
 	<true/>
 	<key>com.apple.security.network.client</key>

macos/Runner/Info.plist

@@ -49,7 +49,6 @@
 	<string>NSApplication</string>
 	<key>CFBundleLocalizations</key>
 	<array>
-		<string>zh_CN</string>
 		<string>en</string>
 	</array>
 	<key>NSUserActivityTypes</key>
@@ -63,5 +62,9 @@
 	<string>Allow you record audio for your message or post</string>
 	<key>NSPhotoLibraryUsageDescription</key>
 	<string>Allow you add photo to your message or post</string>
+	<key>UIFileSharingEnabled</key>
+	<true/>
+	<key>LSSupportsOpeningDocumentsInPlace</key>
+	<true/>
 </dict>
 </plist>