🚑 Hot fix thumbnail duration issue

android/app/src/main/AndroidManifest.xml

@@ -22,7 +22,8 @@
         android:label="Solian"
         android:name="${applicationName}"
         android:icon="@mipmap/ic_launcher"
-        android:supportsRtl="true">
+        android:supportsRtl="true"
+        android:usesCleartextTraffic="true">
         <receiver android:exported="false"
             android:name="com.dexterous.flutterlocalnotifications.ScheduledNotificationReceiver" />
         <receiver android:exported="false"

lib/bootstrapper.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:package_info_plus/package_info_plus.dart';
 import 'package:provider/provider.dart';
@@ -197,7 +198,7 @@ class _BootstrapperShellState extends State<BootstrapperShell> {
                       height: 24,
                       child: CircularProgressIndicator(strokeWidth: 3),
                     ),
-                  const SizedBox(height: 12),
+                  const Gap(12),
                   CenteredContainer(
                     maxWidth: 280,
                     child: Column(

lib/main.dart

@@ -6,7 +6,6 @@ import 'package:flutter/material.dart';
 import 'package:flutter_acrylic/flutter_acrylic.dart';
 import 'package:get/get.dart';
 import 'package:go_router/go_router.dart';
-import 'package:media_kit/media_kit.dart';
 import 'package:protocol_handler/protocol_handler.dart';
 import 'package:provider/provider.dart';
 import 'package:solian/bootstrapper.dart';
@@ -35,7 +34,6 @@ import 'package:flutter_web_plugins/url_strategy.dart' show usePathUrlStrategy;
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
-  MediaKit.ensureInitialized();
 
   await Future.wait([
     _initializeFirebase(),
@@ -109,7 +107,7 @@ class SolianApp extends StatelessWidget {
             return SystemShell(
               child: ScaffoldMessenger(
                 child: BootstrapperShell(
-                  child: child ?? const SizedBox(),
+                  child: child ?? const SizedBox.shrink(),
                 ),
               ),
             );

lib/models/account.dart

@@ -1,3 +1,8 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'account.g.dart';
+
+@JsonSerializable()
 class Account {
   int id;
   DateTime createdAt;
@@ -10,6 +15,7 @@ class Account {
   dynamic avatar;
   dynamic banner;
   String description;
+  AccountProfile? profile;
   List<AccountBadge>? badges;
   String? emailAddress;
   int? externalId;
@@ -26,55 +32,19 @@ class Account {
     required this.avatar,
     required this.banner,
     required this.description,
+    required this.profile,
     required this.badges,
     required this.emailAddress,
     this.externalId,
   });
 
-  factory Account.fromJson(Map<String, dynamic> json) => Account(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-        confirmedAt: json['confirmed_at'] != null
-            ? DateTime.parse(json['confirmed_at'])
-            : null,
-        suspendedAt: json['suspended_at'] != null
-            ? DateTime.parse(json['suspended_at'])
-            : null,
-        name: json['name'],
-        nick: json['nick'],
-        avatar: json['avatar'],
-        banner: json['banner'],
-        description: json['description'],
-        emailAddress: json['email_address'],
-        badges: json['badges']
-            ?.map((e) => AccountBadge.fromJson(e))
-            .toList()
-            .cast<AccountBadge>(),
-        externalId: json['external_id'],
-      );
+  factory Account.fromJson(Map<String, dynamic> json) =>
+      _$AccountFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-        'confirmed_at': confirmedAt?.toIso8601String(),
-        'suspended_at': suspendedAt?.toIso8601String(),
-        'name': name,
-        'nick': nick,
-        'avatar': avatar,
-        'banner': banner,
-        'description': description,
-        'email_address': emailAddress,
-        'badges': badges?.map((e) => e.toJson()).toList(),
-        'external_id': externalId,
-      };
+  Map<String, dynamic> toJson() => _$AccountToJson(this);
 }
 
+@JsonSerializable()
 class AccountBadge {
   int id;
   DateTime createdAt;
@@ -94,25 +64,40 @@ class AccountBadge {
     required this.type,
   });
 
-  factory AccountBadge.fromJson(Map<String, dynamic> json) => AccountBadge(
-        id: json['id'],
-        accountId: json['account_id'],
-        updatedAt: DateTime.parse(json['updated_at']),
-        createdAt: DateTime.parse(json['created_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-        metadata: json['metadata'],
-        type: json['type'],
-      );
+  factory AccountBadge.fromJson(Map<String, dynamic> json) =>
+      _$AccountBadgeFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'account_id': accountId,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-        'metadata': metadata,
-        'type': type,
-      };
+  Map<String, dynamic> toJson() => _$AccountBadgeToJson(this);
+}
+
+@JsonSerializable()
+class AccountProfile {
+  int id;
+  DateTime createdAt;
+  DateTime updatedAt;
+  DateTime? deletedAt;
+  String? firstName;
+  String? lastName;
+  int? experience;
+  DateTime? lastSeenAt;
+  DateTime? birthday;
+  int accountId;
+
+  AccountProfile({
+    required this.id,
+    required this.createdAt,
+    required this.updatedAt,
+    required this.deletedAt,
+    required this.firstName,
+    required this.lastName,
+    required this.experience,
+    required this.lastSeenAt,
+    required this.birthday,
+    required this.accountId,
+  });
+
+  factory AccountProfile.fromJson(Map<String, dynamic> json) =>
+      _$AccountProfileFromJson(json);
+
+  Map<String, dynamic> toJson() => _$AccountProfileToJson(this);
 }

lib/models/account.g.dart

@@ -0,0 +1,110 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'account.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Account _$AccountFromJson(Map<String, dynamic> json) => Account(
+      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),
+      confirmedAt: json['confirmed_at'] == null
+          ? null
+          : DateTime.parse(json['confirmed_at'] as String),
+      suspendedAt: json['suspended_at'] == null
+          ? null
+          : DateTime.parse(json['suspended_at'] as String),
+      name: json['name'] as String,
+      nick: json['nick'] as String,
+      avatar: json['avatar'],
+      banner: json['banner'],
+      description: json['description'] as String,
+      profile: json['profile'] == null
+          ? null
+          : AccountProfile.fromJson(json['profile'] as Map<String, dynamic>),
+      badges: (json['badges'] as List<dynamic>?)
+          ?.map((e) => AccountBadge.fromJson(e as Map<String, dynamic>))
+          .toList(),
+      emailAddress: json['email_address'] as String?,
+      externalId: (json['external_id'] as num?)?.toInt(),
+    );
+
+Map<String, dynamic> _$AccountToJson(Account instance) => <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'confirmed_at': instance.confirmedAt?.toIso8601String(),
+      'suspended_at': instance.suspendedAt?.toIso8601String(),
+      'name': instance.name,
+      'nick': instance.nick,
+      'avatar': instance.avatar,
+      'banner': instance.banner,
+      'description': instance.description,
+      'profile': instance.profile?.toJson(),
+      'badges': instance.badges?.map((e) => e.toJson()).toList(),
+      'email_address': instance.emailAddress,
+      'external_id': instance.externalId,
+    };
+
+AccountBadge _$AccountBadgeFromJson(Map<String, dynamic> json) => AccountBadge(
+      id: (json['id'] as num).toInt(),
+      accountId: (json['account_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),
+      metadata: json['metadata'] as Map<String, dynamic>?,
+      type: json['type'] as String,
+    );
+
+Map<String, dynamic> _$AccountBadgeToJson(AccountBadge instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'metadata': instance.metadata,
+      'type': instance.type,
+      'account_id': instance.accountId,
+    };
+
+AccountProfile _$AccountProfileFromJson(Map<String, dynamic> json) =>
+    AccountProfile(
+      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),
+      firstName: json['first_name'] as String?,
+      lastName: json['last_name'] as String?,
+      experience: (json['experience'] as num?)?.toInt(),
+      lastSeenAt: json['last_seen_at'] == null
+          ? null
+          : DateTime.parse(json['last_seen_at'] as String),
+      birthday: json['birthday'] == null
+          ? null
+          : DateTime.parse(json['birthday'] as String),
+      accountId: (json['account_id'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$AccountProfileToJson(AccountProfile instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'first_name': instance.firstName,
+      'last_name': instance.lastName,
+      'experience': instance.experience,
+      'last_seen_at': instance.lastSeenAt?.toIso8601String(),
+      'birthday': instance.birthday?.toIso8601String(),
+      'account_id': instance.accountId,
+    };

lib/models/account_status.dart

@@ -1,3 +1,8 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'account_status.g.dart';
+
+@JsonSerializable()
 class AccountStatus {
   bool isDisturbable;
   bool isOnline;
@@ -11,21 +16,13 @@ class AccountStatus {
     required this.status,
   });
 
-  factory AccountStatus.fromJson(Map<String, dynamic> json) => AccountStatus(
-    isDisturbable: json['is_disturbable'],
-    isOnline: json['is_online'],
-    lastSeenAt: json['last_seen_at'] != null ? DateTime.parse(json['last_seen_at']) : null,
-    status: json['status'] != null ? Status.fromJson(json['status']) : null,
-  );
+  factory AccountStatus.fromJson(Map<String, dynamic> json) =>
+      _$AccountStatusFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-    'is_disturbable': isDisturbable,
-    'is_online': isOnline,
-    'last_seen_at': lastSeenAt?.toIso8601String(),
-    'status': status?.toJson(),
-  };
+  Map<String, dynamic> toJson() => _$AccountStatusToJson(this);
 }
 
+@JsonSerializable()
 class Status {
   int id;
   DateTime createdAt;
@@ -53,31 +50,7 @@ class Status {
     required this.accountId,
   });
 
-  factory Status.fromJson(Map<String, dynamic> json) => Status(
-    id: json['id'],
-    createdAt: DateTime.parse(json['created_at']),
-    updatedAt: DateTime.parse(json['updated_at']),
-    deletedAt: json['deleted_at'] != null ? DateTime.parse(json['deleted_at']) : null,
-    type: json['type'],
-    label: json['label'],
-    attitude: json['attitude'],
-    isNoDisturb: json['is_no_disturb'],
-    isInvisible: json['is_invisible'],
-    clearAt: json['clear_at'] != null ? DateTime.parse(json['clear_at']) : null,
-    accountId: json['account_id'],
-  );
+  factory Status.fromJson(Map<String, dynamic> json) => _$StatusFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-    'id': id,
-    'created_at': createdAt.toIso8601String(),
-    'updated_at': updatedAt.toIso8601String(),
-    'deleted_at': deletedAt?.toIso8601String(),
-    'type': type,
-    'label': label,
-    'attitude': attitude,
-    'is_no_disturb': isNoDisturb,
-    'is_invisible': isInvisible,
-    'clear_at': clearAt?.toIso8601String(),
-    'account_id': accountId,
-  };
+  Map<String, dynamic> toJson() => _$StatusToJson(this);
 }

lib/models/account_status.g.dart

@@ -0,0 +1,59 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'account_status.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+AccountStatus _$AccountStatusFromJson(Map<String, dynamic> json) =>
+    AccountStatus(
+      isDisturbable: json['is_disturbable'] as bool,
+      isOnline: json['is_online'] as bool,
+      lastSeenAt: json['last_seen_at'] == null
+          ? null
+          : DateTime.parse(json['last_seen_at'] as String),
+      status: json['status'] == null
+          ? null
+          : Status.fromJson(json['status'] as Map<String, dynamic>),
+    );
+
+Map<String, dynamic> _$AccountStatusToJson(AccountStatus instance) =>
+    <String, dynamic>{
+      'is_disturbable': instance.isDisturbable,
+      'is_online': instance.isOnline,
+      'last_seen_at': instance.lastSeenAt?.toIso8601String(),
+      'status': instance.status?.toJson(),
+    };
+
+Status _$StatusFromJson(Map<String, dynamic> json) => Status(
+      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,
+      label: json['label'] as String,
+      attitude: (json['attitude'] as num).toInt(),
+      isNoDisturb: json['is_no_disturb'] as bool,
+      isInvisible: json['is_invisible'] as bool,
+      clearAt: json['clear_at'] == null
+          ? null
+          : DateTime.parse(json['clear_at'] as String),
+      accountId: (json['account_id'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$StatusToJson(Status instance) => <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'type': instance.type,
+      'label': instance.label,
+      'attitude': instance.attitude,
+      'is_no_disturb': instance.isNoDisturb,
+      'is_invisible': instance.isInvisible,
+      'clear_at': instance.clearAt?.toIso8601String(),
+      'account_id': instance.accountId,
+    };

lib/models/attachment.dart

@@ -1,5 +1,9 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:solian/models/account.dart';
 
+part 'attachment.g.dart';
+
+@JsonSerializable()
 class AttachmentPlaceholder {
   int chunkCount;
   int chunkSize;
@@ -12,19 +16,12 @@ class AttachmentPlaceholder {
   });
 
   factory AttachmentPlaceholder.fromJson(Map<String, dynamic> json) =>
-      AttachmentPlaceholder(
-        chunkCount: json['chunk_count'],
-        chunkSize: json['chunk_size'],
-        meta: Attachment.fromJson(json['meta']),
-      );
+      _$AttachmentPlaceholderFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'chunk_count': chunkCount,
-        'chunk_size': chunkSize,
-        'meta': meta.toJson(),
-      };
+  Map<String, dynamic> toJson() => _$AttachmentPlaceholderToJson(this);
 }
 
+@JsonSerializable()
 class Attachment {
   int id;
   DateTime createdAt;
@@ -68,50 +65,8 @@ class Attachment {
     required this.accountId,
   });
 
-  factory Attachment.fromJson(Map<String, dynamic> json) => Attachment(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-        rid: json['rid'],
-        uuid: json['uuid'],
-        size: json['size'],
-        name: json['name'],
-        alt: json['alt'],
-        mimetype: json['mimetype'],
-        hash: json['hash'],
-        destination: json['destination'],
-        isAnalyzed: json['is_analyzed'],
-        isUploaded: json['is_uploaded'],
-        metadata: json['metadata'],
-        fileChunks: json['file_chunks'],
-        isMature: json['is_mature'],
-        account:
-            json['account'] != null ? Account.fromJson(json['account']) : null,
-        accountId: json['account_id'],
-      );
+  factory Attachment.fromJson(Map<String, dynamic> json) =>
+      _$AttachmentFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-        'rid': rid,
-        'uuid': uuid,
-        'size': size,
-        'name': name,
-        'alt': alt,
-        'mimetype': mimetype,
-        'hash': hash,
-        'destination': destination,
-        'is_analyzed': isAnalyzed,
-        'is_uploaded': isUploaded,
-        'metadata': metadata,
-        'file_chunks': fileChunks,
-        'is_mature': isMature,
-        'account': account?.toJson(),
-        'account_id': accountId,
-      };
+  Map<String, dynamic> toJson() => _$AttachmentToJson(this);
 }

lib/models/attachment.g.dart

@@ -0,0 +1,72 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'attachment.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+AttachmentPlaceholder _$AttachmentPlaceholderFromJson(
+        Map<String, dynamic> json) =>
+    AttachmentPlaceholder(
+      chunkCount: (json['chunk_count'] as num).toInt(),
+      chunkSize: (json['chunk_size'] as num).toInt(),
+      meta: Attachment.fromJson(json['meta'] as Map<String, dynamic>),
+    );
+
+Map<String, dynamic> _$AttachmentPlaceholderToJson(
+        AttachmentPlaceholder instance) =>
+    <String, dynamic>{
+      'chunk_count': instance.chunkCount,
+      'chunk_size': instance.chunkSize,
+      'meta': instance.meta.toJson(),
+    };
+
+Attachment _$AttachmentFromJson(Map<String, dynamic> json) => Attachment(
+      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),
+      rid: json['rid'] as String,
+      uuid: json['uuid'] as String,
+      size: (json['size'] as num).toInt(),
+      name: json['name'] as String,
+      alt: json['alt'] as String,
+      mimetype: json['mimetype'] as String,
+      hash: json['hash'] as String,
+      destination: (json['destination'] as num).toInt(),
+      isAnalyzed: json['is_analyzed'] as bool,
+      isUploaded: json['is_uploaded'] as bool,
+      metadata: json['metadata'] as Map<String, dynamic>?,
+      fileChunks: json['file_chunks'] as Map<String, dynamic>?,
+      isMature: json['is_mature'] as bool,
+      account: json['account'] == null
+          ? null
+          : Account.fromJson(json['account'] as Map<String, dynamic>),
+      accountId: (json['account_id'] as num?)?.toInt(),
+    );
+
+Map<String, dynamic> _$AttachmentToJson(Attachment instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'rid': instance.rid,
+      'uuid': instance.uuid,
+      'size': instance.size,
+      'name': instance.name,
+      'alt': instance.alt,
+      'mimetype': instance.mimetype,
+      'hash': instance.hash,
+      'destination': instance.destination,
+      'is_analyzed': instance.isAnalyzed,
+      'is_uploaded': instance.isUploaded,
+      'metadata': instance.metadata,
+      'file_chunks': instance.fileChunks,
+      'is_mature': instance.isMature,
+      'account': instance.account?.toJson(),
+      'account_id': instance.accountId,
+    };

lib/models/call.dart

@@ -1,6 +1,10 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:livekit_client/livekit_client.dart';
 import 'package:solian/models/channel.dart';
 
+part 'call.g.dart';
+
+@JsonSerializable()
 class Call {
   int id;
   DateTime createdAt;
@@ -10,7 +14,8 @@ class Call {
   String externalId;
   int founderId;
   int channelId;
-  List<dynamic> participants;
+  @JsonKey(defaultValue: [])
+  List<dynamic>? participants;
   Channel channel;
 
   Call({
@@ -26,32 +31,9 @@ class Call {
     required this.channel,
   });
 
-  factory Call.fromJson(Map<String, dynamic> json) => Call(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'],
-        endedAt:
-            json['ended_at'] != null ? DateTime.parse(json['ended_at']) : null,
-        externalId: json['external_id'],
-        founderId: json['founder_id'],
-        channelId: json['channel_id'],
-        participants: json['participants'] ?? List.empty(),
-        channel: Channel.fromJson(json['channel']),
-      );
+  factory Call.fromJson(Map<String, dynamic> json) => _$CallFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'ended_at': endedAt?.toIso8601String(),
-        'external_id': externalId,
-        'founder_id': founderId,
-        'channel_id': channelId,
-        'participants': participants,
-        'channel': channel.toJson(),
-      };
+  Map<String, dynamic> toJson() => _$CallToJson(this);
 }
 
 enum ParticipantStatsType {

lib/models/call.g.dart

@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'call.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Call _$CallFromJson(Map<String, dynamic> json) => Call(
+      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),
+      endedAt: json['ended_at'] == null
+          ? null
+          : DateTime.parse(json['ended_at'] as String),
+      externalId: json['external_id'] as String,
+      founderId: (json['founder_id'] as num).toInt(),
+      channelId: (json['channel_id'] as num).toInt(),
+      participants: json['participants'] as List<dynamic>? ?? [],
+      channel: Channel.fromJson(json['channel'] as Map<String, dynamic>),
+    );
+
+Map<String, dynamic> _$CallToJson(Call instance) => <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'ended_at': instance.endedAt?.toIso8601String(),
+      'external_id': instance.externalId,
+      'founder_id': instance.founderId,
+      'channel_id': instance.channelId,
+      'participants': instance.participants,
+      'channel': instance.channel.toJson(),
+    };

lib/models/channel.dart

@@ -1,6 +1,10 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:solian/models/account.dart';
 import 'package:solian/models/realm.dart';
 
+part 'channel.g.dart';
+
+@JsonSerializable()
 class Channel {
   int id;
   DateTime createdAt;
@@ -17,6 +21,7 @@ class Channel {
   int? realmId;
   bool isEncrypted;
 
+  @JsonKey(includeFromJson: false, includeToJson: true)
   bool isAvailable = false;
 
   Channel({
@@ -36,44 +41,22 @@ class Channel {
     required this.realmId,
   });
 
-  factory Channel.fromJson(Map<String, dynamic> json) => Channel(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'],
-        alias: json['alias'],
-        name: json['name'],
-        description: json['description'],
-        type: json['type'],
-        members: json['members']
-            ?.map((e) => ChannelMember.fromJson(e))
-            .toList()
-            .cast<ChannelMember>(),
-        account: Account.fromJson(json['account']),
-        accountId: json['account_id'],
-        realm: json['realm'] != null ? Realm.fromJson(json['realm']) : null,
-        realmId: json['realm_id'],
-        isEncrypted: json['is_encrypted'],
-      );
+  factory Channel.fromJson(Map<String, dynamic> json) =>
+      _$ChannelFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'alias': alias,
-        'name': name,
-        'description': description,
-        'type': type,
-        'members': members?.map((e) => e.toJson()).toList(),
-        'account': account.toJson(),
-        'account_id': accountId,
-        'realm': realm?.toJson(),
-        'realm_id': realmId,
-        'is_encrypted': isEncrypted,
-      };
+  Map<String, dynamic> toJson() => _$ChannelToJson(this);
+
+  @override
+  bool operator ==(Object other) {
+    if (other is! Channel) return false;
+    return id == other.id;
+  }
+
+  @override
+  int get hashCode => id;
 }
 
+@JsonSerializable()
 class ChannelMember {
   int id;
   DateTime createdAt;
@@ -95,25 +78,8 @@ class ChannelMember {
     required this.notify,
   });
 
-  factory ChannelMember.fromJson(Map<String, dynamic> json) => ChannelMember(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'],
-        channelId: json['channel_id'],
-        accountId: json['account_id'],
-        account: Account.fromJson(json['account']),
-        notify: json['notify'],
-      );
+  factory ChannelMember.fromJson(Map<String, dynamic> json) =>
+      _$ChannelMemberFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'channel_id': channelId,
-        'account_id': accountId,
-        'account': account.toJson(),
-        'notify': notify,
-      };
+  Map<String, dynamic> toJson() => _$ChannelMemberToJson(this);
 }

lib/models/channel.g.dart

@@ -0,0 +1,74 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'channel.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Channel _$ChannelFromJson(Map<String, dynamic> json) => Channel(
+      id: (json['id'] as num).toInt(),
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+      deletedAt: json['deleted_at'] == null
+          ? null
+          : DateTime.parse(json['deleted_at'] as String),
+      alias: json['alias'] as String,
+      name: json['name'] as String,
+      description: json['description'] as String,
+      type: (json['type'] as num).toInt(),
+      members: (json['members'] as List<dynamic>?)
+          ?.map((e) => ChannelMember.fromJson(e as Map<String, dynamic>))
+          .toList(),
+      account: Account.fromJson(json['account'] as Map<String, dynamic>),
+      accountId: (json['account_id'] as num).toInt(),
+      isEncrypted: json['is_encrypted'] as bool,
+      realm: json['realm'] == null
+          ? null
+          : Realm.fromJson(json['realm'] as Map<String, dynamic>),
+      realmId: (json['realm_id'] as num?)?.toInt(),
+    );
+
+Map<String, dynamic> _$ChannelToJson(Channel instance) => <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'alias': instance.alias,
+      'name': instance.name,
+      'description': instance.description,
+      'type': instance.type,
+      'members': instance.members?.map((e) => e.toJson()).toList(),
+      'account': instance.account.toJson(),
+      'account_id': instance.accountId,
+      'realm': instance.realm?.toJson(),
+      'realm_id': instance.realmId,
+      'is_encrypted': instance.isEncrypted,
+      'is_available': instance.isAvailable,
+    };
+
+ChannelMember _$ChannelMemberFromJson(Map<String, dynamic> json) =>
+    ChannelMember(
+      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),
+      channelId: (json['channel_id'] as num).toInt(),
+      accountId: (json['account_id'] as num).toInt(),
+      account: Account.fromJson(json['account'] as Map<String, dynamic>),
+      notify: (json['notify'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$ChannelMemberToJson(ChannelMember instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'channel_id': instance.channelId,
+      'account_id': instance.accountId,
+      'account': instance.account.toJson(),
+      'notify': instance.notify,
+    };

lib/models/event.dart

@@ -1,6 +1,9 @@
-import 'package:solian/models/account.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:solian/models/channel.dart';
 
+part 'event.g.dart';
+
+@JsonSerializable()
 class Event {
   int id;
   String uuid;
@@ -10,10 +13,11 @@ class Event {
   Map<String, dynamic> body;
   String type;
   Channel? channel;
-  Sender sender;
+  ChannelMember sender;
   int channelId;
   int senderId;
 
+  @JsonKey(includeFromJson: false, includeToJson: true)
   bool isPending = false;
 
   Event({
@@ -30,38 +34,16 @@ class Event {
     required this.senderId,
   });
 
-  factory Event.fromJson(Map<String, dynamic> json) => Event(
-        id: json['id'],
-        uuid: json['uuid'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'],
-        body: json['body'],
-        type: json['type'],
-        channel:
-            json['channel'] != null ? Channel.fromJson(json['channel']) : null,
-        sender: Sender.fromJson(json['sender']),
-        channelId: json['channel_id'],
-        senderId: json['sender_id'],
-      );
+  factory Event.fromJson(Map<String, dynamic> json) => _$EventFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'uuid': uuid,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'body': body,
-        'type': type,
-        'channel': channel?.toJson(),
-        'sender': sender.toJson(),
-        'channel_id': channelId,
-        'sender_id': senderId,
-      };
+  Map<String, dynamic> toJson() => _$EventToJson(this);
 }
 
+@JsonSerializable()
 class EventMessageBody {
+  @JsonKey(defaultValue: '')
   String text;
+  @JsonKey(defaultValue: 'plain')
   String algorithm;
   List<String>? attachments;
   int? quoteEvent;
@@ -78,69 +60,7 @@ class EventMessageBody {
   });
 
   factory EventMessageBody.fromJson(Map<String, dynamic> json) =>
-      EventMessageBody(
-        text: json['text'] ?? '',
-        algorithm: json['algorithm'] ?? 'plain',
-        attachments: json['attachments'] != null
-            ? List<String>.from(json['attachments']?.whereType<String>())
-            : null,
-        quoteEvent: json['quote_event'],
-        relatedEvent: json['related_event'],
-        relatedUsers: json['related_users'] != null
-            ? List<int>.from(json['related_users'].map((x) => x))
-            : null,
-      );
+      _$EventMessageBodyFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'text': text,
-        'algorithm': algorithm,
-        'attachments': attachments?.cast<dynamic>(),
-        'quote_event': quoteEvent,
-        'related_event': relatedEvent,
-        'related_users': relatedUsers?.cast<dynamic>(),
-      };
-}
-
-class Sender {
-  int id;
-  DateTime createdAt;
-  DateTime updatedAt;
-  DateTime? deletedAt;
-  Account account;
-  int channelId;
-  int accountId;
-  int notify;
-
-  Sender({
-    required this.id,
-    required this.createdAt,
-    required this.updatedAt,
-    this.deletedAt,
-    required this.account,
-    required this.channelId,
-    required this.accountId,
-    required this.notify,
-  });
-
-  factory Sender.fromJson(Map<String, dynamic> json) => Sender(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'],
-        account: Account.fromJson(json['account']),
-        channelId: json['channel_id'],
-        accountId: json['account_id'],
-        notify: json['notify'],
-      );
-
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'account': account.toJson(),
-        'channel_id': channelId,
-        'account_id': accountId,
-        'notify': notify,
-      };
+  Map<String, dynamic> toJson() => _$EventMessageBodyToJson(this);
 }

lib/models/event.g.dart

@@ -0,0 +1,64 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'event.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Event _$EventFromJson(Map<String, dynamic> json) => Event(
+      id: (json['id'] as num).toInt(),
+      uuid: json['uuid'] as String,
+      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),
+      body: json['body'] as Map<String, dynamic>,
+      type: json['type'] as String,
+      channel: json['channel'] == null
+          ? null
+          : Channel.fromJson(json['channel'] as Map<String, dynamic>),
+      sender: ChannelMember.fromJson(json['sender'] as Map<String, dynamic>),
+      channelId: (json['channel_id'] as num).toInt(),
+      senderId: (json['sender_id'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$EventToJson(Event instance) => <String, dynamic>{
+      'id': instance.id,
+      'uuid': instance.uuid,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'body': instance.body,
+      'type': instance.type,
+      'channel': instance.channel?.toJson(),
+      'sender': instance.sender.toJson(),
+      'channel_id': instance.channelId,
+      'sender_id': instance.senderId,
+      'is_pending': instance.isPending,
+    };
+
+EventMessageBody _$EventMessageBodyFromJson(Map<String, dynamic> json) =>
+    EventMessageBody(
+      text: json['text'] as String? ?? '',
+      algorithm: json['algorithm'] as String? ?? 'plain',
+      attachments: (json['attachments'] as List<dynamic>?)
+          ?.map((e) => e as String)
+          .toList(),
+      quoteEvent: (json['quote_event'] as num?)?.toInt(),
+      relatedEvent: (json['related_event'] as num?)?.toInt(),
+      relatedUsers: (json['related_users'] as List<dynamic>?)
+          ?.map((e) => (e as num).toInt())
+          .toList(),
+    );
+
+Map<String, dynamic> _$EventMessageBodyToJson(EventMessageBody instance) =>
+    <String, dynamic>{
+      'text': instance.text,
+      'algorithm': instance.algorithm,
+      'attachments': instance.attachments,
+      'quote_event': instance.quoteEvent,
+      'related_event': instance.relatedEvent,
+      'related_users': instance.relatedUsers,
+    };

lib/models/feed.dart

@@ -1,83 +0,0 @@
-class Tag {
-  int id;
-  String alias;
-  String name;
-  String description;
-  DateTime createdAt;
-  DateTime updatedAt;
-  DateTime? deletedAt;
-
-  Tag({
-    required this.id,
-    required this.alias,
-    required this.name,
-    required this.description,
-    required this.createdAt,
-    required this.updatedAt,
-    required this.deletedAt,
-  });
-
-  factory Tag.fromJson(Map<String, dynamic> json) => Tag(
-        id: json['id'],
-        alias: json['alias'],
-        name: json['name'],
-        description: json['description'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-      );
-
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'alias': alias,
-        'description': description,
-        'name': name,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-      };
-}
-
-class Category {
-  int id;
-  String alias;
-  String name;
-  String description;
-  DateTime createdAt;
-  DateTime updatedAt;
-  DateTime? deletedAt;
-
-  Category({
-    required this.id,
-    required this.alias,
-    required this.name,
-    required this.description,
-    required this.createdAt,
-    required this.updatedAt,
-    required this.deletedAt,
-  });
-
-  factory Category.fromJson(Map<String, dynamic> json) => Category(
-        id: json['id'],
-        alias: json['alias'],
-        name: json['name'],
-        description: json['description'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-      );
-
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'alias': alias,
-        'description': description,
-        'name': name,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-      };
-}

lib/models/keypair.dart

@@ -1,32 +0,0 @@
-class Keypair {
-  final String id;
-  final String algorithm;
-  final String publicKey;
-  final String? privateKey;
-
-  final bool isOwned;
-
-  Keypair({
-    required this.id,
-    required this.algorithm,
-    required this.publicKey,
-    required this.privateKey,
-    this.isOwned = false,
-  });
-
-  factory Keypair.fromJson(Map<String, dynamic> json) => Keypair(
-        id: json['id'],
-        algorithm: json['algorithm'],
-        publicKey: json['public_key'],
-        privateKey: json['private_key'],
-        isOwned: json['is_owned'],
-      );
-
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'algorithm': algorithm,
-        'public_key': publicKey,
-        'private_key': privateKey,
-        'is_owned': isOwned,
-      };
-}

lib/models/link.dart

@@ -1,3 +1,8 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'link.g.dart';
+
+@JsonSerializable()
 class LinkMeta {
   int id;
   DateTime createdAt;
@@ -29,37 +34,8 @@ class LinkMeta {
     required this.siteName,
   });
 
-  factory LinkMeta.fromJson(Map<String, dynamic> json) => LinkMeta(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-        entryId: json['entry_id'],
-        icon: json['icon'],
-        url: json['url'],
-        title: json['title'],
-        image: json['image'],
-        video: json['video'],
-        audio: json['audio'],
-        description: json['description'],
-        siteName: json['site_name'],
-      );
+  factory LinkMeta.fromJson(Map<String, dynamic> json) =>
+      _$LinkMetaFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-        'entry_id': entryId,
-        'icon': icon,
-        'url': url,
-        'title': title,
-        'image': image,
-        'video': video,
-        'audio': audio,
-        'description': description,
-        'site_name': siteName,
-      };
+  Map<String, dynamic> toJson() => _$LinkMetaToJson(this);
 }

lib/models/link.g.dart

@@ -0,0 +1,41 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'link.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+LinkMeta _$LinkMetaFromJson(Map<String, dynamic> json) => LinkMeta(
+      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),
+      entryId: json['entry_id'] as String,
+      icon: json['icon'] as String?,
+      url: json['url'] as String,
+      title: json['title'] as String?,
+      image: json['image'] as String?,
+      video: json['video'] as String?,
+      audio: json['audio'] as String?,
+      description: json['description'] as String?,
+      siteName: json['site_name'] as String?,
+    );
+
+Map<String, dynamic> _$LinkMetaToJson(LinkMeta instance) => <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'entry_id': instance.entryId,
+      'icon': instance.icon,
+      'url': instance.url,
+      'title': instance.title,
+      'image': instance.image,
+      'video': instance.video,
+      'audio': instance.audio,
+      'description': instance.description,
+      'site_name': instance.siteName,
+    };

lib/models/notification.dart

@@ -1,3 +1,8 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'notification.g.dart';
+
+@JsonSerializable()
 class Notification {
   int id;
   DateTime createdAt;
@@ -25,35 +30,8 @@ class Notification {
     required this.accountId,
   });
 
-  factory Notification.fromJson(Map<String, dynamic> json) => Notification(
-        id: json['id'] ?? 0,
-        createdAt: json['created_at'] == null
-            ? DateTime.now()
-            : DateTime.parse(json['created_at']),
-        updatedAt: json['updated_at'] == null
-            ? DateTime.now()
-            : DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'],
-        title: json['title'],
-        subtitle: json['subtitle'],
-        body: json['body'],
-        avatar: json['avatar'],
-        picture: json['picture'],
-        senderId: json['sender_id'],
-        accountId: json['account_id'],
-      );
+  factory Notification.fromJson(Map<String, dynamic> json) =>
+      _$NotificationFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'title': title,
-        'subtitle': subtitle,
-        'body': body,
-        'avatar': avatar,
-        'picture': picture,
-        'sender_id': senderId,
-        'account_id': accountId,
-      };
+  Map<String, dynamic> toJson() => _$NotificationToJson(this);
 }

lib/models/notification.g.dart

@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'notification.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Notification _$NotificationFromJson(Map<String, dynamic> json) => Notification(
+      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),
+      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?,
+      senderId: (json['sender_id'] as num?)?.toInt(),
+      accountId: (json['account_id'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$NotificationToJson(Notification instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'title': instance.title,
+      'subtitle': instance.subtitle,
+      'body': instance.body,
+      'avatar': instance.avatar,
+      'picture': instance.picture,
+      'sender_id': instance.senderId,
+      'account_id': instance.accountId,
+    };

lib/models/packet.dart

@@ -1,7 +1,16 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'packet.g.dart';
+
+@JsonSerializable()
 class NetworkPackage {
+  @JsonKey(name: 'w')
   String method;
+  @JsonKey(name: 'e')
   String? endpoint;
+  @JsonKey(name: 'm')
   String? message;
+  @JsonKey(name: 'p')
   Map<String, dynamic>? payload;
 
   NetworkPackage({
@@ -11,17 +20,8 @@ class NetworkPackage {
     this.payload,
   });
 
-  factory NetworkPackage.fromJson(Map<String, dynamic> json) => NetworkPackage(
-        method: json['w'],
-        endpoint: json['e'],
-        message: json['m'],
-        payload: json['p'],
-      );
+  factory NetworkPackage.fromJson(Map<String, dynamic> json) =>
+      _$NetworkPackageFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'w': method,
-        'e': endpoint,
-        'm': message,
-        'p': payload,
-      };
+  Map<String, dynamic> toJson() => _$NetworkPackageToJson(this);
 }

lib/models/packet.g.dart

@@ -0,0 +1,23 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'packet.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+NetworkPackage _$NetworkPackageFromJson(Map<String, dynamic> json) =>
+    NetworkPackage(
+      method: json['w'] as String,
+      endpoint: json['e'] as String?,
+      message: json['m'] as String?,
+      payload: json['p'] as Map<String, dynamic>?,
+    );
+
+Map<String, dynamic> _$NetworkPackageToJson(NetworkPackage instance) =>
+    <String, dynamic>{
+      'w': instance.method,
+      'e': instance.endpoint,
+      'm': instance.message,
+      'p': instance.payload,
+    };

lib/models/pagination.dart

@@ -1,3 +1,8 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'pagination.g.dart';
+
+@JsonSerializable()
 class PaginationResult {
   int count;
   List<dynamic>? data;
@@ -8,10 +13,7 @@ class PaginationResult {
   });
 
   factory PaginationResult.fromJson(Map<String, dynamic> json) =>
-      PaginationResult(count: json['count'], data: json['data']);
+      _$PaginationResultFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'count': count,
-        'data': data,
-      };
+  Map<String, dynamic> toJson() => _$PaginationResultToJson(this);
 }

lib/models/pagination.g.dart

@@ -0,0 +1,19 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'pagination.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+PaginationResult _$PaginationResultFromJson(Map<String, dynamic> json) =>
+    PaginationResult(
+      count: (json['count'] as num).toInt(),
+      data: json['data'] as List<dynamic>?,
+    );
+
+Map<String, dynamic> _$PaginationResultToJson(PaginationResult instance) =>
+    <String, dynamic>{
+      'count': instance.count,
+      'data': instance.data,
+    };

lib/models/post.dart

@@ -1,7 +1,11 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:solian/models/account.dart';
-import 'package:solian/models/feed.dart';
+import 'package:solian/models/post_categories.dart';
 import 'package:solian/models/realm.dart';
 
+part 'post.g.dart';
+
+@JsonSerializable()
 class Post {
   int id;
   DateTime createdAt;
@@ -57,81 +61,15 @@ class Post {
     required this.metric,
   });
 
-  factory Post.fromJson(Map<String, dynamic> json) => Post(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-        alias: json['alias'],
-        areaAlias: json['area_alias'],
-        type: json['type'],
-        body: json['body'],
-        tags: json['tags']?.map((x) => Tag.fromJson(x)).toList().cast<Tag>(),
-        categories: json['categories']
-            ?.map((x) => Category.fromJson(x))
-            .toList()
-            .cast<Category>(),
-        replies: json['replies'],
-        replyId: json['reply_id'],
-        repostId: json['repost_id'],
-        realmId: json['realm_id'],
-        replyTo:
-            json['reply_to'] != null ? Post.fromJson(json['reply_to']) : null,
-        repostTo:
-            json['repost_to'] != null ? Post.fromJson(json['repost_to']) : null,
-        realm: json['realm'] != null ? Realm.fromJson(json['realm']) : null,
-        editedAt: json['edited_at'] != null
-            ? DateTime.parse(json['edited_at'])
-            : null,
-        publishedAt: json['published_at'] != null
-            ? DateTime.parse(json['published_at'])
-            : null,
-        publishedUntil: json['published_until'] != null
-            ? DateTime.parse(json['published_until'])
-            : null,
-        pinnedAt: json['pinned_at'] != null
-            ? DateTime.parse(json['pinned_at'])
-            : null,
-        isDraft: json['is_draft'],
-        authorId: json['author_id'],
-        author: Account.fromJson(json['author']),
-        metric:
-            json['metric'] != null ? PostMetric.fromJson(json['metric']) : null,
-      );
+  factory Post.fromJson(Map<String, dynamic> json) => _$PostFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'edited_at': editedAt?.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-        'alias': alias,
-        'area_alias': areaAlias,
-        'type': type,
-        'body': body,
-        'tags': tags,
-        'categories': categories,
-        'replies': replies,
-        'reply_id': replyId,
-        'repost_id': repostId,
-        'realm_id': realmId,
-        'reply_to': replyTo?.toJson(),
-        'repost_to': repostTo?.toJson(),
-        'realm': realm?.toJson(),
-        'published_at': publishedAt?.toIso8601String(),
-        'published_until': publishedUntil?.toIso8601String(),
-        'pinned_at': pinnedAt?.toIso8601String(),
-        'is_draft': isDraft,
-        'author_id': authorId,
-        'author': author.toJson(),
-        'metric': metric?.toJson(),
-      };
+  Map<String, dynamic> toJson() => _$PostToJson(this);
 }
 
+@JsonSerializable()
 class PostMetric {
   int reactionCount;
+  @JsonKey(defaultValue: {})
   Map<String, int> reactionList;
   int replyCount;
 
@@ -141,22 +79,8 @@ class PostMetric {
     required this.replyCount,
   });
 
-  factory PostMetric.fromJson(Map<String, dynamic> json) => PostMetric(
-        reactionCount: json['reaction_count'],
-        replyCount: json['reply_count'],
-        reactionList: json['reaction_list'] != null
-            ? json['reaction_list']
-                .map((key, value) => MapEntry(
-                    key,
-                    int.tryParse(value.toString()) ??
-                        (value is double ? value.toInt() : null)))
-                .cast<String, int>()
-            : {},
-      );
+  factory PostMetric.fromJson(Map<String, dynamic> json) =>
+      _$PostMetricFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'reaction_count': reactionCount,
-        'reply_count': replyCount,
-        'reaction_list': reactionList,
-      };
+  Map<String, dynamic> toJson() => _$PostMetricToJson(this);
 }

lib/models/post.g.dart

@@ -0,0 +1,103 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'post.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Post _$PostFromJson(Map<String, dynamic> json) => Post(
+      id: (json['id'] as num).toInt(),
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+      editedAt: json['edited_at'] == null
+          ? null
+          : DateTime.parse(json['edited_at'] as String),
+      deletedAt: json['deleted_at'] == null
+          ? null
+          : DateTime.parse(json['deleted_at'] as String),
+      alias: json['alias'] as String?,
+      areaAlias: json['area_alias'] as String?,
+      type: json['type'] as String,
+      body: json['body'],
+      tags: (json['tags'] as List<dynamic>?)
+          ?.map((e) => Tag.fromJson(e as Map<String, dynamic>))
+          .toList(),
+      categories: (json['categories'] as List<dynamic>?)
+          ?.map((e) => Category.fromJson(e as Map<String, dynamic>))
+          .toList(),
+      replies: (json['replies'] as List<dynamic>?)
+          ?.map((e) => Post.fromJson(e as Map<String, dynamic>))
+          .toList(),
+      replyId: (json['reply_id'] as num?)?.toInt(),
+      repostId: (json['repost_id'] as num?)?.toInt(),
+      realmId: (json['realm_id'] as num?)?.toInt(),
+      replyTo: json['reply_to'] == null
+          ? null
+          : Post.fromJson(json['reply_to'] as Map<String, dynamic>),
+      repostTo: json['repost_to'] == null
+          ? null
+          : Post.fromJson(json['repost_to'] as Map<String, dynamic>),
+      realm: json['realm'] == null
+          ? null
+          : Realm.fromJson(json['realm'] as Map<String, dynamic>),
+      publishedAt: json['published_at'] == null
+          ? null
+          : DateTime.parse(json['published_at'] as String),
+      publishedUntil: json['published_until'] == null
+          ? null
+          : DateTime.parse(json['published_until'] as String),
+      pinnedAt: json['pinned_at'] == null
+          ? null
+          : DateTime.parse(json['pinned_at'] as String),
+      isDraft: json['is_draft'] as bool?,
+      authorId: (json['author_id'] as num).toInt(),
+      author: Account.fromJson(json['author'] as Map<String, dynamic>),
+      metric: json['metric'] == null
+          ? null
+          : PostMetric.fromJson(json['metric'] as Map<String, dynamic>),
+    );
+
+Map<String, dynamic> _$PostToJson(Post instance) => <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'edited_at': instance.editedAt?.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'alias': instance.alias,
+      'area_alias': instance.areaAlias,
+      'body': instance.body,
+      'tags': instance.tags?.map((e) => e.toJson()).toList(),
+      'categories': instance.categories?.map((e) => e.toJson()).toList(),
+      'replies': instance.replies?.map((e) => e.toJson()).toList(),
+      'type': instance.type,
+      'reply_id': instance.replyId,
+      'repost_id': instance.repostId,
+      'realm_id': instance.realmId,
+      'reply_to': instance.replyTo?.toJson(),
+      'repost_to': instance.repostTo?.toJson(),
+      'realm': instance.realm?.toJson(),
+      'published_at': instance.publishedAt?.toIso8601String(),
+      'published_until': instance.publishedUntil?.toIso8601String(),
+      'pinned_at': instance.pinnedAt?.toIso8601String(),
+      'is_draft': instance.isDraft,
+      'author_id': instance.authorId,
+      'author': instance.author.toJson(),
+      'metric': instance.metric?.toJson(),
+    };
+
+PostMetric _$PostMetricFromJson(Map<String, dynamic> json) => PostMetric(
+      reactionCount: (json['reaction_count'] as num).toInt(),
+      reactionList: (json['reaction_list'] as Map<String, dynamic>?)?.map(
+            (k, e) => MapEntry(k, (e as num).toInt()),
+          ) ??
+          {},
+      replyCount: (json['reply_count'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$PostMetricToJson(PostMetric instance) =>
+    <String, dynamic>{
+      'reaction_count': instance.reactionCount,
+      'reaction_list': instance.reactionList,
+      'reply_count': instance.replyCount,
+    };

lib/models/post_categories.dart

@@ -0,0 +1,54 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'post_categories.g.dart';
+
+@JsonSerializable()
+class Tag {
+  int id;
+  String alias;
+  String name;
+  String description;
+  DateTime createdAt;
+  DateTime updatedAt;
+  DateTime? deletedAt;
+
+  Tag({
+    required this.id,
+    required this.alias,
+    required this.name,
+    required this.description,
+    required this.createdAt,
+    required this.updatedAt,
+    required this.deletedAt,
+  });
+
+  factory Tag.fromJson(Map<String, dynamic> json) => _$TagFromJson(json);
+
+  Map<String, dynamic> toJson() => _$TagToJson(this);
+}
+
+@JsonSerializable()
+class Category {
+  int id;
+  String alias;
+  String name;
+  String description;
+  DateTime createdAt;
+  DateTime updatedAt;
+  DateTime? deletedAt;
+
+  Category({
+    required this.id,
+    required this.alias,
+    required this.name,
+    required this.description,
+    required this.createdAt,
+    required this.updatedAt,
+    required this.deletedAt,
+  });
+
+  factory Category.fromJson(Map<String, dynamic> json) =>
+      _$CategoryFromJson(json);
+
+  Map<String, dynamic> toJson() => _$CategoryToJson(this);
+}

lib/models/post_categories.g.dart

@@ -0,0 +1,51 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'post_categories.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Tag _$TagFromJson(Map<String, dynamic> json) => Tag(
+      id: (json['id'] as num).toInt(),
+      alias: json['alias'] as String,
+      name: json['name'] as String,
+      description: json['description'] as String,
+      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),
+    );
+
+Map<String, dynamic> _$TagToJson(Tag instance) => <String, dynamic>{
+      'id': instance.id,
+      'alias': instance.alias,
+      'name': instance.name,
+      'description': instance.description,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+    };
+
+Category _$CategoryFromJson(Map<String, dynamic> json) => Category(
+      id: (json['id'] as num).toInt(),
+      alias: json['alias'] as String,
+      name: json['name'] as String,
+      description: json['description'] as String,
+      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),
+    );
+
+Map<String, dynamic> _$CategoryToJson(Category instance) => <String, dynamic>{
+      'id': instance.id,
+      'alias': instance.alias,
+      'name': instance.name,
+      'description': instance.description,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+    };

lib/models/realm.dart

@@ -1,5 +1,9 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:solian/models/account.dart';
 
+part 'realm.g.dart';
+
+@JsonSerializable()
 class Realm {
   int id;
   DateTime createdAt;
@@ -25,33 +29,9 @@ class Realm {
     this.accountId,
   });
 
-  factory Realm.fromJson(Map<String, dynamic> json) => Realm(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-        alias: json['alias'],
-        name: json['name'],
-        description: json['description'],
-        isPublic: json['is_public'],
-        isCommunity: json['is_community'],
-        accountId: json['account_id'],
-      );
+  factory Realm.fromJson(Map<String, dynamic> json) => _$RealmFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'alias': alias,
-        'name': name,
-        'description': description,
-        'is_public': isPublic,
-        'is_community': isCommunity,
-        'account_id': accountId,
-      };
+  Map<String, dynamic> toJson() => _$RealmToJson(this);
 
   @override
   bool operator ==(Object other) {
@@ -65,6 +45,7 @@ class Realm {
   int get hashCode => id;
 }
 
+@JsonSerializable()
 class RealmMember {
   int id;
   DateTime createdAt;
@@ -86,27 +67,8 @@ class RealmMember {
     required this.powerLevel,
   });
 
-  factory RealmMember.fromJson(Map<String, dynamic> json) => RealmMember(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : null,
-        realmId: json['realm_id'],
-        accountId: json['account_id'],
-        account: Account.fromJson(json['account']),
-        powerLevel: json['power_level'],
-      );
+  factory RealmMember.fromJson(Map<String, dynamic> json) =>
+      _$RealmMemberFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'realm_id': realmId,
-        'account_id': accountId,
-        'account': account.toJson(),
-        'power_level': powerLevel,
-      };
+  Map<String, dynamic> toJson() => _$RealmMemberToJson(this);
 }

lib/models/realm.g.dart

@@ -0,0 +1,60 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'realm.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Realm _$RealmFromJson(Map<String, dynamic> json) => Realm(
+      id: (json['id'] as num).toInt(),
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+      deletedAt: json['deleted_at'] == null
+          ? null
+          : DateTime.parse(json['deleted_at'] as String),
+      alias: json['alias'] as String,
+      name: json['name'] as String,
+      description: json['description'] as String,
+      isPublic: json['is_public'] as bool,
+      isCommunity: json['is_community'] as bool,
+      accountId: (json['account_id'] as num?)?.toInt(),
+    );
+
+Map<String, dynamic> _$RealmToJson(Realm instance) => <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'alias': instance.alias,
+      'name': instance.name,
+      'description': instance.description,
+      'is_public': instance.isPublic,
+      'is_community': instance.isCommunity,
+      'account_id': instance.accountId,
+    };
+
+RealmMember _$RealmMemberFromJson(Map<String, dynamic> json) => RealmMember(
+      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),
+      realmId: (json['realm_id'] as num).toInt(),
+      accountId: (json['account_id'] as num).toInt(),
+      account: Account.fromJson(json['account'] as Map<String, dynamic>),
+      powerLevel: (json['power_level'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$RealmMemberToJson(RealmMember instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'realm_id': instance.realmId,
+      'account_id': instance.accountId,
+      'account': instance.account.toJson(),
+      'power_level': instance.powerLevel,
+    };

lib/models/relations.dart

@@ -1,5 +1,9 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:solian/models/account.dart';
 
+part 'relations.g.dart';
+
+@JsonSerializable()
 class Relationship {
   int id;
   DateTime createdAt;
@@ -23,27 +27,8 @@ class Relationship {
     required this.status,
   });
 
-  factory Relationship.fromJson(Map<String, dynamic> json) => Relationship(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'],
-        accountId: json['account_id'],
-        relatedId: json['related_id'],
-        account: Account.fromJson(json['account']),
-        related: Account.fromJson(json['related']),
-        status: json['status'],
-      );
+  factory Relationship.fromJson(Map<String, dynamic> json) =>
+      _$RelationshipFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt,
-        'account_id': accountId,
-        'related_id': relatedId,
-        'account': account.toJson(),
-        'related': related.toJson(),
-        'status': status,
-      };
+  Map<String, dynamic> toJson() => _$RelationshipToJson(this);
 }

lib/models/relations.g.dart

@@ -0,0 +1,34 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'relations.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Relationship _$RelationshipFromJson(Map<String, dynamic> json) => Relationship(
+      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),
+      accountId: (json['account_id'] as num).toInt(),
+      relatedId: (json['related_id'] as num).toInt(),
+      account: Account.fromJson(json['account'] as Map<String, dynamic>),
+      related: Account.fromJson(json['related'] as Map<String, dynamic>),
+      status: (json['status'] as num).toInt(),
+    );
+
+Map<String, dynamic> _$RelationshipToJson(Relationship instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'account_id': instance.accountId,
+      'related_id': instance.relatedId,
+      'account': instance.account.toJson(),
+      'related': instance.related.toJson(),
+      'status': instance.status,
+    };

lib/models/stickers.dart

@@ -1,7 +1,11 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:solian/models/account.dart';
 import 'package:solian/models/attachment.dart';
 import 'package:solian/services.dart';
 
+part 'stickers.g.dart';
+
+@JsonSerializable()
 class Sticker {
   int id;
   DateTime createdAt;
@@ -39,38 +43,13 @@ class Sticker {
         '/attachments/${attachment.rid}',
       );
 
-  factory Sticker.fromJson(Map<String, dynamic> json) => Sticker(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : json['deleted_at'],
-        alias: json['alias'],
-        name: json['name'],
-        attachmentId: json['attachment_id'],
-        attachment: Attachment.fromJson(json['attachment']),
-        packId: json['pack_id'],
-        pack: json['pack'] != null ? StickerPack.fromJson(json['pack']) : null,
-        accountId: json['account_id'],
-        account: Account.fromJson(json['account']),
-      );
+  factory Sticker.fromJson(Map<String, dynamic> json) =>
+      _$StickerFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-        'alias': alias,
-        'name': name,
-        'attachment_id': attachmentId,
-        'attachment': attachment.toJson(),
-        'pack_id': packId,
-        'account_id': accountId,
-        'account': account.toJson(),
-      };
+  Map<String, dynamic> toJson() => _$StickerToJson(this);
 }
 
+@JsonSerializable()
 class StickerPack {
   int id;
   DateTime createdAt;
@@ -96,36 +75,8 @@ class StickerPack {
     required this.account,
   });
 
-  factory StickerPack.fromJson(Map<String, dynamic> json) => StickerPack(
-        id: json['id'],
-        createdAt: DateTime.parse(json['created_at']),
-        updatedAt: DateTime.parse(json['updated_at']),
-        deletedAt: json['deleted_at'] != null
-            ? DateTime.parse(json['deleted_at'])
-            : json['deleted_at'],
-        prefix: json['prefix'],
-        name: json['name'],
-        description: json['description'],
-        stickers: json['stickers'] == null
-            ? []
-            : List<Sticker>.from(
-                json['stickers']!.map((x) => Sticker.fromJson(x))),
-        accountId: json['account_id'],
-        account: Account.fromJson(json['account']),
-      );
+  factory StickerPack.fromJson(Map<String, dynamic> json) =>
+      _$StickerPackFromJson(json);
 
-  Map<String, dynamic> toJson() => {
-        'id': id,
-        'created_at': createdAt.toIso8601String(),
-        'updated_at': updatedAt.toIso8601String(),
-        'deleted_at': deletedAt?.toIso8601String(),
-        'prefix': prefix,
-        'name': name,
-        'description': description,
-        'stickers': stickers == null
-            ? []
-            : List<dynamic>.from(stickers!.map((x) => x.toJson())),
-        'account_id': accountId,
-        'account': account.toJson(),
-      };
+  Map<String, dynamic> toJson() => _$StickerPackToJson(this);
 }

lib/models/stickers.g.dart

@@ -0,0 +1,73 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'stickers.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Sticker _$StickerFromJson(Map<String, dynamic> json) => Sticker(
+      id: (json['id'] as num).toInt(),
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+      deletedAt: json['deleted_at'] == null
+          ? null
+          : DateTime.parse(json['deleted_at'] as String),
+      alias: json['alias'] as String,
+      name: json['name'] as String,
+      attachmentId: (json['attachment_id'] as num).toInt(),
+      attachment:
+          Attachment.fromJson(json['attachment'] as Map<String, dynamic>),
+      packId: (json['pack_id'] as num).toInt(),
+      pack: json['pack'] == null
+          ? null
+          : StickerPack.fromJson(json['pack'] as Map<String, dynamic>),
+      accountId: (json['account_id'] as num).toInt(),
+      account: Account.fromJson(json['account'] as Map<String, dynamic>),
+    );
+
+Map<String, dynamic> _$StickerToJson(Sticker instance) => <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'alias': instance.alias,
+      'name': instance.name,
+      'attachment_id': instance.attachmentId,
+      'attachment': instance.attachment.toJson(),
+      'pack_id': instance.packId,
+      'pack': instance.pack?.toJson(),
+      'account_id': instance.accountId,
+      'account': instance.account.toJson(),
+    };
+
+StickerPack _$StickerPackFromJson(Map<String, dynamic> json) => StickerPack(
+      id: (json['id'] as num).toInt(),
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+      deletedAt: json['deleted_at'] == null
+          ? null
+          : DateTime.parse(json['deleted_at'] as String),
+      prefix: json['prefix'] as String,
+      name: json['name'] as String,
+      description: json['description'] as String,
+      stickers: (json['stickers'] as List<dynamic>?)
+          ?.map((e) => Sticker.fromJson(e as Map<String, dynamic>))
+          .toList(),
+      accountId: (json['account_id'] as num).toInt(),
+      account: Account.fromJson(json['account'] as Map<String, dynamic>),
+    );
+
+Map<String, dynamic> _$StickerPackToJson(StickerPack instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'created_at': instance.createdAt.toIso8601String(),
+      'updated_at': instance.updatedAt.toIso8601String(),
+      'deleted_at': instance.deletedAt?.toIso8601String(),
+      'prefix': instance.prefix,
+      'name': instance.name,
+      'description': instance.description,
+      'stickers': instance.stickers?.map((e) => e.toJson()).toList(),
+      'account_id': instance.accountId,
+      'account': instance.account.toJson(),
+    };

lib/providers/content/attachment.dart

@@ -192,6 +192,7 @@ class AttachmentProvider extends GetConnect {
   Future<Response> updateAttachment(
     int id,
     String alt, {
+    required Map<String, dynamic> metadata,
     bool isMature = false,
   }) async {
     final AuthProvider auth = Get.find();
@@ -201,6 +202,7 @@ class AttachmentProvider extends GetConnect {
 
     var resp = await client.put('/attachments/$id', {
       'alt': alt,
+      'metadata': metadata,
       'is_mature': isMature,
     });
 

lib/providers/daily_sign.dart

@@ -2,9 +2,30 @@ import 'package:get/get.dart';
 import 'package:solian/exceptions/request.dart';
 import 'package:solian/exceptions/unauthorized.dart';
 import 'package:solian/models/daily_sign.dart';
+import 'package:solian/models/pagination.dart';
 import 'package:solian/providers/auth.dart';
 
 class DailySignProvider extends GetxController {
+  Future<List<DailySignRecord>> listLastRecord(int take) async {
+    final AuthProvider auth = Get.find();
+    if (auth.isAuthorized.isFalse) throw const UnauthorizedException();
+
+    final client = auth.configureClient('id');
+
+    final resp = await client.get('/daily?take=$take');
+    if (resp.statusCode != 200 && resp.statusCode != 404) {
+      throw RequestException(resp);
+    } else if (resp.statusCode == 404) {
+      return List.empty();
+    }
+
+    final result = PaginationResult.fromJson(resp.body);
+
+    return List.from(
+      result.data?.map((x) => DailySignRecord.fromJson(x)) ?? [],
+    );
+  }
+
   Future<DailySignRecord?> getToday() async {
     final AuthProvider auth = Get.find();
     if (auth.isAuthorized.isFalse) throw const UnauthorizedException();

lib/providers/durations.dart

@@ -0,0 +1,26 @@
+extension DurationToHumanReadableString on Duration {
+  String toHumanReadableString({padZero = true}) {
+    final mm = inMinutes
+        .remainder(60)
+        .toString()
+        .padLeft(2, !padZero && inHours == 0 ? '' : '0');
+    final ss = inSeconds.remainder(60).toString().padLeft(2, '0');
+
+    if (inHours > 0) {
+      final hh = inHours.toString().padLeft(2, !padZero ? '' : '0');
+      return '$hh:$mm:$ss';
+    }
+
+    return '$mm:$ss';
+  }
+}
+
+extension ParseDuration on Duration {
+  static Duration fromString(String duration) {
+    final parts = duration.split(':').reversed.toList();
+    final seconds = int.parse(parts[0]);
+    final minutes = parts.length > 1 ? int.parse(parts[1]) : 0;
+    final hours = parts.length > 2 ? int.parse(parts[2]) : 0;
+    return Duration(hours: hours, minutes: minutes, seconds: seconds);
+  }
+}

lib/providers/experience.dart

@@ -0,0 +1,51 @@
+import 'package:get/get.dart';
+import 'package:intl/intl.dart';
+
+class ExperienceProvider extends GetxController {
+  static List<int> experienceToLevelRequirements = [
+    0, // Level 0
+    100, // Level 1
+    400, // Level 2
+    900, // Level 3
+    1600, // Level 4
+    2500, // Level 5
+    3600, // Level 6
+    4900, // Level 7
+    6400, // Level 8
+    8100, // Level 9
+    10000, // Level 10
+    12100, // Level 11
+    14400, // Level 12
+    36800 // Level 13
+  ];
+
+  static List<String> levelLabelMapping =
+      List.generate(experienceToLevelRequirements.length, (x) => 'userLevel$x');
+
+  static (int level, String label) getLevelFromExp(int experience) {
+    final exp = experienceToLevelRequirements.reversed
+        .firstWhere((x) => x <= experience);
+    final idx = experienceToLevelRequirements.indexOf(exp);
+    return (idx, levelLabelMapping[idx]);
+  }
+
+  static double calcLevelUpProgress(int experience) {
+    final exp = experienceToLevelRequirements.reversed
+        .firstWhere((x) => x <= experience);
+    final idx = experienceToLevelRequirements.indexOf(exp);
+    if (idx + 1 >= experienceToLevelRequirements.length) return 1;
+    final nextExp = experienceToLevelRequirements[idx + 1];
+    return exp / nextExp;
+  }
+
+  static String calcLevelUpProgressLevel(int experience) {
+    final exp = experienceToLevelRequirements.reversed
+        .firstWhere((x) => x <= experience);
+    final idx = experienceToLevelRequirements.indexOf(exp);
+    if (idx + 1 >= experienceToLevelRequirements.length) return 'Infinity';
+    final nextExp = experienceToLevelRequirements[idx + 1];
+    final formatter =
+        NumberFormat.compactCurrency(symbol: '', decimalDigits: 1);
+    return '${formatter.format(exp)}/${formatter.format(nextExp)}';
+  }
+}

lib/providers/last_read.dart

@@ -12,14 +12,20 @@ class LastReadProvider extends GetxController {
 
   set feedLastReadAt(int? value) {
     if (value == _feedLastReadAt) return;
-    _feedLastReadAt = max(_feedLastReadAt ?? 0, value ?? 0);
-    if (value != _feedLastReadAt) _saveToStorage();
+    final newValue = max(_feedLastReadAt ?? 0, value ?? 0);
+    if (newValue != _feedLastReadAt) {
+      _feedLastReadAt = newValue;
+      _saveToStorage();
+    }
   }
 
   set messagesLastReadAt(int? value) {
     if (value == _messagesLastReadAt) return;
-    _messagesLastReadAt = max(_messagesLastReadAt ?? 0, value ?? 0);
-    if (value != _messagesLastReadAt) _saveToStorage();
+    final newValue = max(_messagesLastReadAt ?? 0, value ?? 0);
+    if (newValue != _messagesLastReadAt) {
+      _messagesLastReadAt = newValue;
+      _saveToStorage();
+    }
   }
 
   LastReadProvider() {

lib/screens/about.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:package_info_plus/package_info_plus.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
@@ -21,7 +22,7 @@ class AboutScreen extends StatelessWidget {
               borderRadius: const BorderRadius.all(Radius.circular(16)),
               child: Image.asset('assets/logo.png', width: 120, height: 120),
             ),
-            const SizedBox(height: 8),
+            const Gap(8),
             Text(
               'Solian',
               style: Theme.of(context).textTheme.headlineMedium,
@@ -30,12 +31,12 @@ class AboutScreen extends StatelessWidget {
               'The Solar Network',
               style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
             ),
-            const SizedBox(height: 8),
+            const Gap(8),
             FutureBuilder(
               future: PackageInfo.fromPlatform(),
               builder: (context, snapshot) {
                 if (!snapshot.hasData) {
-                  return const SizedBox();
+                  return const SizedBox.shrink();
                 }
 
                 return Text(
@@ -45,7 +46,7 @@ class AboutScreen extends StatelessWidget {
               },
             ),
             Text('Copyright © ${DateTime.now().year} Solsynth LLC'),
-            const SizedBox(height: 16),
+            const Gap(16),
             TextButton(
               style: denseButtonStyle,
               child: const Text('App Details'),
@@ -59,7 +60,8 @@ class AboutScreen extends StatelessWidget {
                       'The Solar Network App is an intuitive and self-hostable 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(
                     borderRadius: const BorderRadius.all(Radius.circular(16)),
-                    child: Image.asset('assets/logo.png', width: 60, height: 60),
+                    child:
+                        Image.asset('assets/logo.png', width: 60, height: 60),
                   ),
                 );
               },
@@ -71,7 +73,7 @@ class AboutScreen extends StatelessWidget {
                 launchUrlString('https://solsynth.dev/products/solar-network');
               },
             ),
-            const SizedBox(height: 16),
+            const Gap(16),
             const Text(
               'Open-sourced under AGPLv3',
               style: TextStyle(

lib/screens/account/friend.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/relations.dart';
@@ -56,7 +57,7 @@ class _FriendScreenState extends State<FriendScreen>
             mainAxisSize: MainAxisSize.min,
             children: [
               Text('accountFriendNewHint'.tr, textAlign: TextAlign.left),
-              const SizedBox(height: 18),
+              const Gap(18),
               TextField(
                 controller: controller,
                 decoration: InputDecoration(

lib/screens/account/personalize.dart

@@ -2,6 +2,7 @@ import 'dart:io';
 
 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';
 import 'package:image_picker/image_picker.dart';
@@ -185,7 +186,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
       child: ListView(
         children: [
           if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
-          const SizedBox(height: 24),
+          const Gap(24),
           Stack(
             children: [
               AccountAvatar(content: _avatar, radius: 40),
@@ -202,7 +203,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
               ),
             ],
           ).paddingSymmetric(horizontal: padding),
-          const SizedBox(height: 16),
+          const Gap(16),
           Stack(
             children: [
               ClipRRect(
@@ -247,7 +248,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
               ),
             ],
           ).paddingSymmetric(horizontal: padding),
-          const SizedBox(height: 24),
+          const Gap(24),
           Row(
             children: [
               Flexible(
@@ -262,7 +263,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
                   ),
                 ),
               ),
-              const SizedBox(width: 16),
+              const Gap(16),
               Flexible(
                 flex: 1,
                 child: TextField(
@@ -275,7 +276,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
               ),
             ],
           ).paddingSymmetric(horizontal: padding),
-          const SizedBox(height: 16),
+          const Gap(16),
           Row(
             children: [
               Flexible(
@@ -288,7 +289,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
                   ),
                 ),
               ),
-              const SizedBox(width: 16),
+              const Gap(16),
               Flexible(
                 flex: 1,
                 child: TextField(
@@ -301,7 +302,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
               ),
             ],
           ).paddingSymmetric(horizontal: padding),
-          const SizedBox(height: 16),
+          const Gap(16),
           TextField(
             controller: _descriptionController,
             keyboardType: TextInputType.multiline,
@@ -312,7 +313,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
               labelText: 'description'.tr,
             ),
           ).paddingSymmetric(horizontal: padding),
-          const SizedBox(height: 16),
+          const Gap(16),
           TextField(
             controller: _birthdayController,
             readOnly: true,
@@ -322,7 +323,7 @@ class _PersonalizeScreenState extends State<PersonalizeScreen> {
             ),
             onTap: () => _selectBirthday(),
           ).paddingSymmetric(horizontal: padding),
-          const SizedBox(height: 16),
+          const Gap(16),
           Row(
             mainAxisAlignment: MainAxisAlignment.end,
             children: [

lib/screens/account/profile_page.dart

@@ -1,4 +1,5 @@
 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/controllers/post_list_controller.dart';
@@ -7,10 +8,12 @@ import 'package:solian/models/account.dart';
 import 'package:solian/models/attachment.dart';
 import 'package:solian/models/pagination.dart';
 import 'package:solian/models/post.dart';
+import 'package:solian/providers/account_status.dart';
 import 'package:solian/providers/relation.dart';
 import 'package:solian/services.dart';
 import 'package:solian/theme.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
+import 'package:solian/widgets/account/account_heading.dart';
 import 'package:solian/widgets/app_bar_leading.dart';
 import 'package:solian/widgets/attachments/attachment_list.dart';
 import 'package:solian/widgets/posts/post_list.dart';
@@ -83,10 +86,7 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
   }
 
   int get _userSocialCreditPoints {
-    int birthPart =
-        DateTime.now().difference(_userinfo!.createdAt.toLocal()).inSeconds;
-    birthPart = birthPart >> 16;
-    return _totalUpvote * 2 - _totalDownvote + birthPart;
+    return _totalUpvote * 2 - _totalDownvote + _postController.postTotal.value;
   }
 
   @override
@@ -96,8 +96,9 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
     _postController = PostListController(author: widget.name);
     _albumPagingController.addPageRequestListener((pageKey) async {
       final client = ServiceFinder.configureClient('files');
-      final resp = await client
-          .get('/attachments?take=10&offset=$pageKey&author=${widget.name}');
+      final resp = await client.get(
+        '/attachments?take=10&offset=$pageKey&author=${widget.name}&original=true',
+      );
       if (resp.statusCode == 200) {
         final result = PaginationResult.fromJson(resp.body);
         final out = result.data
@@ -144,7 +145,7 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
     return Material(
       color: Theme.of(context).colorScheme.surface,
       child: DefaultTabController(
-        length: 2,
+        length: 3,
         child: NestedScrollView(
           headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
             return [
@@ -156,12 +157,11 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
                 automaticallyImplyLeading: false,
                 flexibleSpace: Row(
                   children: [
-                    AppBarLeadingButton.adaptive(context) ??
-                        const SizedBox(width: 8),
-                    const SizedBox(width: 8),
+                    AppBarLeadingButton.adaptive(context) ?? const Gap(8),
+                    const Gap(8),
                     if (_userinfo != null)
                       AccountAvatar(content: _userinfo!.avatar, radius: 16),
-                    const SizedBox(width: 12),
+                    const Gap(12),
                     Expanded(
                       child: Column(
                         mainAxisAlignment: MainAxisAlignment.center,
@@ -213,6 +213,7 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
                 ),
                 bottom: TabBar(
                   tabs: [
+                    Tab(text: 'profilePage'.tr),
                     Tab(text: 'profilePosts'.tr),
                     Tab(text: 'profileAlbum'.tr),
                   ],
@@ -223,6 +224,24 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
           body: TabBarView(
             physics: const NeverScrollableScrollPhysics(),
             children: [
+              Column(
+                children: [
+                  const Gap(16),
+                  AccountHeadingWidget(
+                    name: _userinfo!.name,
+                    nick: _userinfo!.nick,
+                    desc: _userinfo!.description,
+                    badges: _userinfo!.badges,
+                    banner: _userinfo!.banner,
+                    avatar: _userinfo!.avatar,
+                    status: Get.find<StatusProvider>()
+                        .getSomeoneStatus(_userinfo!.name),
+                    detail: _userinfo,
+                    profile: _userinfo!.profile,
+                    extraWidgets: const [],
+                  ),
+                ],
+              ),
               RefreshIndicator(
                 onRefresh: () => Future.wait([
                   _postController.reloadAllOver(),
@@ -243,7 +262,7 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
                             ),
                           ],
                         ),
-                        const SizedBox(height: 16),
+                        const Gap(16),
                         Row(
                           mainAxisAlignment: MainAxisAlignment.spaceAround,
                           children: [

lib/screens/account/stickers.dart

@@ -1,13 +1,13 @@
-import 'package:cached_network_image/cached_network_image.dart';
 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/models/stickers.dart';
-import 'package:solian/platform.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/providers/stickers.dart';
 import 'package:solian/services.dart';
+import 'package:solian/widgets/auto_cache_image.dart';
 import 'package:solian/widgets/stickers/sticker_uploader.dart';
 
 class StickerScreen extends StatefulWidget {
@@ -93,17 +93,12 @@ class _StickerScreenState extends State<StickerScreen> {
           ),
         ],
       ),
-      leading: PlatformInfo.canCacheImage
-          ? CachedNetworkImage(
-              imageUrl: imageUrl,
-              width: 28,
-              height: 28,
-            )
-          : Image.network(
-              imageUrl,
-              width: 28,
-              height: 28,
-            ),
+      leading: AutoCacheImage(
+        imageUrl,
+        width: 28,
+        height: 28,
+        noErrorWidget: true,
+      ),
     );
   }
 
@@ -163,7 +158,7 @@ class _StickerScreenState extends State<StickerScreen> {
                       crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
                         Text(item.name),
-                        const SizedBox(width: 6),
+                        const Gap(6),
                         Badge(
                           label: Text('#${item.id}'),
                         )

lib/screens/auth/signin.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:protocol_handler/protocol_handler.dart';
 import 'package:solian/exts.dart';
@@ -160,7 +161,7 @@ class _SignInPopupState extends State<SignInPopup> with ProtocolListener {
                 onTapOutside: (_) =>
                     FocusManager.instance.primaryFocus?.unfocus(),
               ),
-              const SizedBox(height: 12),
+              const Gap(12),
               TextField(
                 obscureText: true,
                 autocorrect: false,
@@ -176,7 +177,7 @@ class _SignInPopupState extends State<SignInPopup> with ProtocolListener {
                     FocusManager.instance.primaryFocus?.unfocus(),
                 onSubmitted: (_) => performAction(),
               ),
-              const SizedBox(height: 12),
+              const Gap(12),
               Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: [

lib/screens/auth/signup.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/services.dart';
@@ -94,7 +95,7 @@ class _SignUpPopupState extends State<SignUpPopup> {
                 onTapOutside: (_) =>
                     FocusManager.instance.primaryFocus?.unfocus(),
               ),
-              const SizedBox(height: 12),
+              const Gap(12),
               TextField(
                 autocorrect: false,
                 enableSuggestions: false,
@@ -108,7 +109,7 @@ class _SignUpPopupState extends State<SignUpPopup> {
                 onTapOutside: (_) =>
                     FocusManager.instance.primaryFocus?.unfocus(),
               ),
-              const SizedBox(height: 12),
+              const Gap(12),
               TextField(
                 autocorrect: false,
                 enableSuggestions: false,
@@ -122,7 +123,7 @@ class _SignUpPopupState extends State<SignUpPopup> {
                 onTapOutside: (_) =>
                     FocusManager.instance.primaryFocus?.unfocus(),
               ),
-              const SizedBox(height: 12),
+              const Gap(12),
               TextField(
                 obscureText: true,
                 autocorrect: false,
@@ -138,7 +139,7 @@ class _SignUpPopupState extends State<SignUpPopup> {
                     FocusManager.instance.primaryFocus?.unfocus(),
                 onSubmitted: (_) => performAction(context),
               ),
-              const SizedBox(height: 16),
+              const Gap(16),
               Align(
                 alignment: Alignment.centerRight,
                 child: TextButton(

lib/screens/channel/call/call.dart

@@ -3,6 +3,7 @@ import 'dart:math' as math;
 
 import 'package:async/async.dart';
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/providers/call.dart';
 import 'package:solian/theme.dart';
@@ -83,7 +84,7 @@ class _CallScreenState extends State<CallScreen> with TickerProviderStateMixin {
                     participant: call.focusTrack.value!,
                     onTap: () {},
                   )
-                : const SizedBox(),
+                : const SizedBox.shrink(),
           ),
           Positioned(
             left: 0,
@@ -257,7 +258,7 @@ class _CallScreenState extends State<CallScreen> with TickerProviderStateMixin {
                                           fontWeight: FontWeight.bold,
                                         ),
                                       ),
-                                      const SizedBox(width: 6),
+                                      const Gap(6),
                                       Text(call.lastDuration.value)
                                     ],
                                   );
@@ -276,7 +277,7 @@ class _CallScreenState extends State<CallScreen> with TickerProviderStateMixin {
                                             'callStatusReconnecting'.tr,
                                       }[call.room.connectionState]!,
                                     ),
-                                    const SizedBox(width: 6),
+                                    const Gap(6),
                                     if (connectionQuality !=
                                         livekit.ConnectionQuality.unknown)
                                       Icon(

lib/screens/channel/channel_chat.dart

@@ -98,6 +98,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
         setState(() => _ongoingCall = Call.fromJson(resp.body));
       }
     } catch (e) {
+      print((e as dynamic).stackTrace);
       context.showErrorDialog(e);
     }
 
@@ -222,7 +223,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
         actions: [
           const BackgroundStateWidget(),
           Builder(builder: (context) {
-            if (_isBusy || _channel == null) return const SizedBox();
+            if (_isBusy || _channel == null) return const SizedBox.shrink();
 
             return ChatCallButton(
               realm: _channel!.realm,
@@ -299,7 +300,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
                     if (_chatController.isLoading.isTrue) {
                       return const LinearProgressIndicator().animate().slideY();
                     } else {
-                      return const SizedBox();
+                      return const SizedBox.shrink();
                     }
                   }),
                   ClipRect(
@@ -350,7 +351,7 @@ class _ChannelChatScreenState extends State<ChannelChatScreen>
                   ]),
                 );
               }
-              return const SizedBox();
+              return const SizedBox.shrink();
             }),
           ],
         );

lib/screens/channel/channel_detail.dart

@@ -1,6 +1,7 @@
 import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/channel.dart';
@@ -148,7 +149,7 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
                   size: 18,
                 ),
               ),
-              const SizedBox(width: 16),
+              const Gap(16),
               Expanded(
                 child: Column(
                   crossAxisAlignment: CrossAxisAlignment.start,

lib/screens/chat.dart

@@ -112,7 +112,7 @@ class _ChatScreenState extends State<ChatScreen> {
             children: [
               Obx(() {
                 if (_channels.isLoading.isFalse) {
-                  return const SizedBox();
+                  return const SizedBox.shrink();
                 } else {
                   return const LinearProgressIndicator();
                 }

lib/screens/dashboard.dart

@@ -1,16 +1,21 @@
 import 'dart:developer';
 import 'dart:math' hide log;
 
-import 'package:flutter/material.dart';
+import 'package:collection/collection.dart';
+import 'package:flutter/material.dart' hide Notification;
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:intl/intl.dart';
 import 'package:solian/exts.dart';
+import 'package:solian/models/channel.dart';
 import 'package:solian/models/daily_sign.dart';
 import 'package:solian/models/event.dart';
+import 'package:solian/models/notification.dart';
 import 'package:solian/models/pagination.dart';
 import 'package:solian/models/post.dart';
+import 'package:solian/providers/auth.dart';
 import 'package:solian/providers/content/posts.dart';
 import 'package:solian/providers/daily_sign.dart';
 import 'package:solian/providers/last_read.dart';
@@ -18,7 +23,9 @@ import 'package:solian/providers/message/adaptor.dart';
 import 'package:solian/providers/websocket.dart';
 import 'package:solian/router.dart';
 import 'package:solian/screens/account/notification.dart';
+import 'package:solian/theme.dart';
 import 'package:solian/widgets/chat/chat_event.dart';
+import 'package:solian/widgets/daily_sign/history_chart.dart';
 import 'package:solian/widgets/posts/post_list.dart';
 
 class DashboardScreen extends StatefulWidget {
@@ -29,6 +36,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 PostProvider _posts = Get.find();
@@ -37,6 +45,10 @@ class _DashboardScreenState extends State<DashboardScreen> {
   Color get _unFocusColor =>
       Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
 
+  List<Notification> get _pendingNotifications =>
+      List<Notification>.from(_ws.notifications)
+        ..sort((a, b) => b.createdAt.compareTo(a.createdAt));
+
   List<Post>? _currentPosts;
   int? _currentPostsCount;
 
@@ -54,6 +66,9 @@ class _DashboardScreenState extends State<DashboardScreen> {
   List<Event>? _currentMessages;
   int? _currentMessagesCount;
 
+  Map<Channel, List<Event>>? get _currentGroupedMessages =>
+      _currentMessages?.groupListsBy((x) => x.channel!);
+
   Future<void> _pullMessages() async {
     if (_lastRead.messagesLastReadAt == null) return;
     log('[Dashboard] Pulling messages with pivot: ${_lastRead.messagesLastReadAt}');
@@ -67,10 +82,14 @@ class _DashboardScreenState extends State<DashboardScreen> {
 
   bool _signingDaily = true;
   DailySignRecord? _signRecord;
+  List<DailySignRecord>? _signRecordHistory;
 
   Future<void> _pullDaily() async {
     try {
       _signRecord = await _dailySign.getToday();
+      _dailySign.listLastRecord(30).then((value) {
+        setState(() => _signRecordHistory = value);
+      });
     } catch (e) {
       context.showErrorDialog(e);
     }
@@ -90,147 +109,272 @@ class _DashboardScreenState extends State<DashboardScreen> {
     setState(() => _signingDaily = false);
   }
 
+  Future<void> _pullData() async {
+    if (!_auth.isAuthorized.value) return;
+    await Future.wait([
+      _pullPosts(),
+      _pullMessages(),
+      _pullDaily(),
+    ]);
+  }
+
   @override
   void initState() {
     super.initState();
-    _pullPosts();
-    _pullMessages();
-    _pullDaily();
+    _pullData();
   }
 
   @override
   Widget build(BuildContext context) {
     final width = MediaQuery.of(context).size.width;
 
-    return ListView(
-      children: [
-        Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Text('today'.tr, style: Theme.of(context).textTheme.headlineSmall),
-            Text(DateFormat('yyyy/MM/dd').format(DateTime.now())),
-          ],
-        ).paddingOnly(top: 8, left: 18, right: 18, bottom: 12),
-        Card(
-          child: ListTile(
-            leading: AnimatedSwitcher(
-              switchInCurve: Curves.fastOutSlowIn,
-              switchOutCurve: Curves.fastOutSlowIn,
-              duration: const Duration(milliseconds: 300),
-              transitionBuilder: (child, animation) {
-                return ScaleTransition(
-                  scale: animation,
-                  child: child,
-                );
-              },
-              child: _signRecord == null
-                  ? Column(
-                      mainAxisAlignment: MainAxisAlignment.center,
-                      children: [
-                        Text(
-                          DateFormat('dd').format(DateTime.now()),
-                          style:
-                              GoogleFonts.robotoMono(fontSize: 22, height: 1.2),
-                        ),
-                        Text(
-                          DateFormat('yy/MM').format(DateTime.now()),
-                          style: GoogleFonts.robotoMono(fontSize: 12),
-                        ),
-                      ],
-                    )
-                  : Text(
-                      _signRecord!.symbol,
-                      style: GoogleFonts.notoSerifHk(fontSize: 20, height: 1),
-                    ).paddingSymmetric(horizontal: 9),
-            ).paddingOnly(left: 4),
-            title: _signRecord == null
-                ? Text('dailySign'.tr)
-                : Text(_signRecord!.overviewSuggestion),
-            subtitle: _signRecord == null
-                ? Text('dailySignNone'.tr)
-                : Text('+${_signRecord!.resultExperience} EXP'),
-            trailing: AnimatedSwitcher(
-              switchInCurve: Curves.fastOutSlowIn,
-              switchOutCurve: Curves.fastOutSlowIn,
-              duration: const Duration(milliseconds: 300),
-              transitionBuilder: (child, animation) {
-                return ScaleTransition(
-                  scale: animation,
-                  child: child,
-                );
-              },
-              child: _signRecord == null
-                  ? IconButton(
-                      tooltip: '上香求签',
-                      icon: const Icon(Icons.local_fire_department),
-                      onPressed: _signingDaily ? null : _signDaily,
-                    )
-                  : const SizedBox(),
-            ),
-          ),
-        ).paddingSymmetric(horizontal: 8),
-        const Divider(thickness: 0.3).paddingSymmetric(vertical: 8),
-        Obx(
-          () => Column(
+    return RefreshIndicator(
+      onRefresh: _pullData,
+      child: ListView(
+        children: [
+          Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              Row(
-                mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                children: [
-                  Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Text(
-                        'notification'.tr,
-                        style: Theme.of(context)
-                            .textTheme
-                            .titleMedium!
-                            .copyWith(fontSize: 18),
-                      ),
-                      Text(
-                        'notificationUnreadCount'.trParams({
-                          'count': _ws.notifications.length.toString(),
-                        }),
-                      ),
-                    ],
-                  ),
-                  IconButton(
-                    icon: const Icon(Icons.more_horiz),
-                    onPressed: () {
-                      showModalBottomSheet(
-                        useRootNavigator: true,
-                        isScrollControlled: true,
-                        context: context,
-                        builder: (context) => const NotificationScreen(),
-                      ).then((_) => _ws.notificationUnread.value = 0);
+              Text(
+                DateTime.now().day == DateTime.now().toUtc().day
+                    ? 'today'.tr
+                    : 'yesterday'.tr,
+                style: Theme.of(context).textTheme.headlineSmall,
+              ),
+              Text(DateFormat('yyyy/MM/dd').format(DateTime.now().toUtc())),
+            ],
+          ).paddingOnly(top: 8, left: 18, right: 18, bottom: 12),
+          Card(
+            child: Column(
+              children: [
+                ListTile(
+                  leading: AnimatedSwitcher(
+                    switchInCurve: Curves.fastOutSlowIn,
+                    switchOutCurve: Curves.fastOutSlowIn,
+                    duration: const Duration(milliseconds: 300),
+                    transitionBuilder: (child, animation) {
+                      return ScaleTransition(
+                        scale: animation,
+                        child: child,
+                      );
                     },
+                    child: _signRecord == null
+                        ? Column(
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: [
+                              Text(
+                                DateFormat('dd').format(DateTime.now()),
+                                style: GoogleFonts.robotoMono(
+                                    fontSize: 22, height: 1.2),
+                              ),
+                              Text(
+                                DateFormat('yy/MM').format(DateTime.now()),
+                                style: GoogleFonts.robotoMono(fontSize: 12),
+                              ),
+                            ],
+                          )
+                        : Text(
+                            _signRecord!.symbol,
+                            style: GoogleFonts.notoSerifHk(
+                                fontSize: 20, height: 1),
+                          ).paddingSymmetric(horizontal: 9),
+                  ).paddingOnly(left: 4),
+                  title: _signRecord == null
+                      ? Text('dailySign'.tr)
+                      : Text(_signRecord!.overviewSuggestion),
+                  subtitle: _signRecord == null
+                      ? Text('dailySignNone'.tr)
+                      : Text('+${_signRecord!.resultExperience} EXP'),
+                  trailing: AnimatedSwitcher(
+                    switchInCurve: Curves.fastOutSlowIn,
+                    switchOutCurve: Curves.fastOutSlowIn,
+                    duration: const Duration(milliseconds: 300),
+                    transitionBuilder: (child, animation) {
+                      return ScaleTransition(
+                        scale: animation,
+                        child: child,
+                      );
+                    },
+                    child: _signRecord == null
+                        ? IconButton(
+                            tooltip: '上香求签',
+                            icon: const Icon(Icons.local_fire_department),
+                            onPressed: _signingDaily ? null : _signDaily,
+                          )
+                        : IconButton(
+                            tooltip: '查看运势历史',
+                            icon: const Icon(Icons.history),
+                            onPressed: () {
+                              showDialog(
+                                context: context,
+                                useRootNavigator: true,
+                                builder: (context) =>
+                                    DailySignHistoryChartDialog(
+                                  data: _signRecordHistory,
+                                ),
+                              );
+                            },
+                          ),
                   ),
-                ],
-              ).paddingOnly(left: 18, right: 18, bottom: 8),
-              if (_ws.notifications.isNotEmpty)
+                ),
+              ],
+            ),
+          ).paddingSymmetric(horizontal: 8),
+          const Divider(thickness: 0.3).paddingSymmetric(vertical: 8),
+
+          /// Unread notifications
+          Obx(
+            () => Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          'notification'.tr,
+                          style: Theme.of(context)
+                              .textTheme
+                              .titleMedium!
+                              .copyWith(fontSize: 18),
+                        ),
+                        Text(
+                          'notificationUnreadCount'.trParams({
+                            'count': _ws.notifications.length.toString(),
+                          }),
+                        ),
+                      ],
+                    ),
+                    IconButton(
+                      icon: const Icon(Icons.more_horiz),
+                      onPressed: () {
+                        showModalBottomSheet(
+                          useRootNavigator: true,
+                          isScrollControlled: true,
+                          context: context,
+                          builder: (context) => const NotificationScreen(),
+                        ).then((_) => _ws.notificationUnread.value = 0);
+                      },
+                    ),
+                  ],
+                ).paddingOnly(left: 18, right: 18, bottom: 8),
+                if (_ws.notifications.isNotEmpty)
+                  SizedBox(
+                    height: 76,
+                    child: ListView.separated(
+                      scrollDirection: Axis.horizontal,
+                      padding: const EdgeInsets.symmetric(horizontal: 8),
+                      itemCount: min(_pendingNotifications.length, 10),
+                      itemBuilder: (context, idx) {
+                        final x = _pendingNotifications[idx];
+                        return SizedBox(
+                          width: min(360, width),
+                          child: Card(
+                            child: ListTile(
+                              contentPadding: const EdgeInsets.symmetric(
+                                horizontal: 24,
+                                vertical: 4,
+                              ),
+                              title: Text(
+                                x.title,
+                                maxLines: 1,
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                              subtitle: Column(
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: [
+                                  if (x.subtitle != null)
+                                    Text(
+                                      x.subtitle!,
+                                      maxLines: 1,
+                                      overflow: TextOverflow.ellipsis,
+                                    )
+                                  else
+                                    Text(
+                                      x.body,
+                                      maxLines: 1,
+                                      overflow: TextOverflow.ellipsis,
+                                    ),
+                                ],
+                              ),
+                            ),
+                          ),
+                        );
+                      },
+                      separatorBuilder: (_, __) => const Gap(4),
+                    ),
+                  )
+                else
+                  Card(
+                    child: ListTile(
+                      contentPadding:
+                          const EdgeInsets.symmetric(horizontal: 24),
+                      trailing: const Icon(Icons.inbox_outlined),
+                      title: Text('notifyEmpty'.tr),
+                      subtitle: Text('notifyEmptyCaption'.tr),
+                    ),
+                  ).paddingSymmetric(horizontal: 8),
+              ],
+            ).paddingOnly(bottom: 12),
+          ),
+
+          /// Unread friends / followed people posts
+          if (_currentPosts?.isNotEmpty ?? false)
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          'feed'.tr,
+                          style: Theme.of(context)
+                              .textTheme
+                              .titleMedium!
+                              .copyWith(fontSize: 18),
+                        ),
+                        Text(
+                          'feedUnreadCount'.trParams({
+                            'count': (_currentPostsCount ?? 0).toString(),
+                          }),
+                        ),
+                      ],
+                    ),
+                    IconButton(
+                      icon: const Icon(Icons.arrow_forward),
+                      onPressed: () {
+                        AppRouter.instance.goNamed('feed');
+                      },
+                    ),
+                  ],
+                ).paddingOnly(left: 18, right: 18, bottom: 8),
                 SizedBox(
-                  height: 76,
-                  width: width,
+                  height: 360,
                   child: ListView.builder(
                     scrollDirection: Axis.horizontal,
-                    itemCount: min(_ws.notifications.length, 3),
+                    itemCount: _currentPosts!.length,
                     itemBuilder: (context, idx) {
-                      final x = _ws.notifications[idx];
+                      final item = _currentPosts![idx];
                       return SizedBox(
-                        width: width,
+                        width: min(480, width),
                         child: Card(
-                          child: ListTile(
-                            contentPadding: const EdgeInsets.symmetric(
-                              horizontal: 24,
-                              vertical: 4,
-                            ),
-                            title: Text(x.title),
-                            subtitle: Column(
-                              crossAxisAlignment: CrossAxisAlignment.start,
-                              children: [
-                                if (x.subtitle != null) Text(x.subtitle!),
-                                Text(x.body),
-                              ],
+                          child: SingleChildScrollView(
+                            child: PostListEntryWidget(
+                              item: item,
+                              isClickable: true,
+                              isShowEmbed: true,
+                              isNestedClickable: true,
+                              onUpdate: (_) {
+                                _pullPosts();
+                              },
+                              backgroundColor: Theme.of(context)
+                                  .colorScheme
+                                  .surfaceContainerLow,
                             ),
                           ),
                         ).paddingSymmetric(horizontal: 8),
@@ -238,191 +382,134 @@ class _DashboardScreenState extends State<DashboardScreen> {
                     },
                   ),
                 )
-              else
-                Card(
-                  child: ListTile(
-                    contentPadding: const EdgeInsets.symmetric(horizontal: 24),
-                    trailing: const Icon(Icons.inbox_outlined),
-                    title: Text('notifyEmpty'.tr),
-                    subtitle: Text('notifyEmptyCaption'.tr),
-                  ),
-                ).paddingSymmetric(horizontal: 8),
-            ],
-          ).paddingOnly(bottom: 12),
-        ),
-        if (_currentPosts?.isNotEmpty ?? false)
-          Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Row(
-                mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                children: [
-                  Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Text(
-                        'feed'.tr,
-                        style: Theme.of(context)
-                            .textTheme
-                            .titleMedium!
-                            .copyWith(fontSize: 18),
-                      ),
-                      Text(
-                        'feedUnreadCount'.trParams({
-                          'count': (_currentPostsCount ?? 0).toString(),
-                        }),
-                      ),
-                    ],
-                  ),
-                  IconButton(
-                    icon: const Icon(Icons.arrow_forward),
-                    onPressed: () {
-                      AppRouter.instance.goNamed('feed');
-                    },
-                  ),
-                ],
-              ).paddingOnly(left: 18, right: 18, bottom: 8),
-              SizedBox(
-                height: 360,
-                width: width,
-                child: ListView.builder(
-                  scrollDirection: Axis.horizontal,
-                  itemCount: _currentPosts!.length,
-                  itemBuilder: (context, idx) {
-                    final item = _currentPosts![idx];
-                    return SizedBox(
-                      width: width,
-                      child: Card(
-                        child: PostListEntryWidget(
-                          item: item,
-                          isClickable: true,
-                          isShowEmbed: true,
-                          isNestedClickable: true,
-                          onUpdate: (_) {
-                            _pullPosts();
-                          },
-                          backgroundColor:
-                              Theme.of(context).colorScheme.surfaceContainerLow,
+              ],
+            ).paddingOnly(bottom: 12),
+
+          /// Unread messages part
+          if (_currentMessages?.isNotEmpty ?? false)
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          'messages'.tr,
+                          style: Theme.of(context)
+                              .textTheme
+                              .titleMedium!
+                              .copyWith(fontSize: 18),
                         ),
-                      ).paddingSymmetric(horizontal: 8),
-                    );
-                  },
-                ),
-              )
-            ],
-          ),
-        if (_currentMessages?.isNotEmpty ?? false)
-          Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Row(
-                mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                children: [
-                  Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Text(
-                        'messages'.tr,
-                        style: Theme.of(context)
-                            .textTheme
-                            .titleMedium!
-                            .copyWith(fontSize: 18),
-                      ),
-                      Text(
-                        'messagesUnreadCount'.trParams({
-                          'count': (_currentMessagesCount ?? 0).toString(),
-                        }),
-                      ),
-                    ],
-                  ),
-                  IconButton(
-                    icon: const Icon(Icons.arrow_forward),
-                    onPressed: () {
-                      AppRouter.instance.goNamed('chat');
-                    },
-                  ),
-                ],
-              ).paddingOnly(left: 18, right: 18, bottom: 8),
-              SizedBox(
-                height: 240,
-                width: width,
-                child: ListView.builder(
-                  scrollDirection: Axis.horizontal,
-                  itemCount: _currentMessages!.length,
-                  itemBuilder: (context, idx) {
-                    final item = _currentMessages![idx];
-                    return SizedBox(
-                      width: width,
-                      child: Card(
-                        child: Column(
-                          children: [
-                            ListTile(
-                              tileColor: Theme.of(context)
-                                  .colorScheme
-                                  .surfaceContainerHigh,
-                              shape: const RoundedRectangleBorder(
-                                  borderRadius: BorderRadius.only(
-                                topLeft: Radius.circular(8),
-                                topRight: Radius.circular(8),
-                              )),
-                              leading: CircleAvatar(
-                                backgroundColor: item.channel!.realmId == null
-                                    ? Theme.of(context).colorScheme.primary
-                                    : Colors.transparent,
-                                radius: 20,
-                                child: FaIcon(
-                                  FontAwesomeIcons.hashtag,
-                                  color: item.channel!.realmId == null
-                                      ? Theme.of(context).colorScheme.onPrimary
-                                      : Theme.of(context).colorScheme.primary,
-                                  size: 16,
+                        Text(
+                          'messagesUnreadCount'.trParams({
+                            'count': (_currentMessagesCount ?? 0).toString(),
+                          }),
+                        ),
+                      ],
+                    ),
+                    IconButton(
+                      icon: const Icon(Icons.arrow_forward),
+                      onPressed: () {
+                        AppRouter.instance.goNamed('chat');
+                      },
+                    ),
+                  ],
+                ).paddingOnly(left: 18, right: 18, bottom: 8),
+                SizedBox(
+                  height: 360,
+                  child: ListView.builder(
+                    scrollDirection: Axis.horizontal,
+                    itemCount: _currentGroupedMessages!.length,
+                    itemBuilder: (context, idx) {
+                      final channel =
+                          _currentGroupedMessages!.keys.elementAt(idx);
+                      final itemList =
+                          _currentGroupedMessages!.values.elementAt(idx);
+                      return SizedBox(
+                        width: min(520, width),
+                        child: Card(
+                          child: Column(
+                            children: [
+                              ListTile(
+                                tileColor: Theme.of(context)
+                                    .colorScheme
+                                    .surfaceContainerHigh,
+                                shape: const RoundedRectangleBorder(
+                                    borderRadius: BorderRadius.only(
+                                  topLeft: Radius.circular(8),
+                                  topRight: Radius.circular(8),
+                                )),
+                                leading: CircleAvatar(
+                                  backgroundColor: channel.realmId == null
+                                      ? Theme.of(context).colorScheme.primary
+                                      : Colors.transparent,
+                                  radius: 20,
+                                  child: FaIcon(
+                                    FontAwesomeIcons.hashtag,
+                                    color: channel.realmId == null
+                                        ? Theme.of(context)
+                                            .colorScheme
+                                            .onPrimary
+                                        : Theme.of(context).colorScheme.primary,
+                                    size: 16,
+                                  ),
+                                ),
+                                contentPadding:
+                                    const EdgeInsets.symmetric(horizontal: 16),
+                                title: Text(channel.name),
+                                subtitle: Text(channel.description),
+                                onTap: () {
+                                  AppRouter.instance.pushNamed(
+                                    'channelChat',
+                                    pathParameters: {'alias': channel.alias},
+                                    queryParameters: {
+                                      if (channel.realmId != null)
+                                        'realm': channel.realm!.alias,
+                                    },
+                                  );
+                                },
+                              ),
+                              Expanded(
+                                child: ListView.builder(
+                                  itemCount: itemList.length,
+                                  itemBuilder: (context, idx) {
+                                    final item = itemList[idx];
+                                    return ChatEvent(item: item).paddingOnly(
+                                        bottom: 8, top: 16, left: 8, right: 8);
+                                  },
                                 ),
                               ),
-                              contentPadding:
-                                  const EdgeInsets.symmetric(horizontal: 16),
-                              title: Text(item.channel!.name),
-                              subtitle: Text(item.channel!.description),
-                              onTap: () {
-                                AppRouter.instance.pushNamed(
-                                  'channelChat',
-                                  pathParameters: {
-                                    'alias': item.channel!.alias
-                                  },
-                                  queryParameters: {
-                                    if (item.channel!.realmId != null)
-                                      'realm': item.channel!.realm!.alias,
-                                  },
-                                );
-                              },
-                            ),
-                            ChatEvent(item: item).paddingOnly(
-                                bottom: 8, top: 16, left: 8, right: 8),
-                          ],
-                        ),
-                      ).paddingSymmetric(horizontal: 8),
-                    );
-                  },
-                ),
+                            ],
+                          ),
+                        ).paddingSymmetric(horizontal: 8),
+                      );
+                    },
+                  ),
+                )
+              ],
+            ).paddingOnly(bottom: 12),
+
+          /// Footer
+          Column(
+            mainAxisAlignment: SolianTheme.isLargeScreen(context)
+                ? MainAxisAlignment.start
+                : MainAxisAlignment.center,
+            children: [
+              Text(
+                'Powered by Solar Network',
+                style: TextStyle(color: _unFocusColor, fontSize: 12),
+              ),
+              Text(
+                'dashboardFooter'.tr,
+                style: TextStyle(color: _unFocusColor, fontSize: 12),
               )
             ],
-          ),
-        Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Text(
-              'Powered by Solar Network',
-              style: TextStyle(color: _unFocusColor, fontSize: 12),
-            ),
-            Text(
-              'dashboardFooter'.tr,
-              style: GoogleFonts.notoSerifHk(
-                color: _unFocusColor,
-                fontSize: 12,
-              ),
-            )
-          ],
-        ).paddingAll(8),
-      ],
+          ).paddingAll(8),
+        ],
+      ),
     );
   }
 }

lib/screens/feed.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/controllers/post_list_controller.dart';
 import 'package:solian/providers/auth.dart';
@@ -154,7 +155,7 @@ class PostCreatePopup extends StatelessWidget {
     final AuthProvider auth = Get.find();
 
     if (auth.isAuthorized.isFalse) {
-      return const SizedBox();
+      return const SizedBox.shrink();
     }
 
     final List<dynamic> actionList = [
@@ -224,7 +225,7 @@ class PostCreatePopup extends StatelessWidget {
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
                               x.icon,
-                              const SizedBox(height: 8),
+                              const Gap(8),
                               Expanded(
                                 child: Text(
                                   x.label,

lib/screens/posts/post_editor.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:intl/intl.dart';
 import 'package:markdown_toolbar/markdown_toolbar.dart';
@@ -176,19 +177,23 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
           children: [
             ListTile(
               tileColor: Theme.of(context).colorScheme.surfaceContainerLow,
-              title: Row(
-                children: [
-                  Text(
-                    _editorController.title ?? 'title'.tr,
-                    maxLines: 1,
-                    overflow: TextOverflow.ellipsis,
-                  ),
-                  const SizedBox(width: 6),
-                  if (_editorController.aliasController.text.isNotEmpty)
-                    Badge(
-                      label: Text('#${_editorController.aliasController.text}'),
+              title: SingleChildScrollView(
+                scrollDirection: Axis.horizontal,
+                child: Row(
+                  children: [
+                    Text(
+                      _editorController.title ?? 'title'.tr,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
                     ),
-                ],
+                    const Gap(6),
+                    if (_editorController.aliasController.text.isNotEmpty)
+                      Badge(
+                        label:
+                            Text('#${_editorController.aliasController.text}'),
+                      ),
+                  ],
+                ),
               ),
               subtitle: Text(
                 _editorController.description ?? 'description'.tr,
@@ -296,7 +301,7 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
                                       ?.unfocus(),
                                 ),
                               ),
-                              const SizedBox(height: 120)
+                              const Gap(120)
                             ],
                           ),
                         ),

lib/screens/realms/realm_detail.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/realm.dart';
 import 'package:solian/providers/auth.dart';
@@ -95,7 +96,7 @@ class _RealmDetailScreenState extends State<RealmDetailScreen> {
                 backgroundColor: Colors.teal,
                 child: Icon(Icons.group, color: Colors.white),
               ),
-              const SizedBox(width: 16),
+              const Gap(16),
               Expanded(
                 child: Column(
                   crossAxisAlignment: CrossAxisAlignment.start,

lib/shells/title_shell.dart

@@ -4,6 +4,7 @@ import 'package:go_router/go_router.dart';
 import 'package:solian/theme.dart';
 import 'package:solian/widgets/app_bar_title.dart';
 import 'package:solian/widgets/app_bar_leading.dart';
+import 'package:solian/widgets/current_state_action.dart';
 
 class TitleShell extends StatelessWidget {
   final bool showAppBar;
@@ -32,6 +33,12 @@ class TitleShell extends StatelessWidget {
               ),
               centerTitle: isCenteredTitle,
               toolbarHeight: SolianTheme.toolbarHeight(context),
+              actions: [
+                const BackgroundStateWidget(),
+                SizedBox(
+                  width: SolianTheme.isLargeScreen(context) ? 8 : 16,
+                ),
+              ],
             )
           : null,
       body: child,

lib/translations/en_us.dart

@@ -10,6 +10,7 @@ const i18nEnglish = {
   'draft': 'Draft',
   'dashboard': 'Dashboard',
   'today': 'Today',
+  'yesterday': 'Yesterday',
   'draftSave': 'Save',
   'draftBox': 'Draft Box',
   'more': 'More',
@@ -33,6 +34,7 @@ const i18nEnglish = {
   'dailySignTier4': 'Everything will be awesome',
   'dashboardFooter': 'Don\'t be serious, just for fun.',
   'visitProfilePage': 'Visit Profile Page',
+  'profilePage': 'Page',
   'profilePosts': 'Posts',
   'profileAlbum': 'Album',
   'chat': 'Chat',
@@ -400,4 +402,18 @@ const i18nEnglish = {
   'collapse': 'Collapse',
   'expand': 'Expand',
   'typingMessage': '@user are typing...',
+  'userLevel0': 'Newbie',
+  'userLevel1': 'Novice',
+  'userLevel2': 'Apprentice',
+  'userLevel3': 'Explorer',
+  'userLevel4': 'Adventurer',
+  'userLevel5': 'Warrior',
+  'userLevel6': 'Knight',
+  'userLevel7': 'Champion',
+  'userLevel8': 'Hero',
+  'userLevel9': 'Master',
+  'userLevel10': 'Grandmaster',
+  'userLevel11': 'Legend',
+  'userLevel12': 'Mythic',
+  'userLevel13': 'Immortal',
 };

lib/translations/zh_cn.dart

@@ -26,6 +26,7 @@ const i18nSimplifiedChinese = {
   'unlink': '移除链接',
   'dashboard': '仪表盘',
   'today': '今日',
+  'yesterday': '昨日',
   'feedSearch': '搜索资讯',
   'feedSearchWithTag': '检索带有 #@key 标签的资讯',
   'feedSearchWithCategory': '检索位于分类 @category 的资讯',
@@ -41,6 +42,7 @@ const i18nSimplifiedChinese = {
   'dailySignTier4': '诸事皆宜',
   'dashboardFooter': '占卜多少沾点玩，人生还得靠实力',
   'visitProfilePage': '造访个人主页',
+  'profilePage': '主页',
   'profilePosts': '帖子',
   'profileAlbum': '相簿',
   'chat': '聊天',
@@ -370,4 +372,18 @@ const i18nSimplifiedChinese = {
   'collapse': '折叠',
   'expand': '展开',
   'typingMessage': '@user 正在输入中…',
+  'userLevel0': '不慕名利',
+  'userLevel1': '初出茅庐',
+  'userLevel2': '小试牛刀',
+  'userLevel3': '磨杵成针',
+  'userLevel4': '披荆斩棘',
+  'userLevel5': '力挽狂澜',
+  'userLevel6': '一骑当千',
+  'userLevel7': '所向披靡',
+  'userLevel8': '气吞山河',
+  'userLevel9': '登峰造极',
+  'userLevel10': '出神入化',
+  'userLevel11': '名垂千古',
+  'userLevel12': '独占鳌头',
+  'userLevel13': '万古流芳',
 };

lib/widgets/account/account_avatar.dart

@@ -1,7 +1,6 @@
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
-import 'package:solian/platform.dart';
 import 'package:solian/services.dart';
+import 'package:solian/widgets/auto_cache_image.dart';
 
 class AccountAvatar extends StatelessWidget {
   final dynamic content;
@@ -34,11 +33,7 @@ class AccountAvatar extends StatelessWidget {
       key: Key('a$content'),
       radius: radius,
       backgroundColor: bgColor,
-      backgroundImage: !isEmpty
-          ? (PlatformInfo.canCacheImage
-              ? CachedNetworkImageProvider(url)
-              : NetworkImage(url)) as ImageProvider<Object>?
-          : null,
+      backgroundImage: !isEmpty ? AutoCacheImage.provider(url) : null,
       child: isEmpty
           ? Icon(
               Icons.account_circle,
@@ -74,33 +69,6 @@ class AccountProfileImage extends StatelessWidget {
         ? content
         : ServiceFinder.buildUrl('files', '/attachments/$content');
 
-    if (PlatformInfo.canCacheImage) {
-      return CachedNetworkImage(
-        imageUrl: url,
-        fit: fit,
-        progressIndicatorBuilder: (context, url, downloadProgress) => Center(
-          child: CircularProgressIndicator(
-            value: downloadProgress.progress,
-          ),
-        ),
-      );
-    } else {
-      return Image.network(
-        url,
-        fit: fit,
-        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,
-            ),
-          );
-        },
-      );
-    }
+    return AutoCacheImage(url, fit: fit, noErrorWidget: true);
   }
 }

lib/widgets/account/account_badge.dart

@@ -45,7 +45,7 @@ class _AccountBadgeWidgetState extends State<AccountBadgeWidget> {
   Widget build(BuildContext context) {
     final spec = badges[widget.item.type];
 
-    if (spec == null) return const SizedBox();
+    if (spec == null) return const SizedBox.shrink();
 
     return Tooltip(
       richMessage: TextSpan(

lib/widgets/account/account_heading.dart

@@ -1,10 +1,13 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:intl/intl.dart';
 import 'package:solian/models/account.dart';
 import 'package:solian/models/account_status.dart';
 import 'package:solian/platform.dart';
 import 'package:solian/providers/account_status.dart';
+import 'package:solian/providers/experience.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
 import 'package:solian/widgets/account/account_badge.dart';
 import 'package:solian/widgets/account/account_status_action.dart';
@@ -17,6 +20,7 @@ class AccountHeadingWidget extends StatelessWidget {
   final String nick;
   final String? desc;
   final Account? detail;
+  final AccountProfile? profile;
   final List<AccountBadge>? badges;
   final List<Widget>? extraWidgets;
 
@@ -32,6 +36,7 @@ class AccountHeadingWidget extends StatelessWidget {
     required this.desc,
     required this.badges,
     this.detail,
+    this.profile,
     this.status,
     this.extraWidgets,
     this.onEditStatus,
@@ -70,7 +75,7 @@ class AccountHeadingWidget extends StatelessWidget {
                             content: banner,
                             fit: BoxFit.cover,
                           )
-                        : const SizedBox(),
+                        : const SizedBox.shrink(),
                   ),
                 ),
               ).paddingSymmetric(horizontal: 16),
@@ -129,7 +134,10 @@ class AccountHeadingWidget extends StatelessWidget {
                         child: Row(
                           crossAxisAlignment: CrossAxisAlignment.center,
                           children: [
-                            Text(info.$3),
+                            Text(
+                              info.$3,
+                              style: const TextStyle(height: 1),
+                            ).paddingOnly(bottom: 3),
                             if (!status.isOnline && status.lastSeenAt != null)
                               Opacity(
                                 opacity: 0.75,
@@ -150,7 +158,7 @@ class AccountHeadingWidget extends StatelessWidget {
                 ),
             ],
           ).paddingOnly(left: 116, top: 6),
-          const SizedBox(height: 4),
+          const Gap(4),
           if (badges?.isNotEmpty ?? false)
             SizedBox(
               width: double.infinity,
@@ -181,6 +189,63 @@ class AccountHeadingWidget extends StatelessWidget {
                 ),
               ),
             ).paddingSymmetric(horizontal: 16),
+          if (profile != null)
+            Card(
+              child: ListTile(
+                shape: const RoundedRectangleBorder(
+                  borderRadius: BorderRadius.all(Radius.circular(8)),
+                ),
+                visualDensity:
+                    const VisualDensity(horizontal: -4, vertical: -2),
+                title: Row(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Text(
+                      ExperienceProvider.getLevelFromExp(
+                        profile!.experience ?? 0,
+                      ).$2.tr,
+                    ),
+                    const Gap(4),
+                    Badge(
+                      label: Text(
+                        'Lv${ExperienceProvider.getLevelFromExp(
+                          profile!.experience ?? 0,
+                        ).$1}',
+                        style: GoogleFonts.dosis(
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ).paddingOnly(top: 1),
+                  ],
+                ),
+                subtitle: SizedBox(
+                  height: 20,
+                  child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      Expanded(
+                        child: LinearProgressIndicator(
+                          borderRadius: const BorderRadius.all(
+                            Radius.circular(8),
+                          ),
+                          value: ExperienceProvider.calcLevelUpProgress(
+                            profile!.experience ?? 0,
+                          ),
+                        ),
+                      ),
+                      const Gap(8),
+                      Text(
+                        '${ExperienceProvider.calcLevelUpProgressLevel(profile!.experience ?? 0)} EXP',
+                        style: GoogleFonts.robotoMono(
+                          fontSize: 10,
+                          height: 0.5,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ).paddingSymmetric(horizontal: 16),
           SizedBox(
             width: double.infinity,
             child: Card(

lib/widgets/account/account_profile_popup.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/account.dart';
 import 'package:solian/providers/account_status.dart';
@@ -72,7 +73,7 @@ class _AccountProfilePopupState extends State<AccountProfilePopup> {
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
             const Icon(Icons.cancel, size: 24),
-            const SizedBox(height: 12),
+            const Gap(12),
             Text(
               _hasError.toString(),
               textAlign: TextAlign.center,
@@ -98,6 +99,7 @@ class _AccountProfilePopupState extends State<AccountProfilePopup> {
             nick: _userinfo!.nick,
             desc: _userinfo!.description,
             detail: _userinfo!,
+            profile: _userinfo!.profile,
             badges: _userinfo!.badges,
             status:
                 Get.find<StatusProvider>().getSomeoneStatus(_userinfo!.name),

lib/widgets/account/account_status_action.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:intl/intl.dart';
 import 'package:solian/exts.dart';
@@ -214,7 +215,7 @@ class _AccountStatusEditorDialogState extends State<AccountStatusEditorDialog> {
                 borderRadius: const BorderRadius.all(Radius.circular(8)),
                 child: const LinearProgressIndicator().animate().scaleX(),
               ),
-            const SizedBox(height: 18),
+            const Gap(18),
             TextField(
               controller: _labelController,
               decoration: InputDecoration(
@@ -226,7 +227,7 @@ class _AccountStatusEditorDialogState extends State<AccountStatusEditorDialog> {
               onTapOutside: (_) =>
                   FocusManager.instance.primaryFocus?.unfocus(),
             ),
-            const SizedBox(height: 8),
+            const Gap(8),
             TextField(
               controller: _clearAtController,
               readOnly: true,
@@ -238,7 +239,7 @@ class _AccountStatusEditorDialogState extends State<AccountStatusEditorDialog> {
               ),
               onTap: () => selectClearAt(),
             ),
-            const SizedBox(height: 8),
+            const Gap(8),
             SingleChildScrollView(
               scrollDirection: Axis.horizontal,
               child: Wrap(
@@ -281,7 +282,7 @@ class _AccountStatusEditorDialogState extends State<AccountStatusEditorDialog> {
                 ],
               ),
             ),
-            const SizedBox(height: 8),
+            const Gap(8),
             SingleChildScrollView(
               scrollDirection: Axis.horizontal,
               child: Wrap(

lib/widgets/account/signin_required_overlay.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/screens/auth/signin.dart';
 
@@ -20,7 +21,7 @@ class SigninRequiredOverlay extends StatelessWidget {
                 Icons.login,
                 size: 48,
               ),
-              const SizedBox(height: 8),
+              const Gap(8),
               Text(
                 'signinRequired'.tr,
                 style: Theme.of(context).textTheme.titleLarge,

lib/widgets/app_bar_leading.dart

@@ -22,7 +22,7 @@ class AppBarLeadingButton extends StatelessWidget {
         onPressed: () => rootScaffoldKey.currentState!.openDrawer(),
       );
     } else {
-      return const SizedBox();
+      return const SizedBox.shrink();
     }
   }
 }

lib/widgets/attachments/attachment_attr_editor.dart

@@ -1,5 +1,6 @@
 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/exts.dart';
 import 'package:solian/models/attachment.dart';
@@ -36,6 +37,7 @@ class _AttachmentAttrEditorDialogState
         widget.item.id,
         _altController.value.text,
         isMature: _isMature,
+        metadata: widget.item.metadata ?? {},
       );
 
       Get.find<AttachmentProvider>().clearCache(id: widget.item.rid);
@@ -74,7 +76,7 @@ class _AttachmentAttrEditorDialogState
                 borderRadius: const BorderRadius.all(Radius.circular(8)),
                 child: const LinearProgressIndicator().animate().scaleX(),
               ),
-            const SizedBox(height: 18),
+            const Gap(18),
             TextField(
               controller: _altController,
               decoration: InputDecoration(
@@ -86,7 +88,7 @@ class _AttachmentAttrEditorDialogState
               onTapOutside: (_) =>
                   FocusManager.instance.primaryFocus?.unfocus(),
             ),
-            const SizedBox(height: 8),
+            const Gap(8),
             CheckboxListTile(
               contentPadding: const EdgeInsets.only(left: 4, right: 18),
               shape: const RoundedRectangleBorder(

lib/widgets/attachments/attachment_editor.dart

@@ -7,6 +7,7 @@ import 'package:dismissible_page/dismissible_page.dart';
 import 'package:file_picker/file_picker.dart';
 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';
 import 'package:image_picker/image_picker.dart';
@@ -19,6 +20,7 @@ import 'package:solian/providers/attachment_uploader.dart';
 import 'package:solian/providers/auth.dart';
 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';
 
 class AttachmentEditorPopup extends StatefulWidget {
@@ -144,7 +146,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
             mainAxisSize: MainAxisSize.min,
             children: [
               Text('attachmentAddLinkHint'.tr, textAlign: TextAlign.left),
-              const SizedBox(height: 18),
+              const Gap(18),
               TextField(
                 controller: controller,
                 decoration: InputDecoration(
@@ -263,6 +265,21 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
     );
   }
 
+  void _showAttachmentThumbnailEditor(Attachment element, int idx) {
+    showDialog(
+      context: context,
+      builder: (context) => AttachmentEditorThumbnailDialog(
+        item: element,
+        pool: widget.pool,
+        initialItem: element.metadata?['thumbnail'],
+        onUpdate: (value) {
+          _attachments[idx]!.metadata ??= {};
+          _attachments[idx]!.metadata!['thumbnail'] = value;
+        },
+      ),
+    );
+  }
+
   void _showEdit(Attachment element, int index) {
     showDialog(
       context: context,
@@ -346,14 +363,16 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                             FutureBuilder(
                               future: element.file.length(),
                               builder: (context, snapshot) {
-                                if (!snapshot.hasData) return const SizedBox();
+                                if (!snapshot.hasData) {
+                                  return const SizedBox.shrink();
+                                }
                                 return Text(
                                   _formatBytes(snapshot.data!),
                                   style: Theme.of(context).textTheme.bodySmall,
                                 );
                               },
                             ),
-                            const SizedBox(width: 6),
+                            const Gap(6),
                             if (element.progress != null)
                               Text(
                                 '${(element.progress! * 100).toStringAsFixed(2)}%',
@@ -452,11 +471,12 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
     );
   }
 
-  Widget _buildListEntry(Attachment element, int index) {
+  Widget _buildListEntry(Attachment element, int idx) {
     var fileType = element.mimetype.split('/').firstOrNull;
     fileType ??= 'unknown';
 
     final canBePreview = fileType.toLowerCase() == 'image';
+    final canHasThumbnail = fileType.toLowerCase() != 'image';
 
     return Container(
       padding: const EdgeInsets.only(left: 16, right: 8, bottom: 16),
@@ -488,14 +508,23 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                       ],
                     ),
                   ),
-                  IconButton(
-                    color: Colors.teal,
-                    icon: const Icon(Icons.preview),
-                    visualDensity: const VisualDensity(horizontal: -4),
-                    onPressed: canBePreview
-                        ? () => _showAttachmentPreview(element)
-                        : null,
-                  ),
+                  if (canBePreview)
+                    IconButton(
+                      color: Colors.teal,
+                      icon: const Icon(Icons.preview),
+                      visualDensity: const VisualDensity(horizontal: -4),
+                      onPressed: () => _showAttachmentPreview(element),
+                    ),
+                  if (canHasThumbnail)
+                    IconButton(
+                      color: Colors.teal,
+                      icon: const Icon(Icons.add_photo_alternate),
+                      visualDensity: const VisualDensity(horizontal: -4),
+                      onPressed: () => _showAttachmentThumbnailEditor(
+                        element,
+                        idx,
+                      ),
+                    ),
                   PopupMenuButton(
                     icon: const Icon(Icons.more_horiz),
                     iconColor: Theme.of(context).colorScheme.primary,
@@ -511,7 +540,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                             horizontal: 8,
                           ),
                         ),
-                        onTap: () => _showEdit(element, index),
+                        onTap: () => _showEdit(element, idx),
                       ),
                       PopupMenuItem(
                         child: ListTile(
@@ -524,7 +553,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                         onTap: () {
                           _deleteAttachment(element).then((_) {
                             widget.onRemove(element.rid);
-                            setState(() => _attachments.removeAt(index));
+                            setState(() => _attachments.removeAt(idx));
                           });
                         },
                       ),
@@ -538,7 +567,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                         ),
                         onTap: () {
                           widget.onRemove(element.rid);
-                          setState(() => _attachments.removeAt(index));
+                          setState(() => _attachments.removeAt(idx));
                         },
                       ),
                     ],
@@ -614,7 +643,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                               maxLines: 1,
                               overflow: TextOverflow.ellipsis,
                             ),
-                            const SizedBox(width: 10),
+                            const Gap(10),
                             Obx(() {
                               if (_uploadController.isUploading.value) {
                                 return SizedBox(
@@ -627,7 +656,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                                   ),
                                 );
                               }
-                              return const SizedBox();
+                              return const SizedBox.shrink();
                             }),
                           ],
                         ),
@@ -635,9 +664,9 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                     ],
                   ),
                 ),
-                const SizedBox(width: 20),
+                const Gap(20),
                 Text('attachmentAutoUpload'.tr),
-                const SizedBox(width: 8),
+                const Gap(8),
                 Switch(
                   value: _isAutoUpload,
                   onChanged: (bool? value) {
@@ -666,7 +695,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                               ),
                               Obx(() {
                                 if (_uploadController.isUploading.value) {
-                                  return const SizedBox();
+                                  return const SizedBox.shrink();
                                 }
                                 return TextButton(
                                   child: Text('attachmentUploadQueueStart'.tr),
@@ -680,7 +709,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                         ),
                       );
                     }
-                    return const SliverToBoxAdapter(child: SizedBox());
+                    return const SliverToBoxAdapter(child: SizedBox.shrink());
                   }),
                   Obx(() {
                     if (_uploadController.queueOfUpload.isNotEmpty) {
@@ -696,7 +725,7 @@ class _AttachmentEditorPopupState extends State<AttachmentEditorPopup> {
                         ),
                       );
                     }
-                    return const SliverToBoxAdapter(child: SizedBox());
+                    return const SliverToBoxAdapter(child: SizedBox.shrink());
                   }),
                   if (_attachments.isNotEmpty)
                     SliverPadding(

lib/widgets/attachments/attachment_editor_thumbnail.dart

@@ -0,0 +1,148 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:solian/exts.dart';
+import 'package:solian/models/attachment.dart';
+import 'package:solian/providers/content/attachment.dart';
+import 'package:solian/widgets/attachments/attachment_editor.dart';
+
+class AttachmentEditorThumbnailDialog extends StatefulWidget {
+  final Attachment item;
+  final String pool;
+  final String? initialItem;
+  final Function(String? id) onUpdate;
+
+  const AttachmentEditorThumbnailDialog({
+    super.key,
+    required this.item,
+    required this.pool,
+    required this.initialItem,
+    required this.onUpdate,
+  });
+
+  @override
+  State<AttachmentEditorThumbnailDialog> createState() =>
+      _AttachmentEditorThumbnailDialogState();
+}
+
+class _AttachmentEditorThumbnailDialogState
+    extends State<AttachmentEditorThumbnailDialog> {
+  bool _isLoading = false;
+
+  final TextEditingController _attachmentController = TextEditingController();
+
+  void _promptUploadNewAttachment() {
+    showModalBottomSheet(
+      context: context,
+      builder: (context) => AttachmentEditorPopup(
+        pool: widget.pool,
+        singleMode: true,
+        imageOnly: true,
+        autoUpload: true,
+        onAdd: (value) {
+          widget.onUpdate(value);
+          _attachmentController.text = value;
+        },
+        initialAttachments: const [],
+        onRemove: (_) {},
+      ),
+    );
+  }
+
+  Future<void> _updateAttachment() async {
+    setState(() => _isLoading = true);
+
+    final AttachmentProvider attach = Get.find();
+
+    widget.item.metadata ??= {};
+    if (_attachmentController.text.isNotEmpty) {
+      widget.item.metadata!['thumbnail'] = _attachmentController.text;
+    } else {
+      widget.item.metadata!['thumbnail'] = null;
+    }
+
+    try {
+      await attach.updateAttachment(
+        widget.item.id,
+        widget.item.alt,
+        isMature: widget.item.isMature,
+        metadata: widget.item.metadata!,
+      );
+
+      Get.find<AttachmentProvider>().clearCache(id: widget.item.rid);
+    } catch (e) {
+      context.showErrorDialog(e);
+    } finally {
+      setState(() => _isLoading = false);
+    }
+  }
+
+  @override
+  void initState() {
+    if (widget.initialItem != null) {
+      _attachmentController.text = widget.initialItem!;
+    }
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _attachmentController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Text('postThumbnail'.tr),
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Card(
+            margin: EdgeInsets.zero,
+            child: ListTile(
+              title: Text('postThumbnailAttachmentNew'.tr),
+              contentPadding: const EdgeInsets.only(left: 12, right: 9),
+              trailing: const Icon(Icons.chevron_right),
+              shape: const RoundedRectangleBorder(
+                borderRadius: BorderRadius.all(Radius.circular(8)),
+              ),
+              onTap: () {
+                _promptUploadNewAttachment();
+              },
+            ),
+          ),
+          const Row(children: <Widget>[
+            Expanded(child: Divider()),
+            Text('OR'),
+            Expanded(child: Divider()),
+          ]).paddingOnly(top: 12, bottom: 16, left: 16, right: 16),
+          TextField(
+            controller: _attachmentController,
+            decoration: InputDecoration(
+              isDense: true,
+              border: const OutlineInputBorder(),
+              prefixText: '#',
+              labelText: 'postThumbnailAttachment'.tr,
+            ),
+            onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
+          ),
+        ],
+      ),
+      actions: [
+        TextButton(
+          onPressed: _isLoading
+              ? null
+              : () {
+                  _updateAttachment().then((_) {
+                    widget.onUpdate(_attachmentController.text);
+                    if (mounted) {
+                      Navigator.pop(context);
+                    }
+                  });
+                },
+          child: Text('confirm'.tr),
+        ),
+      ],
+    );
+  }
+}

lib/widgets/attachments/attachment_fullscreen.dart

@@ -6,6 +6,7 @@ import 'package:dismissible_page/dismissible_page.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:gal/gal.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/attachment.dart';
@@ -171,7 +172,7 @@ class _AttachmentFullScreenState extends State<AttachmentFullScreen> {
                       end: Alignment.topCenter,
                       colors: [
                         Theme.of(context).colorScheme.surface,
-                        Theme.of(context).colorScheme.surface.withOpacity(0),
+                        Colors.transparent,
                       ],
                     ),
                   ),
@@ -198,7 +199,7 @@ class _AttachmentFullScreenState extends State<AttachmentFullScreen> {
                               radius: 19,
                             ),
                           ),
-                          const IgnorePointer(child: SizedBox(width: 8)),
+                          const Gap(8),
                           Expanded(
                             child: IgnorePointer(
                               child: Column(
@@ -240,7 +241,7 @@ class _AttachmentFullScreenState extends State<AttachmentFullScreen> {
                           ),
                         ],
                       ),
-                    const IgnorePointer(child: SizedBox(height: 4)),
+                    const Gap(4),
                     IgnorePointer(
                       child: Text(
                         widget.item.alt,
@@ -252,7 +253,7 @@ class _AttachmentFullScreenState extends State<AttachmentFullScreen> {
                         ),
                       ),
                     ),
-                    const IgnorePointer(child: SizedBox(height: 2)),
+                    const Gap(2),
                     IgnorePointer(
                       child: Wrap(
                         spacing: 6,

lib/widgets/attachments/attachment_item.dart

@@ -1,12 +1,16 @@
-import 'package:cached_network_image/cached_network_image.dart';
+import 'dart:math' as math;
+
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:media_kit/media_kit.dart';
 import 'package:media_kit_video/media_kit_video.dart';
 import 'package:solian/models/attachment.dart';
-import 'package:solian/platform.dart';
+import 'package:solian/providers/durations.dart';
 import 'package:solian/services.dart';
+import 'package:solian/widgets/auto_cache_image.dart';
 import 'package:solian/widgets/sized_container.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
@@ -55,6 +59,11 @@ class _AttachmentItemState extends State<AttachmentItem> {
           item: widget.item,
           autoload: widget.autoload,
         );
+      case 'audio':
+        return _AttachmentItemAudio(
+          item: widget.item,
+          autoload: widget.autoload,
+        );
       default:
         return Center(
           child: Container(
@@ -65,7 +74,7 @@ class _AttachmentItemState extends State<AttachmentItem> {
               mainAxisSize: MainAxisSize.min,
               children: [
                 const Icon(Icons.file_present, size: 32),
-                const SizedBox(height: 6),
+                const Gap(6),
                 Text(
                   widget.item.mimetype,
                   style: TextStyle(
@@ -74,13 +83,13 @@ class _AttachmentItemState extends State<AttachmentItem> {
                   ),
                   textAlign: TextAlign.center,
                 ),
-                const SizedBox(height: 2),
+                const Gap(2),
                 Text(
                   widget.item.alt,
                   style: const TextStyle(fontSize: 13),
                   textAlign: TextAlign.center,
                 ),
-                const SizedBox(height: 12),
+                const Gap(12),
                 TextButton.icon(
                   icon: const Icon(Icons.launch),
                   label: Text('openInBrowser'.tr),
@@ -130,66 +139,13 @@ class _AttachmentItemImage extends StatelessWidget {
       child: Stack(
         fit: StackFit.expand,
         children: [
-          if (PlatformInfo.canCacheImage)
-            CachedNetworkImage(
-              fit: fit,
-              imageUrl: ServiceFinder.buildUrl(
-                'files',
-                '/attachments/${item.rid}',
-              ),
-              progressIndicatorBuilder: (context, url, downloadProgress) {
-                return Center(
-                  child: CircularProgressIndicator(
-                    value: downloadProgress.progress,
-                  ),
-                );
-              },
-              errorWidget: (context, url, error) {
-                return Material(
-                  color: Theme.of(context).colorScheme.surface,
-                  child: Column(
-                    mainAxisAlignment: MainAxisAlignment.center,
-                    children: [
-                      const Icon(Icons.close, size: 32)
-                          .animate(onPlay: (e) => e.repeat(reverse: true))
-                          .fade(duration: 500.ms),
-                      Text(error.toString()),
-                    ],
-                  ),
-                );
-              },
-            )
-          else
-            Image.network(
-              ServiceFinder.buildUrl('files', '/attachments/${item.rid}'),
-              fit: fit,
-              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,
-                  ),
-                );
-              },
-              errorBuilder: (context, error, stackTrace) {
-                return Material(
-                  color: Theme.of(context).colorScheme.surface,
-                  child: Column(
-                    mainAxisAlignment: MainAxisAlignment.center,
-                    children: [
-                      const Icon(Icons.close, size: 32)
-                          .animate(onPlay: (e) => e.repeat(reverse: true))
-                          .fade(duration: 500.ms),
-                      Text(error.toString()),
-                    ],
-                  ),
-                );
-              },
+          AutoCacheImage(
+            ServiceFinder.buildUrl(
+              'files',
+              '/attachments/${item.rid}',
             ),
+            fit: fit,
+          ),
           if (showBadge && badge != null)
             Positioned(
               right: 12,
@@ -239,22 +195,21 @@ class _AttachmentItemVideo extends StatefulWidget {
 }
 
 class _AttachmentItemVideoState extends State<_AttachmentItemVideo> {
-  late final _player = Player(
-    configuration: const PlayerConfiguration(
-      logLevel: MPVLogLevel.error,
-    ),
-  );
-
-  late final _controller = VideoController(_player);
-
   bool _showContent = false;
 
+  Player? _videoPlayer;
+  VideoController? _videoController;
+
   Future<void> _startLoad() async {
-    await _player.open(
-      Media(ServiceFinder.buildUrl('files', '/attachments/${widget.item.rid}')),
-      play: false,
-    );
     setState(() => _showContent = true);
+    MediaKit.ensureInitialized();
+    final url = ServiceFinder.buildUrl(
+      'files',
+      '/attachments/${widget.item.rid}',
+    );
+    _videoPlayer = Player();
+    _videoController = VideoController(_videoPlayer!);
+    _videoPlayer!.open(Media(url), play: !widget.autoload);
   }
 
   @override
@@ -267,54 +222,405 @@ class _AttachmentItemVideoState extends State<_AttachmentItemVideo> {
 
   @override
   Widget build(BuildContext context) {
+    const labelShadows = <Shadow>[
+      Shadow(
+        offset: Offset(1, 1),
+        blurRadius: 5.0,
+        color: Color.fromARGB(255, 0, 0, 0),
+      ),
+    ];
     final ratio = widget.item.metadata?['ratio'] ?? 16 / 9;
     if (!_showContent) {
       return GestureDetector(
-        child: AspectRatio(
-          aspectRatio: ratio,
-          child: CenteredContainer(
-            maxWidth: 280,
-            child: Column(
-              mainAxisAlignment: MainAxisAlignment.center,
-              children: [
-                const Icon(
-                  Icons.not_started,
-                  color: Colors.white,
-                  size: 32,
+        child: Stack(
+          children: [
+            if (widget.item.metadata?['thumbnail'] != null)
+              AspectRatio(
+                aspectRatio: 16 / 9,
+                child: AutoCacheImage(
+                  ServiceFinder.buildUrl(
+                    'uc',
+                    '/attachments/${widget.item.metadata?['thumbnail']}',
+                  ),
+                  fit: BoxFit.cover,
                 ),
-                const SizedBox(height: 8),
-                Text(
-                  'attachmentUnload'.tr,
-                  style: const TextStyle(
-                    color: Colors.white,
-                    fontWeight: FontWeight.bold,
-                    fontSize: 16,
+              )
+            else
+              const Center(
+                child: Icon(Icons.movie, size: 64),
+              ),
+            Align(
+              alignment: Alignment.bottomCenter,
+              child: IgnorePointer(
+                child: Container(
+                  height: 56,
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      begin: Alignment.bottomCenter,
+                      end: Alignment.topCenter,
+                      colors: [
+                        Theme.of(context).colorScheme.surface,
+                        Colors.transparent,
+                      ],
+                    ),
                   ),
                 ),
-                Text(
-                  'attachmentUnloadCaption'.tr,
-                  style: const TextStyle(color: Colors.white),
-                  textAlign: TextAlign.center,
-                ),
-              ],
+              ),
             ),
-          ),
+            Positioned(
+              bottom: 4,
+              left: 16,
+              right: 16,
+              child: SizedBox(
+                height: 45,
+                child: Row(
+                  children: [
+                    Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            widget.item.alt,
+                            style: const TextStyle(shadows: labelShadows),
+                          ),
+                          Text(
+                            Duration(
+                              milliseconds:
+                                  (widget.item.metadata?['duration'] ?? 0)
+                                          .toInt() *
+                                      1000,
+                            ).toHumanReadableString(),
+                            style: GoogleFonts.robotoMono(
+                              fontSize: 12,
+                              shadows: labelShadows,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                    const Icon(Icons.play_arrow, shadows: labelShadows)
+                        .paddingOnly(bottom: 4, right: 8),
+                  ],
+                ),
+              ),
+            ),
+          ],
         ),
         onTap: () {
           _startLoad();
         },
       );
+    } else if (_videoController == null) {
+      return const Center(
+        child: CircularProgressIndicator(),
+      );
     }
 
     return Video(
+      controller: _videoController!,
       aspectRatio: ratio,
-      controller: _controller,
     );
   }
 
   @override
   void dispose() {
-    _player.dispose();
+    _videoPlayer?.dispose();
     super.dispose();
   }
 }
+
+class _AttachmentItemAudio extends StatefulWidget {
+  final Attachment item;
+  final bool autoload;
+
+  const _AttachmentItemAudio({
+    required this.item,
+    this.autoload = false,
+  });
+
+  @override
+  State<_AttachmentItemAudio> createState() => _AttachmentItemAudioState();
+}
+
+class _AttachmentItemAudioState extends State<_AttachmentItemAudio> {
+  bool _showContent = false;
+
+  double? _draggingValue;
+  bool _isPlaying = false;
+  Duration _duration = Duration.zero;
+  Duration _position = Duration.zero;
+  Duration _bufferedPosition = Duration.zero;
+
+  Player? _audioPlayer;
+
+  Future<void> _startLoad() async {
+    setState(() => _showContent = true);
+    MediaKit.ensureInitialized();
+    final url = ServiceFinder.buildUrl(
+      'files',
+      '/attachments/${widget.item.rid}',
+    );
+    _audioPlayer = Player();
+    await _audioPlayer!.open(Media(url), play: !widget.autoload);
+    _audioPlayer!.stream.playing.listen((v) => setState(() => _isPlaying = v));
+    _audioPlayer!.stream.position.listen((v) => setState(() => _position = v));
+    _audioPlayer!.stream.duration.listen((v) => setState(() => _duration = v));
+    _audioPlayer!.stream.buffer.listen(
+      (v) => setState(() => _bufferedPosition = v),
+    );
+  }
+
+  String _formatBytes(int bytes, {int decimals = 2}) {
+    if (bytes == 0) return '0 Bytes';
+    const k = 1024;
+    final dm = decimals < 0 ? 0 : decimals;
+    final sizes = [
+      'Bytes',
+      'KiB',
+      'MiB',
+      'GiB',
+      'TiB',
+      'PiB',
+      'EiB',
+      'ZiB',
+      'YiB'
+    ];
+    final i = (math.log(bytes) / math.log(k)).floor().toInt();
+    return '${(bytes / math.pow(k, i)).toStringAsFixed(dm)} ${sizes[i]}';
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    if (widget.autoload) {
+      _startLoad();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    const labelShadows = <Shadow>[
+      Shadow(
+        offset: Offset(1, 1),
+        blurRadius: 5.0,
+        color: Color.fromARGB(255, 0, 0, 0),
+      ),
+    ];
+    const ratio = 16 / 9;
+    if (!_showContent) {
+      return GestureDetector(
+        child: Stack(
+          children: [
+            if (widget.item.metadata?['thumbnail'] != null)
+              AspectRatio(
+                aspectRatio: 16 / 9,
+                child: AutoCacheImage(
+                  ServiceFinder.buildUrl(
+                    'uc',
+                    '/attachments/${widget.item.metadata?['thumbnail']}',
+                  ),
+                  fit: BoxFit.cover,
+                ),
+              )
+            else
+              const Center(
+                child: Icon(Icons.radio, size: 64),
+              ),
+            Align(
+              alignment: Alignment.bottomCenter,
+              child: IgnorePointer(
+                child: Container(
+                  height: 56,
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      begin: Alignment.bottomCenter,
+                      end: Alignment.topCenter,
+                      colors: [
+                        Theme.of(context).colorScheme.surface,
+                        Colors.transparent,
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+            ),
+            Positioned(
+              bottom: 4,
+              left: 16,
+              right: 16,
+              child: SizedBox(
+                height: 45,
+                child: Row(
+                  children: [
+                    Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            widget.item.alt,
+                            style: const TextStyle(shadows: labelShadows),
+                          ),
+                          Text(
+                            _formatBytes(widget.item.size),
+                            style: GoogleFonts.robotoMono(
+                              fontSize: 12,
+                              shadows: labelShadows,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                    const Icon(Icons.play_arrow, shadows: labelShadows)
+                        .paddingOnly(bottom: 4, right: 8),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+        onTap: () {
+          _startLoad();
+        },
+      );
+    } else if (_audioPlayer == null) {
+      return const Center(
+        child: CircularProgressIndicator(),
+      );
+    }
+
+    return Stack(
+      children: [
+        if (widget.item.metadata?['thumbnail'] != null)
+          AspectRatio(
+            aspectRatio: 16 / 9,
+            child: AutoCacheImage(
+              ServiceFinder.buildUrl(
+                'uc',
+                '/attachments/${widget.item.metadata?['thumbnail']}',
+              ),
+              fit: BoxFit.cover,
+            ),
+          ).animate().blur(
+                duration: 300.ms,
+                end: const Offset(10, 10),
+                curve: Curves.easeInOut,
+              ),
+        AspectRatio(
+          aspectRatio: ratio,
+          child: CenteredContainer(
+            maxWidth: 320,
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                const Icon(Icons.audio_file, size: 32),
+                const Gap(8),
+                Text(
+                  widget.item.alt,
+                  style: const TextStyle(fontSize: 13),
+                  textAlign: TextAlign.center,
+                ),
+                const Gap(12),
+                Row(
+                  children: [
+                    Expanded(
+                      child: Column(
+                        children: [
+                          SliderTheme(
+                            data: SliderThemeData(
+                              trackHeight: 2,
+                              trackShape: _PlayerProgressTrackShape(),
+                              thumbShape: const RoundSliderThumbShape(
+                                enabledThumbRadius: 8,
+                              ),
+                              overlayShape: SliderComponentShape.noOverlay,
+                            ),
+                            child: Slider(
+                              secondaryTrackValue: _bufferedPosition
+                                  .inMilliseconds
+                                  .abs()
+                                  .toDouble(),
+                              value: _draggingValue?.abs() ??
+                                  _position.inMilliseconds.toDouble().abs(),
+                              min: 0,
+                              max: math
+                                  .max(
+                                    _bufferedPosition.inMilliseconds.abs(),
+                                    math.max(
+                                      _position.inMilliseconds.abs(),
+                                      _duration.inMilliseconds.abs(),
+                                    ),
+                                  )
+                                  .toDouble(),
+                              onChanged: (value) {
+                                setState(() => _draggingValue = value);
+                              },
+                              onChangeEnd: (value) {
+                                _audioPlayer!.seek(
+                                  Duration(milliseconds: value.toInt()),
+                                );
+                                setState(() => _draggingValue = null);
+                              },
+                            ),
+                          ),
+                          Row(
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            children: [
+                              Text(
+                                _position.toHumanReadableString(),
+                                style: GoogleFonts.robotoMono(fontSize: 12),
+                              ),
+                              Text(
+                                _duration.toHumanReadableString(),
+                                style: GoogleFonts.robotoMono(fontSize: 12),
+                              ),
+                            ],
+                          ).paddingSymmetric(horizontal: 8, vertical: 4),
+                        ],
+                      ),
+                    ),
+                    const Gap(16),
+                    IconButton.filled(
+                      icon: _isPlaying
+                          ? const Icon(Icons.pause)
+                          : const Icon(Icons.play_arrow),
+                      onPressed: () {
+                        _audioPlayer!.playOrPause();
+                      },
+                      visualDensity: const VisualDensity(
+                        horizontal: -4,
+                        vertical: 0,
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  @override
+  void dispose() {
+    _audioPlayer?.dispose();
+    super.dispose();
+  }
+}
+
+class _PlayerProgressTrackShape extends RoundedRectSliderTrackShape {
+  @override
+  Rect getPreferredRect({
+    required RenderBox parentBox,
+    Offset offset = Offset.zero,
+    required SliderThemeData sliderTheme,
+    bool isEnabled = false,
+    bool isDiscrete = false,
+  }) {
+    final trackHeight = sliderTheme.trackHeight;
+    final trackLeft = offset.dx;
+    final trackTop = offset.dy + (parentBox.size.height - trackHeight!) / 2;
+    final trackWidth = parentBox.size.width;
+    return Rect.fromLTWH(trackLeft, trackTop, trackWidth, trackHeight);
+  }
+}

lib/widgets/attachments/attachment_list.dart

@@ -5,6 +5,7 @@ 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';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/attachment.dart';
 import 'package:solian/widgets/attachments/attachment_item.dart';
@@ -93,6 +94,8 @@ class _AttachmentListState extends State<AttachmentList> {
         } else {
           portrait++;
         }
+      } else if (entry.mimetype.split('/').firstOrNull == 'audio') {
+        landscape++;
       }
     }
     if (isConsistent && consistentValue != null) {
@@ -138,7 +141,7 @@ class _AttachmentListState extends State<AttachmentList> {
   @override
   Widget build(BuildContext context) {
     if (widget.attachmentsId.isEmpty) {
-      return const SizedBox();
+      return const SizedBox.shrink();
     }
 
     if (_isLoading) {
@@ -171,7 +174,7 @@ class _AttachmentListState extends State<AttachmentList> {
         children: widget.attachmentsId.map((x) {
           final element = _attachmentsMeta[idx];
           idx++;
-          if (element == null) return const SizedBox();
+          if (element == null) return const SizedBox.shrink();
           double ratio = element.metadata?['ratio']?.toDouble() ?? 16 / 9;
           return Container(
             decoration: BoxDecoration(
@@ -359,7 +362,7 @@ class AttachmentListEntry extends StatelessWidget {
                       color: Colors.white,
                       size: 32,
                     ),
-                    if (!isDense) const SizedBox(height: 8),
+                    if (!isDense) const Gap(8),
                     if (!isDense)
                       Text(
                         'matureContent'.tr,

lib/widgets/auto_cache_image.dart

@@ -0,0 +1,113 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
+import 'package:solian/platform.dart';
+import 'package:solian/widgets/sized_container.dart';
+
+class AutoCacheImage extends StatelessWidget {
+  final String url;
+  final double? width, height;
+  final BoxFit? fit;
+  final bool noProgressIndicator;
+  final bool noErrorWidget;
+
+  const AutoCacheImage(
+    this.url, {
+    super.key,
+    this.width,
+    this.height,
+    this.fit,
+    this.noProgressIndicator = false,
+    this.noErrorWidget = false,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    if (PlatformInfo.canCacheImage) {
+      return CachedNetworkImage(
+        imageUrl: url,
+        width: width,
+        height: height,
+        fit: fit,
+        progressIndicatorBuilder: noProgressIndicator
+            ? null
+            : (context, url, downloadProgress) => Center(
+                  child: CircularProgressIndicator(
+                    value: downloadProgress.progress,
+                  ),
+                ),
+        errorWidget: noErrorWidget
+            ? null
+            : (context, url, error) {
+                return Material(
+                  color: Theme.of(context).colorScheme.surface,
+                  child: CenteredContainer(
+                    maxWidth: 280,
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        const Icon(Icons.close, size: 32)
+                            .animate(onPlay: (e) => e.repeat(reverse: true))
+                            .fade(duration: 500.ms),
+                        Text(
+                          error.toString(),
+                          textAlign: TextAlign.center,
+                        ),
+                      ],
+                    ),
+                  ),
+                );
+              },
+      );
+    }
+    return Image.network(
+      url,
+      width: width,
+      height: height,
+      fit: fit,
+      loadingBuilder: noProgressIndicator
+          ? null
+          : (BuildContext context, Widget child,
+              ImageChunkEvent? loadingProgress) {
+              if (loadingProgress == null) return child;
+              return Center(
+                child: CircularProgressIndicator(
+                  value: loadingProgress.expectedTotalBytes != null
+                      ? loadingProgress.cumulativeBytesLoaded /
+                          loadingProgress.expectedTotalBytes!
+                      : null,
+                ),
+              );
+            },
+      errorBuilder: noErrorWidget
+          ? null
+          : (context, error, stackTrace) {
+              return Material(
+                color: Theme.of(context).colorScheme.surface,
+                child: CenteredContainer(
+                  maxWidth: 280,
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      const Icon(Icons.close, size: 32)
+                          .animate(onPlay: (e) => e.repeat(reverse: true))
+                          .fade(duration: 500.ms),
+                      Text(
+                        error.toString(),
+                        textAlign: TextAlign.center,
+                      ),
+                    ],
+                  ),
+                ),
+              );
+            },
+    );
+  }
+
+  static ImageProvider provider(String url) {
+    if (PlatformInfo.canCacheImage) {
+      return CachedNetworkImageProvider(url);
+    }
+    return NetworkImage(url);
+  }
+}

lib/widgets/channel/channel_call_indicator.dart

@@ -1,15 +1,15 @@
 import 'dart:convert';
 
 import 'package:avatar_stack/avatar_stack.dart';
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/account.dart';
 import 'package:solian/models/call.dart';
 import 'package:solian/models/channel.dart';
-import 'package:solian/platform.dart';
 import 'package:solian/providers/call.dart';
 import 'package:solian/theme.dart';
+import 'package:solian/widgets/auto_cache_image.dart';
 import 'package:solian/widgets/chat/call/call_prejoin.dart';
 
 class ChannelCallIndicator extends StatelessWidget {
@@ -52,38 +52,35 @@ class ChannelCallIndicator extends StatelessWidget {
               return Text('callOngoingJoined'.trParams({
                 'duration': call.lastDuration.value,
               }));
-            } else if (ongoingCall.participants.isEmpty) {
+            } else if (ongoingCall.participants!.isEmpty) {
               return Text('callOngoingEmpty'.tr);
             } else {
               return Text('callOngoingParticipants'.trParams({
-                'count': ongoingCall.participants.length.toString(),
+                'count': ongoingCall.participants!.length.toString(),
               }));
             }
           }),
-          const SizedBox(width: 6),
+          const Gap(6),
           Obx(() {
             if (call.isInitialized.value) {
-              return const SizedBox();
+              return const SizedBox.shrink();
             }
-            if (ongoingCall.participants.isNotEmpty) {
+            if (ongoingCall.participants!.isNotEmpty) {
               return Container(
                 height: 28,
                 constraints: const BoxConstraints(maxWidth: 120),
                 child: AvatarStack(
                   height: 28,
                   borderWidth: 0,
-                  avatars: ongoingCall.participants.map((x) {
+                  avatars: ongoingCall.participants!.map((x) {
                     final userinfo =
                         Account.fromJson(jsonDecode(x['metadata']));
-                    return PlatformInfo.canCacheImage
-                        ? CachedNetworkImageProvider(userinfo.avatar)
-                            as ImageProvider
-                        : NetworkImage(userinfo.avatar) as ImageProvider;
+                    return AutoCacheImage.provider(userinfo.avatar);
                   }).toList(),
                 ),
               );
             }
-            return const SizedBox();
+            return const SizedBox.shrink();
           })
         ],
       ),
@@ -112,7 +109,7 @@ class ChannelCallIndicator extends StatelessWidget {
               child: Text('callJoin'.tr),
             );
           }
-          return const SizedBox();
+          return const SizedBox.shrink();
         })
       ],
     );

lib/widgets/chat/call/call_participant_info.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:livekit_client/livekit_client.dart';
 
@@ -35,7 +36,7 @@ class ParticipantInfoWidget extends StatelessWidget {
                   style: const TextStyle(color: Colors.white),
                 ),
               ),
-            const SizedBox(width: 5),
+            const Gap(5),
             isScreenShare
                 ? const Icon(
                     Icons.monitor,
@@ -47,7 +48,7 @@ class ParticipantInfoWidget extends StatelessWidget {
                     color: audioAvailable ? Colors.white : Colors.red,
                     size: 16,
                   ),
-            const SizedBox(width: 3),
+            const Gap(3),
             if (connectionQuality != ConnectionQuality.unknown)
               Icon(
                 {

lib/widgets/chat/call/chat_call_indicator.dart

@@ -11,7 +11,7 @@ class ChatCallCurrentIndicator extends StatelessWidget {
 
     return Obx(() {
       if (call.current.value == null || call.channel.value == null) {
-        return const SizedBox();
+        return const SizedBox.shrink();
       }
 
       return ListTile(

lib/widgets/chat/chat_event.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/controllers/chat_events_controller.dart';
 import 'package:solian/models/event.dart';
@@ -39,7 +40,7 @@ class ChatEvent extends StatelessWidget {
   }
 
   Widget _buildLinkExpansion() {
-    if (item.body['text'] == null) return const SizedBox();
+    if (item.body['text'] == null) return const SizedBox.shrink();
     return LinkExpansion(content: item.body['text']);
   }
 
@@ -48,7 +49,7 @@ class ChatEvent extends StatelessWidget {
         ? List<String>.from(item.body['attachments']?.whereType<String>())
         : List<String>.empty();
 
-    if (attachments.isEmpty) return const SizedBox();
+    if (attachments.isEmpty) return const SizedBox.shrink();
 
     if (isMinimal) {
       final unFocusColor =
@@ -93,7 +94,7 @@ class ChatEvent extends StatelessWidget {
       ),
       builder: (context, snapshot) {
         if (!snapshot.hasData || snapshot.data == null) {
-          return const SizedBox();
+          return const SizedBox.shrink();
         }
 
         return Container(
@@ -214,7 +215,7 @@ class ChatEvent extends StatelessWidget {
               opacity: 0.75,
               child: FaIcon(FontAwesomeIcons.quoteLeft, size: 14),
             ).paddingOnly(bottom: 2.75),
-            const SizedBox(width: 4),
+            const Gap(4),
             Expanded(
               child: Column(
                 mainAxisAlignment: MainAxisAlignment.start,
@@ -226,12 +227,12 @@ class ChatEvent extends StatelessWidget {
                         content: item.sender.account.avatar,
                         radius: 9,
                       ),
-                      const SizedBox(width: 5),
+                      const Gap(5),
                       Text(
                         item.sender.account.nick,
                         style: const TextStyle(fontWeight: FontWeight.bold),
                       ),
-                      const SizedBox(width: 4),
+                      const Gap(4),
                       Text(format(item.createdAt, locale: 'en_short')),
                     ],
                   ),
@@ -275,7 +276,7 @@ class ChatEvent extends StatelessWidget {
                           item.sender.account.nick,
                           style: const TextStyle(fontWeight: FontWeight.bold),
                         ),
-                        const SizedBox(width: 4),
+                        const Gap(4),
                         Text(format(item.createdAt, locale: 'en_short'))
                       ],
                     ).paddingSymmetric(horizontal: 12),

lib/widgets/chat/chat_event_action_log.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 
 class ChatEventMessageActionLog extends StatelessWidget {
@@ -25,7 +26,7 @@ class ChatEventMessageActionLog extends StatelessWidget {
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
           icon,
-          const SizedBox(width: 4),
+          const Gap(4),
           Text(text),
         ],
       ).paddingOnly(

lib/widgets/chat/chat_event_list.dart

@@ -59,7 +59,8 @@ class ChatEventList extends StatelessWidget {
 
               final item = chatController.currentEvents[index].data;
 
-              return InkWell(
+              return GestureDetector(
+                behavior: HitTestBehavior.opaque,
                 child: ChatEvent(
                   key: Key('m${item.uuid}'),
                   item: item,
@@ -95,7 +96,7 @@ class ChatEventList extends StatelessWidget {
               chatController.totalEvents - chatController.currentEvents.length;
 
           if (amount.value <= 0 || chatController.isLoading.isTrue) {
-            return const SliverToBoxAdapter(child: SizedBox());
+            return const SliverToBoxAdapter(child: SizedBox.shrink());
           }
 
           return SliverToBoxAdapter(

lib/widgets/chat/chat_message_input.dart

@@ -1,7 +1,6 @@
 import 'dart:async';
 import 'dart:convert';
 
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_typeahead/flutter_typeahead.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
@@ -11,13 +10,13 @@ import 'package:solian/models/account.dart';
 import 'package:solian/models/channel.dart';
 import 'package:solian/models/event.dart';
 import 'package:solian/models/packet.dart';
-import 'package:solian/platform.dart';
 import 'package:solian/providers/attachment_uploader.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/providers/stickers.dart';
 import 'package:solian/providers/websocket.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
 import 'package:solian/widgets/attachments/attachment_editor.dart';
+import 'package:solian/widgets/auto_cache_image.dart';
 import 'package:solian/widgets/chat/chat_event.dart';
 import 'package:badges/badges.dart' as badges;
 import 'package:uuid/uuid.dart';
@@ -156,7 +155,7 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
     };
 
     // The local mock data
-    final sender = Sender(
+    final sender = ChannelMember(
       id: 0,
       createdAt: DateTime.now(),
       updatedAt: DateTime.now(),
@@ -414,17 +413,11 @@ class _ChatMessageInputState extends State<ChatMessageInput> {
                           .map(
                             (x) => ChatMessageSuggestion(
                               type: 'emotes',
-                              leading: PlatformInfo.canCacheImage
-                                  ? CachedNetworkImage(
-                                      imageUrl: x.imageUrl,
-                                      width: 28,
-                                      height: 28,
-                                    )
-                                  : Image.network(
-                                      x.imageUrl,
-                                      width: 28,
-                                      height: 28,
-                                    ),
+                              leading: AutoCacheImage(
+                                x.imageUrl,
+                                width: 28,
+                                height: 28,
+                              ),
                               display: x.name,
                               content: x.textWarpedPlaceholder,
                             ),

lib/widgets/chat/chat_typing_indicator.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/channel.dart';
 
@@ -47,7 +48,7 @@ class _ChatTypingIndicatorState extends State<ChatTypingIndicator>
       child: Row(
         children: [
           const Icon(Icons.more_horiz),
-          const SizedBox(width: 6),
+          const Gap(6),
           Text('typingMessage'.trParams({
             'user': widget.users.map((x) => x.account.nick).join(', '),
           })),

lib/widgets/daily_sign/history_chart.dart

@@ -0,0 +1,253 @@
+import 'dart:math';
+
+import 'package:fl_chart/fl_chart.dart';
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:get/get.dart';
+import 'package:intl/intl.dart';
+import 'package:solian/models/daily_sign.dart';
+
+class DailySignHistoryChartDialog extends StatelessWidget {
+  final List<DailySignRecord>? data;
+
+  const DailySignHistoryChartDialog({super.key, required this.data});
+
+  static List<String> signSymbols = ['大凶', '凶', '中平', '吉', '大吉'];
+
+  DateTime? get _firstRecordDate => data?.map((x) => x.createdAt).reduce(
+      (a, b) => DateTime.fromMillisecondsSinceEpoch(
+          min(a.millisecondsSinceEpoch, b.millisecondsSinceEpoch)));
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          const Text('运势历史'),
+          Text(
+            '${DateFormat('yyyy/MM/dd').format(_firstRecordDate!)} - ${DateFormat('yyyy/MM/dd').format(DateTime.now())}',
+            style: TextStyle(
+              fontSize: 13,
+              color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
+            ),
+          ),
+        ],
+      ),
+      content: data == null
+          ? SizedBox(
+              height: 180,
+              width: max(640, MediaQuery.of(context).size.width),
+              child: const Center(
+                child: CircularProgressIndicator(),
+              ),
+            )
+          : Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text('近期运势', style: Theme.of(context).textTheme.titleMedium)
+                    .paddingOnly(bottom: 18),
+                SizedBox(
+                  height: 180,
+                  width: max(640, MediaQuery.of(context).size.width),
+                  child: LineChart(
+                    LineChartData(
+                      lineBarsData: [
+                        LineChartBarData(
+                          isCurved: true,
+                          isStrokeCapRound: true,
+                          isStrokeJoinRound: true,
+                          color: Theme.of(context).colorScheme.primary,
+                          belowBarData: BarAreaData(
+                            show: true,
+                            gradient: LinearGradient(
+                              colors: List.filled(
+                                data!.length,
+                                Theme.of(context)
+                                    .colorScheme
+                                    .primary
+                                    .withOpacity(0.3),
+                              ).toList(),
+                            ),
+                          ),
+                          spots: data!
+                              .map(
+                                (x) => FlSpot(
+                                  x.createdAt
+                                      .copyWith(
+                                        hour: 0,
+                                        minute: 0,
+                                        second: 0,
+                                        millisecond: 0,
+                                        microsecond: 0,
+                                      )
+                                      .millisecondsSinceEpoch
+                                      .toDouble(),
+                                  x.resultTier.toDouble(),
+                                ),
+                              )
+                              .toList(),
+                        )
+                      ],
+                      lineTouchData: LineTouchData(
+                          touchTooltipData: LineTouchTooltipData(
+                        getTooltipItems: (spots) => spots
+                            .map((spot) => LineTooltipItem(
+                                  '${signSymbols[spot.y.toInt()]}\n${DateFormat('MM/dd').format(DateTime.fromMillisecondsSinceEpoch(spot.x.toInt()))}',
+                                  TextStyle(
+                                    color:
+                                        Theme.of(context).colorScheme.onSurface,
+                                  ),
+                                ))
+                            .toList(),
+                        getTooltipColor: (_) =>
+                            Theme.of(context).colorScheme.surfaceContainerHigh,
+                      )),
+                      titlesData: FlTitlesData(
+                        topTitles: const AxisTitles(
+                          sideTitles: SideTitles(showTitles: false),
+                        ),
+                        rightTitles: const AxisTitles(
+                          sideTitles: SideTitles(showTitles: false),
+                        ),
+                        leftTitles: AxisTitles(
+                          sideTitles: SideTitles(
+                            showTitles: true,
+                            reservedSize: 40,
+                            interval: 1,
+                            getTitlesWidget: (value, _) => Align(
+                              alignment: Alignment.centerRight,
+                              child: Text(
+                                signSymbols[value.toInt()],
+                                textAlign: TextAlign.right,
+                              ).paddingOnly(right: 8),
+                            ),
+                          ),
+                        ),
+                        bottomTitles: AxisTitles(
+                          sideTitles: SideTitles(
+                            showTitles: true,
+                            reservedSize: 28,
+                            interval: 86400000,
+                            getTitlesWidget: (value, _) => Text(
+                              DateFormat('dd').format(
+                                DateTime.fromMillisecondsSinceEpoch(
+                                  value.toInt(),
+                                ),
+                              ),
+                              textAlign: TextAlign.center,
+                            ).paddingOnly(top: 8),
+                          ),
+                        ),
+                      ),
+                      gridData: const FlGridData(show: false),
+                      borderData: FlBorderData(show: false),
+                    ),
+                  ),
+                ).marginOnly(right: 24, bottom: 8, top: 8),
+                const Gap(16),
+                Text('功德趋势', style: Theme.of(context).textTheme.titleMedium)
+                    .paddingOnly(bottom: 18),
+                SizedBox(
+                  height: 180,
+                  width: max(640, MediaQuery.of(context).size.width),
+                  child: LineChart(
+                    LineChartData(
+                      lineBarsData: [
+                        LineChartBarData(
+                          isCurved: true,
+                          isStrokeCapRound: true,
+                          isStrokeJoinRound: true,
+                          color: Theme.of(context).colorScheme.primary,
+                          belowBarData: BarAreaData(
+                            show: true,
+                            gradient: LinearGradient(
+                              colors: List.filled(
+                                data!.length,
+                                Theme.of(context)
+                                    .colorScheme
+                                    .primary
+                                    .withOpacity(0.3),
+                              ).toList(),
+                            ),
+                          ),
+                          spots: data!
+                              .map(
+                                (x) => FlSpot(
+                                  x.createdAt
+                                      .copyWith(
+                                        hour: 0,
+                                        minute: 0,
+                                        second: 0,
+                                        millisecond: 0,
+                                        microsecond: 0,
+                                      )
+                                      .millisecondsSinceEpoch
+                                      .toDouble(),
+                                  x.resultExperience.toDouble(),
+                                ),
+                              )
+                              .toList(),
+                        )
+                      ],
+                      lineTouchData: LineTouchData(
+                          touchTooltipData: LineTouchTooltipData(
+                        getTooltipItems: (spots) => spots
+                            .map((spot) => LineTooltipItem(
+                                  '+${spot.y.toStringAsFixed(0)} EXP\n${DateFormat('MM/dd').format(DateTime.fromMillisecondsSinceEpoch(spot.x.toInt()))}',
+                                  TextStyle(
+                                    color:
+                                        Theme.of(context).colorScheme.onSurface,
+                                  ),
+                                ))
+                            .toList(),
+                        getTooltipColor: (_) =>
+                            Theme.of(context).colorScheme.surfaceContainerHigh,
+                      )),
+                      titlesData: FlTitlesData(
+                        topTitles: const AxisTitles(
+                          sideTitles: SideTitles(showTitles: false),
+                        ),
+                        rightTitles: const AxisTitles(
+                          sideTitles: SideTitles(showTitles: false),
+                        ),
+                        leftTitles: AxisTitles(
+                          sideTitles: SideTitles(
+                            showTitles: true,
+                            reservedSize: 40,
+                            getTitlesWidget: (value, _) => Align(
+                              alignment: Alignment.centerRight,
+                              child: Text(
+                                value.toStringAsFixed(0),
+                                textAlign: TextAlign.right,
+                              ).paddingOnly(right: 8),
+                            ),
+                          ),
+                        ),
+                        bottomTitles: AxisTitles(
+                          sideTitles: SideTitles(
+                            showTitles: true,
+                            reservedSize: 28,
+                            interval: 86400000,
+                            getTitlesWidget: (value, _) => Text(
+                              DateFormat('dd').format(
+                                DateTime.fromMillisecondsSinceEpoch(
+                                  value.toInt(),
+                                ),
+                              ),
+                              textAlign: TextAlign.center,
+                            ).paddingOnly(top: 8),
+                          ),
+                        ),
+                      ),
+                      gridData: const FlGridData(show: false),
+                      borderData: FlBorderData(show: false),
+                    ),
+                  ),
+                ).marginOnly(right: 24, bottom: 8, top: 8),
+              ],
+            ),
+    );
+  }
+}

lib/widgets/link_expansion.dart

@@ -1,11 +1,9 @@
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_animate/flutter_animate.dart';
 import 'package:flutter_markdown/flutter_markdown.dart';
 import 'package:flutter_svg/svg.dart';
 import 'package:get/get.dart';
-import 'package:solian/platform.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 {
@@ -17,37 +15,11 @@ class LinkExpansion extends StatelessWidget {
     if (url.endsWith('svg')) {
       return SvgPicture.network(url, width: width, height: height);
     }
-    return PlatformInfo.canCacheImage
-        ? CachedNetworkImage(
-            imageUrl: url,
-            width: width,
-            height: height,
-            errorWidget: (context, url, error) {
-              return Material(
-                color: Theme.of(context).colorScheme.surface,
-                child: Center(
-                  child: const Icon(Icons.close, size: 32)
-                      .animate(onPlay: (e) => e.repeat(reverse: true))
-                      .fade(duration: 500.ms),
-                ),
-              );
-            },
-          )
-        : Image.network(
-            url,
-            width: width,
-            height: height,
-            errorBuilder: (context, error, stackTrace) {
-              return Material(
-                color: Theme.of(context).colorScheme.surface,
-                child: Center(
-                  child: const Icon(Icons.close, size: 32)
-                      .animate(onPlay: (e) => e.repeat(reverse: true))
-                      .fade(duration: 500.ms),
-                ),
-              );
-            },
-          );
+    return AutoCacheImage(
+      url,
+      width: width,
+      height: height,
+    );
   }
 
   @override
@@ -57,7 +29,7 @@ class LinkExpansion extends StatelessWidget {
     );
     final matches = linkRegex.allMatches(content);
     if (matches.isEmpty) {
-      return const SizedBox();
+      return const SizedBox.shrink();
     }
 
     final LinkExpandProvider expandController = Get.find();
@@ -72,7 +44,7 @@ class LinkExpansion extends StatelessWidget {
             future: expandController.expandLink(x.group(0)!),
             builder: (context, snapshot) {
               if (!snapshot.hasData) {
-                return const SizedBox();
+                return const SizedBox.shrink();
               }
 
               final isRichDescription = [

lib/widgets/markdown_text_content.dart

@@ -1,12 +1,11 @@
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_markdown_selectionarea/flutter_markdown.dart';
 import 'package:get/get.dart';
 import 'package:markdown/markdown.dart' as markdown;
 import 'package:markdown/markdown.dart';
-import 'package:solian/platform.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:url_launcher/url_launcher_string.dart';
 
 import 'account/account_profile_popup.dart';
@@ -107,19 +106,12 @@ class MarkdownTextContent extends StatelessWidget {
                 borderRadius: BorderRadius.all(Radius.circular(radius)),
                 child: Container(
                   color: Theme.of(context).colorScheme.surfaceContainer,
-                  child: PlatformInfo.canCacheImage
-                      ? CachedNetworkImage(
-                          imageUrl: url,
-                          width: width,
-                          height: height,
-                          fit: fit,
-                        )
-                      : Image.network(
-                          url,
-                          width: width,
-                          height: height,
-                          fit: fit,
-                        ),
+                  child: AutoCacheImage(
+                    url,
+                    width: width,
+                    height: height,
+                    fit: fit,
+                  ),
                 ),
               ).paddingSymmetric(vertical: 4);
             case 'attachments':
@@ -138,19 +130,12 @@ class MarkdownTextContent extends StatelessWidget {
           }
         }
 
-        return PlatformInfo.canCacheImage
-            ? CachedNetworkImage(
-                imageUrl: url,
-                width: width,
-                height: height,
-                fit: fit,
-              )
-            : Image.network(
-                url,
-                width: width,
-                height: height,
-                fit: fit,
-              );
+        return AutoCacheImage(
+          url,
+          width: width,
+          height: height,
+          fit: fit,
+        );
       },
     );
   }

lib/widgets/navigation/app_navigation_drawer.dart

@@ -26,7 +26,7 @@ class AppNavigationDrawer extends StatefulWidget {
 
 class _AppNavigationDrawerState extends State<AppNavigationDrawer>
     with TickerProviderStateMixin {
-  bool _isCollapsed = false;
+  bool _isCollapsed = true;
 
   late final AnimationController _drawerAnimationController =
       AnimationController(

lib/widgets/navigation/app_navigation_region.dart

@@ -16,7 +16,7 @@ class AppNavigationRegion extends StatelessWidget {
   });
 
   void _gotoChannel(Channel item) {
-    AppRouter.instance.pushReplacementNamed(
+    AppRouter.instance.goNamed(
       'channelChat',
       pathParameters: {'alias': item.alias},
       queryParameters: {

lib/widgets/posts/editor/post_editor_date.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:intl/intl.dart';
 import 'package:solian/controllers/post_editor_controller.dart';
@@ -86,7 +87,7 @@ class _PostEditorDateDialogState extends State<PostEditorDateDialog> {
             ),
             onTap: () => _selectDate(0),
           ),
-          const SizedBox(height: 16),
+          const Gap(16),
           TextField(
             controller: _publishedUntilController,
             readOnly: true,

lib/widgets/posts/editor/post_editor_overview.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/controllers/post_editor_controller.dart';
 
@@ -25,7 +26,7 @@ class PostEditorOverviewDialog extends StatelessWidget {
             ),
             onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
           ),
-          const SizedBox(height: 16),
+          const Gap(16),
           TextField(
             autofocus: true,
             autocorrect: true,
@@ -37,7 +38,7 @@ class PostEditorOverviewDialog extends StatelessWidget {
             ),
             onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
           ),
-          const SizedBox(height: 16),
+          const Gap(16),
           TextField(
             enabled: controller.mode.value == 1,
             maxLines: null,

lib/widgets/posts/editor/post_editor_thumbnail.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/controllers/post_editor_controller.dart';
 import 'package:solian/widgets/attachments/attachment_editor.dart';
@@ -68,7 +69,7 @@ class _PostEditorThumbnailDialogState extends State<PostEditorThumbnailDialog> {
               _promptUploadNewAttachment();
             },
           ),
-          const SizedBox(height: 8),
+          const Gap(8),
           TextField(
             controller: _attachmentController,
             decoration: InputDecoration(

lib/widgets/posts/editor/post_editor_visibility.dart

@@ -1,5 +1,6 @@
 import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/controllers/post_editor_controller.dart';
 import 'package:solian/widgets/account/account_select.dart';
@@ -56,9 +57,9 @@ class PostEditorVisibilityDialog extends StatelessWidget {
           Obx(() {
             if (controller.visibility.value == 2 ||
                 controller.visibility.value == 3) {
-              return const SizedBox(height: 8);
+              return const Gap(8);
             }
-            return const SizedBox();
+            return const SizedBox.shrink();
           }),
           Obx(() {
             if (controller.visibility.value == 2) {
@@ -85,7 +86,7 @@ class PostEditorVisibilityDialog extends StatelessWidget {
                 },
               );
             }
-            return const SizedBox();
+            return const SizedBox.shrink();
           }),
           Obx(() {
             if (controller.visibility.value == 3) {
@@ -112,7 +113,7 @@ class PostEditorVisibilityDialog extends StatelessWidget {
                 },
               );
             }
-            return const SizedBox();
+            return const SizedBox.shrink();
           }),
         ],
       ),

lib/widgets/posts/editor/post_tags_field.dart

@@ -1,6 +1,7 @@
 import 'dart:async';
 
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/services.dart';
 
@@ -111,7 +112,7 @@ class _TagsFieldState extends State<TagsField> {
                                   style: const TextStyle(color: Colors.white),
                                 ),
                               ),
-                              const SizedBox(width: 4.0),
+                              const Gap(4),
                               InkWell(
                                 child: const Icon(
                                   Icons.cancel,

lib/widgets/posts/post_item.dart

@@ -2,6 +2,7 @@ import 'package:animations/animations.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get_utils/get_utils.dart';
 import 'package:intl/intl.dart';
 import 'package:solian/models/post.dart';
@@ -78,7 +79,7 @@ class _PostItemState extends State<PostItem> {
   }
 
   Widget _buildThumbnail() {
-    if (widget.item.body['thumbnail'] == null) return const SizedBox();
+    if (widget.item.body['thumbnail'] == null) return const SizedBox.shrink();
     final border = BorderSide(
       color: Theme.of(context).dividerColor,
       width: 0.3,
@@ -147,7 +148,7 @@ class _PostItemState extends State<PostItem> {
         vertical: 8,
       );
     }
-    return const SizedBox();
+    return const SizedBox.shrink();
   }
 
   Widget _buildFooter() {
@@ -186,7 +187,7 @@ class _PostItemState extends State<PostItem> {
     }
 
     if (widgets.isEmpty) {
-      return const SizedBox();
+      return const SizedBox.shrink();
     } else {
       return Column(
         crossAxisAlignment: CrossAxisAlignment.start,
@@ -298,14 +299,14 @@ class _PostItemState extends State<PostItem> {
       return AttachmentList(
         parentId: widget.item.id.toString(),
         attachmentsId: attachments,
-        autoload: true,
+        autoload: false,
         isGrid: true,
       ).paddingOnly(left: 36, top: 4, bottom: 4);
     } else if (attachments.length > 1) {
       return AttachmentList(
         parentId: widget.item.id.toString(),
         attachmentsId: attachments,
-        autoload: true,
+        autoload: false,
         isColumn: true,
       ).paddingOnly(left: 60, right: 24);
     } else {
@@ -313,7 +314,7 @@ class _PostItemState extends State<PostItem> {
         flatMaxHeight: MediaQuery.of(context).size.width,
         parentId: widget.item.id.toString(),
         attachmentsId: attachments,
-        autoload: true,
+        autoload: false,
       );
     }
   }
@@ -367,10 +368,7 @@ class _PostItemState extends State<PostItem> {
                           end: Alignment.topCenter,
                           colors: [
                             Theme.of(context).colorScheme.surfaceContainerLow,
-                            Theme.of(context)
-                                .colorScheme
-                                .surface
-                                .withOpacity(0),
+                            Colors.transparent,
                           ],
                         ),
                       ),
@@ -463,10 +461,7 @@ class _PostItemState extends State<PostItem> {
                                     end: Alignment.topCenter,
                                     colors: [
                                       Theme.of(context).colorScheme.surface,
-                                      Theme.of(context)
-                                          .colorScheme
-                                          .surface
-                                          .withOpacity(0),
+                                      Colors.transparent,
                                     ],
                                   ),
                                 ),
@@ -519,7 +514,7 @@ class _PostItemState extends State<PostItem> {
               bottom: 10,
             )
           else
-            const SizedBox(height: 10),
+            const Gap(10),
         ],
       ),
       openBuilder: (_, __) => TitleShell(

lib/widgets/posts/post_reaction.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/models/reaction.dart';
 
@@ -33,9 +34,11 @@ class PostReactionPopup extends StatelessWidget {
                     label: Row(
                       mainAxisSize: MainAxisSize.min,
                       children: [
-                        Text(e.key,
-                            style: const TextStyle(fontFamily: 'monospace')),
-                        const SizedBox(width: 6),
+                        Text(
+                          e.key,
+                          style: const TextStyle(fontFamily: 'monospace'),
+                        ),
+                        const Gap(6),
                         Text('x${reactionList[e.key]?.toString() ?? '0'}',
                             style:
                                 const TextStyle(fontWeight: FontWeight.bold)),

lib/widgets/posts/post_tags.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:solian/models/feed.dart';
+import 'package:solian/models/post_categories.dart';
 import 'package:solian/router.dart';
 
 class PostTagsList extends StatelessWidget {

lib/widgets/posts/post_warped_list.dart

@@ -29,7 +29,7 @@ class PostWarpedListWidget extends StatelessWidget {
       builderDelegate: PagedChildBuilderDelegate<Post>(
         itemBuilder: (context, item, index) {
           if (item.pinnedAt != null && !isPinned) {
-            return const SizedBox();
+            return const SizedBox.shrink();
           }
           return PostListEntryWidget(
             renderOrder: index,

lib/widgets/stickers/sticker_uploader.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:solian/exts.dart';
 import 'package:solian/models/stickers.dart';
@@ -127,7 +128,7 @@ class _StickerUploadDialogState extends State<StickerUploadDialog> {
               _promptUploadNewAttachment();
             },
           ),
-          const SizedBox(height: 8),
+          const Gap(8),
           TextField(
             controller: _attachmentController,
             decoration: InputDecoration(
@@ -138,7 +139,7 @@ class _StickerUploadDialogState extends State<StickerUploadDialog> {
             ),
             onTapOutside: (_) => FocusManager.instance.primaryFocus?.unfocus(),
           ),
-          const SizedBox(height: 8),
+          const Gap(8),
           TextField(
             controller: _packController,
             decoration: InputDecoration(

pubspec.lock

@@ -362,10 +362,10 @@ packages:
     dependency: "direct main"
     description:
       name: dio
-      sha256: "0dfb6b6a1979dac1c1245e17cef824d7b452ea29bd33d3467269f9bef3715fb0"
+      sha256: "5598aa796bbf4699afd5c67c0f5f6e2ed542afc956884b9cd58c306966efc260"
       url: "https://pub.dev"
     source: hosted
-    version: "5.6.0"
+    version: "5.7.0"
   dio_web_adapter:
     dependency: transitive
     description:
@@ -390,6 +390,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.3.9"
+  equatable:
+    dependency: transitive
+    description:
+      name: equatable
+      sha256: c2b87cb7756efdf69892005af546c56c0b5037f54d2a88269b4f347a505e3ca2
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.5"
   fake_async:
     dependency: transitive
     description:
@@ -582,6 +590,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.0"
+  fl_chart:
+    dependency: "direct main"
+    description:
+      name: fl_chart
+      sha256: "94307bef3a324a0d329d3ab77b2f0c6e5ed739185ffc029ed28c0f9b019ea7ef"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.69.0"
   floor:
     dependency: "direct main"
     description:
@@ -885,6 +901,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.3.0"
+  gap:
+    dependency: "direct main"
+    description:
+      name: gap
+      sha256: f19387d4e32f849394758b91377f9153a1b41d79513ef7668c088c77dbc6955d
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.1"
   get:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -2,7 +2,7 @@ name: solian
 description: "The Solar Network App"
 publish_to: "none"
 
-version: 1.2.1+26
+version: 1.2.1+34
 
 environment:
   sdk: ">=3.3.4 <4.0.0"
@@ -68,14 +68,16 @@ dependencies:
   firebase_crashlytics: ^4.0.4
   firebase_analytics: ^11.2.1
   firebase_performance: ^0.10.0+4
-  media_kit: ^1.1.10+1
-  media_kit_video: ^1.2.4
-  media_kit_libs_video: ^1.0.4
   flutter_svg: ^2.0.10+1
   cross_file: ^0.3.4+2
   google_fonts: ^6.2.1
   freezed_annotation: ^2.4.4
   json_annotation: ^4.9.0
+  gap: ^3.0.1
+  fl_chart: ^0.69.0
+  media_kit: ^1.1.11
+  media_kit_video: ^1.2.5
+  media_kit_libs_video: ^1.0.5
 
 dev_dependencies:
   flutter_test:

web/index.html

@@ -31,40 +31,6 @@
     <!-- Favicon -->
     <link rel="icon" type="image/png" href="favicon.png">
 
-    <!-- Loading styles -->
-    <style>
-      .loader-container {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin: 0;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        -ms-transform: translate(-50%, -50%);
-        transform: translate(-50%, -50%);
-      }
-
-      .loader {
-        border: 10px solid #f3f3f3;
-        border-top: 10px solid #8f94ca;
-        border-radius: 50%;
-        width: 80px;
-        height: 80px;
-        animation: spin 0.35s linear infinite;
-      }
-
-      @keyframes spin {
-        0% {
-          transform: rotate(0deg);
-        }
-
-        100% {
-          transform: rotate(360deg);
-        }
-      }
-    </style>
-
     <title>Solian</title>
     <link rel="manifest" href="manifest.json">
     
@@ -150,10 +116,6 @@
       <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt="">
   </picture>
   
-    <div class="loader-container">
-      <div class="loader"></div>
-    </div>
-
     <script src="flutter_bootstrap.js" async=""></script>