🚀 Launch 1.2.3+2

assets/locales/en_us.json

@@ -22,9 +22,9 @@
   "explore": "Explore",
   "posts": "Posts",
   "unlink": "Unlink",
-  "feedSearch": "Search Feed",
+  "postSearch": "Search Post",
-  "feedSearchWithTag": "Searching with tag #@key",
+  "postSearchWithTag": "Searching with tag #@key",
-  "feedSearchWithCategory": "Searching in category @category",
+  "postSearchWithCategory": "Searching in category @category",
   "feedUnreadCount": "@count posts you may missed",
   "messages": "Messages",
   "messagesUnreadCount": "@count messages unread",
@@ -433,6 +433,7 @@
   "updateCheckStrictly": "Strict mode",
   "updateCheckStrictlyDesc": "If enabled, the app will ask for updating once the local version is different from remote one.",
   "updateMayAvailable": "App version @version is available, you can update from app store or our website.",
+  "updateNow": "Update now",
   "termAccept": "I've read and agree to Solar Network's Terms",
   "termAcceptDesc": "Including but not limited to \"User Agreement\" and \"Privacy Policy\"",
   "termAcceptLink": "View terms",

assets/locales/zh_cn.json

@@ -32,9 +32,9 @@
   "dashboard": "仪表盘",
   "today": "今日",
   "yesterday": "昨日",
-  "feedSearch": "搜索资讯",
+  "postSearch": "搜索帖子",
-  "feedSearchWithTag": "检索带有 #@key 标签的资讯",
+  "postSearchWithTag": "检索带有 #@key 标签的资讯",
-  "feedSearchWithCategory": "检索位于分类 @category 的资讯",
+  "postSearchWithCategory": "检索位于分类 @category 的资讯",
   "feedUnreadCount": "@count 条你可能错过的帖子",
   "messages": "消息",
   "messagesUnreadCount": "@count 条未读的消息",
@@ -428,6 +428,7 @@
   "update": "更新",
   "updateCheckStrictly": "严格模式",
   "updateCheckStrictlyDesc": "如果启用，应用程序将会在本地版本与远程版本不同时询问更新，而不会检查版本号大小。",
+  "updateNow": "立即更新",
   "updateMayAvailable": "版本 @version 现已可用，你可以前往应用商店或是我们的官网下载更新。",
   "termAccept": "我已阅读并同意 Solar Network 各项条款",
   "termAcceptDesc": "包括但不限于《用户守则》和《隐私政策》",

lib/bootstrapper.dart

@@ -42,6 +42,28 @@ class _BootstrapperShellState extends State<BootstrapperShell> {
 
   final Completer _bootCompleter = Completer();
 
+  void _updateNow(String localVersionString, String remoteVersionString) {
+    context
+        .showConfirmDialog(
+      'updateAvailable'.tr,
+      'updateAvailableDesc'.trParams({
+        'from': localVersionString,
+        'to': remoteVersionString,
+      }),
+    )
+        .then((result) {
+      if (result) {
+        final model = UpdateModel(
+          'https://files.solsynth.dev/d/production01/solian/app-arm64-v8a-release.apk',
+          'solian-app-arm64-v8a-release.apk',
+          'ic_launcher',
+          'https://testflight.apple.com/join/YJ0lmN6O',
+        );
+        AzhonAppUpdate.update(model);
+      }
+    });
+  }
+
   Future<void> _checkForUpdate() async {
     if (PlatformInfo.isWeb) return;
     try {
@@ -70,25 +92,7 @@ class _BootstrapperShellState extends State<BootstrapperShell> {
               remoteBuildNumber > localBuildNumber) ||
           (remoteVersionString != localVersionString && strictUpdate)) {
         if (PlatformInfo.isAndroid) {
-          context
+          _updateNow(localVersionString, remoteVersionString);
-              .showConfirmDialog(
-            'updateAvailable'.tr,
-            'updateAvailableDesc'.trParams({
-              'from': localVersionString,
-              'to': remoteVersionString,
-            }),
-          )
-              .then((result) {
-            if (result) {
-              final model = UpdateModel(
-                'https://files.solsynth.dev/d/production01/solian/app-arm64-v8a-release.apk',
-                'solian-app-arm64-v8a-release.apk',
-                'ic_launcher',
-                'https://testflight.apple.com/join/YJ0lmN6O',
-              );
-              AzhonAppUpdate.update(model);
-            }
-          });
         } else {
           context.showInfoDialog(
             'updateAvailable'.tr,
@@ -97,9 +101,19 @@ class _BootstrapperShellState extends State<BootstrapperShell> {
         }
       } else if (remoteVersionString != localVersionString) {
         _bootCompleter.future.then((_) {
-          context.showSnackbar('updateMayAvailable'.trParams({
+          context.showSnackbar(
-            'version': remoteVersionString,
+            'updateMayAvailable'.trParams({
-          }));
+              'version': remoteVersionString,
+            }),
+            action: PlatformInfo.isAndroid
+                ? SnackBarAction(
+                    label: 'updateNow'.tr,
+                    onPressed: () {
+                      _updateNow(localVersionString, remoteVersionString);
+                    },
+                  )
+                : null,
+          );
         });
       }
     } catch (e) {

lib/router.dart

@@ -23,7 +23,7 @@ import 'package:solian/screens/realms.dart';
 import 'package:solian/screens/realms/realm_detail.dart';
 import 'package:solian/screens/realms/realm_organize.dart';
 import 'package:solian/screens/realms/realm_view.dart';
-import 'package:solian/screens/feed.dart';
+import 'package:solian/screens/explore.dart';
 import 'package:solian/screens/posts/post_editor.dart';
 import 'package:solian/screens/settings.dart';
 import 'package:solian/shells/root_shell.dart';
@@ -78,13 +78,18 @@ abstract class AppRouter {
     builder: (context, state, child) => child,
     routes: [
       GoRoute(
-        path: '/feed',
+        path: '/explore',
-        name: 'feed',
+        name: 'explore',
-        builder: (context, state) => const FeedScreen(),
+        builder: (context, state) => const ExploreScreen(),
       ),
       GoRoute(
-        path: '/feed/search',
+        path: '/drafts',
-        name: 'feedSearch',
+        name: 'draftBox',
+        builder: (context, state) => const DraftBoxScreen(),
+      ),
+      GoRoute(
+        path: '/posts/search',
+        name: 'postSearch',
         builder: (context, state) => TitleShell(
           state: state,
           child: FeedSearchScreen(
@@ -93,11 +98,6 @@ abstract class AppRouter {
           ),
         ),
       ),
-      GoRoute(
-        path: '/drafts',
-        name: 'draftBox',
-        builder: (context, state) => const DraftBoxScreen(),
-      ),
       GoRoute(
         path: '/posts/view/:id',
         name: 'postDetail',

lib/screens/about.dart

@@ -54,6 +54,7 @@ class AboutScreen extends StatelessWidget {
               child: Wrap(
                 spacing: 8,
                 runSpacing: 8,
+                alignment: WrapAlignment.center,
                 children: [
                   TextButton(
                     style: denseButtonStyle,

lib/screens/account/profile_page.dart

@@ -193,96 +193,99 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
                 toolbarHeight: AppTheme.toolbarHeight(context),
                 leadingWidth: 24,
                 automaticallyImplyLeading: false,
-                flexibleSpace: Row(
+                flexibleSpace: SizedBox(
-                  children: [
+                  height: 56,
-                    AppBarLeadingButton.adaptive(context) ?? const Gap(8),
+                  child: Row(
-                    const Gap(8),
+                    children: [
-                    if (_userinfo != null)
+                      AppBarLeadingButton.adaptive(context) ?? const Gap(8),
-                      AccountAvatar(content: _userinfo!.avatar, radius: 16),
+                      const Gap(8),
-                    const Gap(12),
+                      if (_userinfo != null)
-                    Expanded(
+                        AccountAvatar(content: _userinfo!.avatar, radius: 16),
-                      child: Column(
+                      const Gap(12),
-                        mainAxisAlignment: MainAxisAlignment.center,
+                      Expanded(
-                        crossAxisAlignment: CrossAxisAlignment.start,
+                        child: Column(
-                        children: [
+                          mainAxisAlignment: MainAxisAlignment.center,
-                          if (_userinfo != null)
+                          crossAxisAlignment: CrossAxisAlignment.start,
-                            Text(
+                          children: [
-                              _userinfo!.nick,
+                            if (_userinfo != null)
-                              style: Theme.of(context).textTheme.bodyLarge,
+                              Text(
-                            ),
+                                _userinfo!.nick,
-                          if (_userinfo != null)
+                                style: Theme.of(context).textTheme.bodyLarge,
-                            Text(
+                              ),
-                              '@${_userinfo!.name}',
+                            if (_userinfo != null)
-                              style: Theme.of(context).textTheme.bodySmall,
+                              Text(
-                            ),
+                                '@${_userinfo!.name}',
-                        ],
+                                style: Theme.of(context).textTheme.bodySmall,
-                      ),
+                              ),
-                    ),
+                          ],
-                    if (_userinfo != null && _subscription == null)
-                      OutlinedButton(
-                        style: const ButtonStyle(
-                          visualDensity:
-                              VisualDensity(horizontal: -4, vertical: -2),
                         ),
-                        onPressed: _isSubscribing
+                      ),
-                            ? null
+                      if (_userinfo != null && _subscription == null)
-                            : () async {
+                        OutlinedButton(
-                                setState(() => _isSubscribing = true);
+                          style: const ButtonStyle(
-                                _subscription =
+                            visualDensity:
-                                    await Get.find<SubscriptionProvider>()
+                                VisualDensity(horizontal: -4, vertical: -2),
-                                        .subscribeToUser(_userinfo!.id);
+                          ),
-                                setState(() => _isSubscribing = false);
+                          onPressed: _isSubscribing
-                              },
+                              ? null
-                        child: Text('subscribe'.tr),
+                              : () async {
-                      )
+                                  setState(() => _isSubscribing = true);
-                    else if (_userinfo != null)
+                                  _subscription =
-                      OutlinedButton(
+                                      await Get.find<SubscriptionProvider>()
-                        style: const ButtonStyle(
+                                          .subscribeToUser(_userinfo!.id);
-                          visualDensity:
+                                  setState(() => _isSubscribing = false);
-                              VisualDensity(horizontal: -4, vertical: -2),
+                                },
+                          child: Text('subscribe'.tr),
+                        )
+                      else if (_userinfo != null)
+                        OutlinedButton(
+                          style: const ButtonStyle(
+                            visualDensity:
+                                VisualDensity(horizontal: -4, vertical: -2),
+                          ),
+                          onPressed: _isSubscribing
+                              ? null
+                              : () async {
+                                  setState(() => _isSubscribing = true);
+                                  await Get.find<SubscriptionProvider>()
+                                      .unsubscribeFromUser(_userinfo!.id);
+                                  _subscription = null;
+                                  setState(() => _isSubscribing = false);
+                                },
+                          child: Text('unsubscribe'.tr),
                         ),
-                        onPressed: _isSubscribing
+                      if (_userinfo != null &&
-                            ? null
+                          !_relationshipProvider.hasFriend(_userinfo!))
-                            : () async {
+                        IconButton(
-                                setState(() => _isSubscribing = true);
+                          icon: const Icon(Icons.person_add),
-                                await Get.find<SubscriptionProvider>()
+                          onPressed: _isMakingFriend
-                                    .unsubscribeFromUser(_userinfo!.id);
+                              ? null
-                                _subscription = null;
+                              : () async {
-                                setState(() => _isSubscribing = false);
+                                  setState(() => _isMakingFriend = true);
-                              },
+                                  try {
-                        child: Text('unsubscribe'.tr),
+                                    await _relationshipProvider
+                                        .makeFriend(widget.name);
+                                    context.showSnackbar(
+                                      'accountFriendRequestSent'.tr,
+                                    );
+                                  } catch (e) {
+                                    context.showErrorDialog(e);
+                                  } finally {
+                                    setState(() => _isMakingFriend = false);
+                                  }
+                                },
+                        )
+                      else
+                        const IconButton(
+                          icon: Icon(Icons.handshake),
+                          onPressed: null,
+                        ),
+                      SizedBox(
+                        width: AppTheme.isLargeScreen(context) ? 8 : 16,
                       ),
-                    if (_userinfo != null &&
+                    ],
-                        !_relationshipProvider.hasFriend(_userinfo!))
+                  ),
-                      IconButton(
+                ).paddingOnly(top: MediaQuery.of(context).padding.top),
-                        icon: const Icon(Icons.person_add),
-                        onPressed: _isMakingFriend
-                            ? null
-                            : () async {
-                                setState(() => _isMakingFriend = true);
-                                try {
-                                  await _relationshipProvider
-                                      .makeFriend(widget.name);
-                                  context.showSnackbar(
-                                    'accountFriendRequestSent'.tr,
-                                  );
-                                } catch (e) {
-                                  context.showErrorDialog(e);
-                                } finally {
-                                  setState(() => _isMakingFriend = false);
-                                }
-                              },
-                      )
-                    else
-                      const IconButton(
-                        icon: Icon(Icons.handshake),
-                        onPressed: null,
-                      ),
-                    SizedBox(
-                      width: AppTheme.isLargeScreen(context) ? 8 : 16,
-                    ),
-                  ],
-                ),
                 bottom: TabBar(
                   tabs: [
                     Tab(text: 'profilePage'.tr),
@@ -296,128 +299,132 @@ class _AccountProfilePageState extends State<AccountProfilePage> {
           body: TabBarView(
             physics: const NeverScrollableScrollPhysics(),
             children: [
-              Column(
+              ListView(
                 children: [
                   const Gap(16),
-                  AccountHeadingWidget(
+                  CenteredContainer(
-                    name: _userinfo!.name,
+                    child: AccountHeadingWidget(
-                    nick: _userinfo!.nick,
+                      name: _userinfo!.name,
-                    desc: _userinfo!.description,
+                      nick: _userinfo!.nick,
-                    badges: _userinfo!.badges,
+                      desc: _userinfo!.description,
-                    banner: _userinfo!.banner,
+                      badges: _userinfo!.badges,
-                    avatar: _userinfo!.avatar,
+                      banner: _userinfo!.banner,
-                    status: Get.find<StatusProvider>()
+                      avatar: _userinfo!.avatar,
-                        .getSomeoneStatus(_userinfo!.name),
+                      status: Get.find<StatusProvider>()
-                    detail: _userinfo,
+                          .getSomeoneStatus(_userinfo!.name),
-                    profile: _userinfo!.profile,
+                      detail: _userinfo,
-                    extraWidgets: [
+                      profile: _userinfo!.profile,
-                      if (_dailySignRecords.isNotEmpty)
+                      extraWidgets: [
-                        Card(
+                        if (_dailySignRecords.isNotEmpty)
-                          child: SizedBox(
+                          Card(
-                            height: 180,
+                            child: SizedBox(
-                            width: max(640, MediaQuery.of(context).size.width),
+                              height: 180,
-                            child: LineChart(
+                              width:
-                              LineChartData(
+                                  max(640, MediaQuery.of(context).size.width),
-                                lineBarsData: [
+                              child: LineChart(
-                                  LineChartBarData(
+                                LineChartData(
-                                    isCurved: true,
+                                  lineBarsData: [
-                                    isStrokeCapRound: true,
+                                    LineChartBarData(
-                                    isStrokeJoinRound: true,
+                                      isCurved: true,
-                                    color:
+                                      isStrokeCapRound: true,
-                                        Theme.of(context).colorScheme.primary,
+                                      isStrokeJoinRound: true,
-                                    belowBarData: BarAreaData(
+                                      color:
-                                      show: true,
+                                          Theme.of(context).colorScheme.primary,
-                                      gradient: LinearGradient(
+                                      belowBarData: BarAreaData(
-                                        colors: List.filled(
+                                        show: true,
-                                          _dailySignRecords.length,
+                                        gradient: LinearGradient(
-                                          Theme.of(context)
+                                          colors: List.filled(
-                                              .colorScheme
+                                            _dailySignRecords.length,
-                                              .primary
+                                            Theme.of(context)
-                                              .withOpacity(0.3),
+                                                .colorScheme
-                                        ).toList(),
+                                                .primary
-                                      ),
+                                                .withOpacity(0.3),
-                                    ),
+                                          ).toList(),
-                                    spots: _dailySignRecords
-                                        .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(
-                                              '${DailySignHistoryChartDialog.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(
-                                          DailySignHistoryChartDialog
-                                              .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),
+                                      spots: _dailySignRecords
+                                          .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(
+                                                '${DailySignHistoryChartDialog.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(
+                                            DailySignHistoryChartDialog
+                                                .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),
                                 ),
-                                gridData: const FlGridData(show: false),
-                                borderData: FlBorderData(show: false),
                               ),
-                            ),
+                            ).marginOnly(
-                          ).marginOnly(right: 24, left: 12, bottom: 8, top: 24),
+                                right: 24, left: 12, bottom: 8, top: 24),
-                        )
+                          )
-                    ],
+                      ],
+                    ),
                   ),
                 ],
               ),

lib/screens/explore.dart

@@ -16,14 +16,14 @@ import 'package:solian/widgets/app_bar_leading.dart';
 import 'package:solian/widgets/posts/post_shuffle_swiper.dart';
 import 'package:solian/widgets/posts/post_warped_list.dart';
 
-class FeedScreen extends StatefulWidget {
+class ExploreScreen extends StatefulWidget {
-  const FeedScreen({super.key});
+  const ExploreScreen({super.key});
 
   @override
-  State<FeedScreen> createState() => _FeedScreenState();
+  State<ExploreScreen> createState() => _ExploreScreenState();
 }
 
-class _FeedScreenState extends State<FeedScreen>
+class _ExploreScreenState extends State<ExploreScreen>
     with SingleTickerProviderStateMixin {
   late final PostListController _postController;
   late final TabController _tabController;
@@ -82,7 +82,7 @@ class _FeedScreenState extends State<FeedScreen>
           headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
             return [
               SliverAppBar(
-                title: AppBarTitle('feed'.tr),
+                title: AppBarTitle('explore'.tr),
                 centerTitle: false,
                 floating: true,
                 toolbarHeight: AppTheme.toolbarHeight(context),

lib/screens/feed/search.dart

@@ -63,13 +63,13 @@ class _FeedSearchScreenState extends State<FeedSearchScreen> {
               ListTile(
                 leading: const Icon(Icons.label),
                 tileColor: Theme.of(context).colorScheme.surfaceContainer,
-                title: Text('feedSearchWithTag'.trParams({'key': widget.tag!})),
+                title: Text('postSearchWithTag'.trParams({'key': widget.tag!})),
               ),
             if (widget.category != null)
               ListTile(
                 leading: const Icon(Icons.category),
                 tileColor: Theme.of(context).colorScheme.surfaceContainer,
-                title: Text('feedSearchWithCategory'
+                title: Text('postSearchWithCategory'
                     .trParams({'key': widget.category!})),
               ),
             Expanded(

lib/widgets/attachments/attachment_item.dart

@@ -21,6 +21,7 @@ class AttachmentItem extends StatefulWidget {
   final bool showBadge;
   final bool showHideButton;
   final bool autoload;
+  final bool isDense;
   final BoxFit fit;
   final String? badge;
   final Function? onHide;
@@ -34,6 +35,7 @@ class AttachmentItem extends StatefulWidget {
     this.showBadge = true,
     this.showHideButton = true,
     this.autoload = false,
+    this.isDense = false,
     this.onHide,
   });
 
@@ -53,6 +55,7 @@ class _AttachmentItemState extends State<AttachmentItem> {
           fit: widget.fit,
           showBadge: widget.showBadge,
           showHideButton: widget.showHideButton,
+          isDense: widget.isDense,
           onHide: widget.onHide,
         );
       case 'video':
@@ -120,6 +123,7 @@ class _AttachmentItemImage extends StatelessWidget {
   final bool showBadge;
   final bool showHideButton;
   final BoxFit fit;
+  final bool isDense;
   final String? badge;
   final Function? onHide;
 
@@ -128,6 +132,7 @@ class _AttachmentItemImage extends StatelessWidget {
     required this.item,
     required this.showBadge,
     required this.showHideButton,
+    required this.isDense,
     required this.fit,
     this.badge,
     this.onHide,
@@ -146,6 +151,7 @@ class _AttachmentItemImage extends StatelessWidget {
               '/attachments/${item.rid}',
             ),
             fit: fit,
+            isDense: isDense,
           ),
           if (showBadge && badge != null)
             Positioned(

lib/widgets/attachments/attachment_list.dart

@@ -338,6 +338,7 @@ class AttachmentListEntry extends StatelessWidget {
               badge: showBadge ? badgeContent : null,
               showHideButton: !item!.isMature || showMature,
               autoload: autoload,
+              isDense: isDense,
               onHide: () {
                 onReveal(false);
               },

lib/widgets/auto_cache_image.dart

@@ -34,8 +34,17 @@ class AutoCacheImage extends StatelessWidget {
         progressIndicatorBuilder: noProgressIndicator
             ? null
             : (context, url, downloadProgress) => Center(
-                  child: CircularProgressIndicator(
+                  child: TweenAnimationBuilder(
-                    value: downloadProgress.progress,
+                    tween: Tween(
+                      begin: 0,
+                      end: downloadProgress.progress ?? 0,
+                    ),
+                    duration: const Duration(milliseconds: 300),
+                    builder: (context, value, _) => CircularProgressIndicator(
+                      value: downloadProgress.progress != null
+                          ? value.toDouble()
+                          : null,
+                    ),
                   ),
                 ),
         errorWidget: noErrorWidget
@@ -74,11 +83,20 @@ class AutoCacheImage extends StatelessWidget {
               ImageChunkEvent? loadingProgress) {
               if (loadingProgress == null) return child;
               return Center(
-                child: CircularProgressIndicator(
+                child: TweenAnimationBuilder(
-                  value: loadingProgress.expectedTotalBytes != null
+                  tween: Tween(
-                      ? loadingProgress.cumulativeBytesLoaded /
+                    begin: 0,
-                          loadingProgress.expectedTotalBytes!
+                    end: loadingProgress.expectedTotalBytes != null
-                      : null,
+                        ? loadingProgress.cumulativeBytesLoaded /
+                            loadingProgress.expectedTotalBytes!
+                        : 0,
+                  ),
+                  duration: const Duration(milliseconds: 300),
+                  builder: (context, value, _) => CircularProgressIndicator(
+                    value: loadingProgress.expectedTotalBytes != null
+                        ? value.toDouble()
+                        : null,
+                  ),
                 ),
               );
             },

lib/widgets/chat/chat_event_message.dart

@@ -49,6 +49,7 @@ class ChatEventMessage extends StatelessWidget {
     return MarkdownTextContent(
       parentId: 'm${item.id}',
       isSelectable: true,
+      isAutoWarp: true,
       content: body.text,
     );
   }

lib/widgets/daily_sign/history_chart.dart

@@ -42,61 +42,168 @@ class DailySignHistoryChartDialog extends StatelessWidget {
                 child: CircularProgressIndicator(),
               ),
             )
-          : Column(
+          : SizedBox(
-              mainAxisSize: MainAxisSize.min,
+              width: double.maxFinite,
-              crossAxisAlignment: CrossAxisAlignment.start,
+              child: ListView(
-              children: [
+                shrinkWrap: true,
-                Text(
+                children: [
-                  'dailySignHistoryRecent'.tr,
+                  Text(
-                  style: Theme.of(context).textTheme.titleMedium,
+                    'dailySignHistoryRecent'.tr,
-                ).paddingOnly(bottom: 18),
+                    style: Theme.of(context).textTheme.titleMedium,
-                SizedBox(
+                  ).paddingOnly(bottom: 18),
-                  height: 180,
+                  SizedBox(
-                  width: max(640, MediaQuery.of(context).size.width),
+                    height: 180,
-                  child: LineChart(
+                    width: max(640, MediaQuery.of(context).size.width),
-                    LineChartData(
+                    child: LineChart(
-                      lineBarsData: [
+                      LineChartData(
-                        LineChartBarData(
+                        lineBarsData: [
-                          isCurved: true,
+                          LineChartBarData(
-                          isStrokeCapRound: true,
+                            isCurved: true,
-                          isStrokeJoinRound: true,
+                            isStrokeCapRound: true,
-                          color: Theme.of(context).colorScheme.primary,
+                            isStrokeJoinRound: true,
-                          belowBarData: BarAreaData(
+                            color: Theme.of(context).colorScheme.primary,
-                            show: true,
+                            belowBarData: BarAreaData(
-                            gradient: LinearGradient(
+                              show: true,
-                              colors: List.filled(
+                              gradient: LinearGradient(
-                                data!.length,
+                                colors: List.filled(
-                                Theme.of(context)
+                                  data!.length,
-                                    .colorScheme
+                                  Theme.of(context)
-                                    .primary
+                                      .colorScheme
-                                    .withOpacity(0.3),
+                                      .primary
-                              ).toList(),
+                                      .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),
+                              ),
                             ),
                           ),
-                          spots: data!
+                          bottomTitles: AxisTitles(
-                              .map(
+                            sideTitles: SideTitles(
-                                (x) => FlSpot(
+                              showTitles: true,
-                                  x.createdAt
+                              reservedSize: 28,
-                                      .copyWith(
+                              interval: 86400000,
-                                        hour: 0,
+                              getTitlesWidget: (value, _) => Text(
-                                        minute: 0,
+                                DateFormat('dd').format(
-                                        second: 0,
+                                  DateTime.fromMillisecondsSinceEpoch(
-                                        millisecond: 0,
+                                    value.toInt(),
-                                        microsecond: 0,
+                                  ),
-                                      )
-                                      .millisecondsSinceEpoch
-                                      .toDouble(),
-                                  x.resultTier.toDouble(),
                                 ),
-                              )
+                                textAlign: TextAlign.center,
-                              .toList(),
+                              ).paddingOnly(top: 8),
-                        )
+                            ),
-                      ],
+                          ),
-                      lineTouchData: LineTouchData(
+                        ),
-                        touchTooltipData: LineTouchTooltipData(
+                        gridData: const FlGridData(show: false),
+                        borderData: FlBorderData(show: false),
+                      ),
+                    ),
+                  ).marginOnly(right: 24, bottom: 8, top: 8),
+                  const Gap(16),
+                  Text(
+                    'dailySignHistoryReward'.tr,
+                    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(
-                                    '${signSymbols[spot.y.toInt()]}\n${DateFormat('MM/dd').format(DateTime.fromMillisecondsSinceEpoch(spot.x.toInt()))}',
+                                    '+${spot.y.toStringAsFixed(0)} EXP\n${DateFormat('MM/dd').format(DateTime.fromMillisecondsSinceEpoch(spot.x.toInt()))}',
                                     TextStyle(
                                       color: Theme.of(context)
                                           .colorScheme
@@ -107,153 +214,50 @@ class DailySignHistoryChartDialog extends StatelessWidget {
                           getTooltipColor: (_) => Theme.of(context)
                               .colorScheme
                               .surfaceContainerHigh,
-                        ),
+                        )),
-                      ),
+                        titlesData: FlTitlesData(
-                      titlesData: FlTitlesData(
+                          topTitles: const AxisTitles(
-                        topTitles: const AxisTitles(
+                            sideTitles: SideTitles(showTitles: false),
-                          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),
-                            ),
                           ),
-                        ),
+                          rightTitles: const AxisTitles(
-                        bottomTitles: AxisTitles(
+                            sideTitles: SideTitles(showTitles: false),
-                          sideTitles: SideTitles(
+                          ),
-                            showTitles: true,
+                          leftTitles: AxisTitles(
-                            reservedSize: 28,
+                            sideTitles: SideTitles(
-                            interval: 86400000,
+                              showTitles: true,
-                            getTitlesWidget: (value, _) => Text(
+                              reservedSize: 40,
-                              DateFormat('dd').format(
+                              getTitlesWidget: (value, _) => Align(
-                                DateTime.fromMillisecondsSinceEpoch(
+                                alignment: Alignment.centerRight,
-                                  value.toInt(),
+                                child: Text(
-                                ),
+                                  value.toStringAsFixed(0),
+                                  textAlign: TextAlign.right,
+                                ).paddingOnly(right: 8),
                               ),
-                              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(
-                  'dailySignHistoryReward'.tr,
-                  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!
+                          bottomTitles: AxisTitles(
-                              .map(
+                            sideTitles: SideTitles(
-                                (x) => FlSpot(
+                              showTitles: true,
-                                  x.createdAt
+                              reservedSize: 28,
-                                      .copyWith(
+                              interval: 86400000,
-                                        hour: 0,
+                              getTitlesWidget: (value, _) => Text(
-                                        minute: 0,
+                                DateFormat('dd').format(
-                                        second: 0,
+                                  DateTime.fromMillisecondsSinceEpoch(
-                                        millisecond: 0,
+                                    value.toInt(),
-                                        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(),
+                                textAlign: TextAlign.center,
-                        getTooltipColor: (_) =>
+                              ).paddingOnly(top: 8),
-                            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(
+                        gridData: const FlGridData(show: false),
-                          sideTitles: SideTitles(
+                        borderData: FlBorderData(show: false),
-                            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),
-                ).marginOnly(right: 24, bottom: 8, top: 8),
+                ],
-              ],
+              ),
             ),
     );
   }

lib/widgets/markdown_text_content.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_markdown_selectionarea/flutter_markdown.dart';
+import 'package:gap/gap.dart';
 import 'package:get/get.dart';
 import 'package:markdown/markdown.dart' as markdown;
 import 'package:markdown/markdown.dart';
@@ -15,6 +16,7 @@ class MarkdownTextContent extends StatelessWidget {
   final String parentId;
   final bool isSelectable;
   final bool isLargeText;
+  final bool isAutoWarp;
 
   const MarkdownTextContent({
     super.key,
@@ -22,139 +24,175 @@ class MarkdownTextContent extends StatelessWidget {
     required this.parentId,
     this.isSelectable = false,
     this.isLargeText = false,
+    this.isAutoWarp = false,
   });
 
   Widget _buildContent(BuildContext context) {
-    final emojiRegex = RegExp(r':([-\w]+):');
+    final stickerRegex = RegExp(r':([-\w]+):');
-    final emojiMatch = emojiRegex.allMatches(content);
-    final isOnlyEmoji = content.replaceAll(emojiRegex, '').trim().isEmpty;
 
-    return Markdown(
+    // Split the content into paragraphs
-      shrinkWrap: true,
+    final paragraphs = content.split(RegExp(r'\n\s*\n'));
-      physics: const NeverScrollableScrollPhysics(),
+
-      data: content,
+    // Iterate over each paragraph to process stickers individually
-      padding: EdgeInsets.zero,
+    List<Widget> contentWidgets = [];
-      styleSheet: MarkdownStyleSheet.fromTheme(
+    for (var idx = 0; idx < paragraphs.length; idx++) {
-        Theme.of(context),
+      // Getting paragraph
-      ).copyWith(
+      var paragraph = paragraphs[idx];
-        textScaleFactor: isLargeText ? 1.1 : 1,
+
-        blockquote: TextStyle(
+      // Auto adding new-lines
-          color: Theme.of(context).colorScheme.onSurfaceVariant,
+      if (isAutoWarp) {
-        ),
+        paragraph = paragraph.replaceAll('\n', '\\\n');
-        blockquoteDecoration: BoxDecoration(
+      }
-          color: Theme.of(context).colorScheme.surfaceContainerHigh,
+
-          borderRadius: const BorderRadius.all(Radius.circular(4)),
+      // Matching stickers
-        ),
+      final stickerMatch = stickerRegex.allMatches(paragraph);
-        horizontalRuleDecoration: BoxDecoration(
+      final isOnlySticker =
-          border: Border(
+          paragraph.replaceAll(stickerRegex, '').trim().isEmpty;
-            top: BorderSide(
+
-              width: 1.0,
+      contentWidgets.add(
-              color: Theme.of(context).dividerColor,
+        Markdown(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          data: paragraph,
+          padding: EdgeInsets.zero,
+          styleSheet: MarkdownStyleSheet.fromTheme(
+            Theme.of(context),
+          ).copyWith(
+            textScaleFactor: isLargeText ? 1.1 : 1,
+            blockquote: TextStyle(
+              color: Theme.of(context).colorScheme.onSurfaceVariant,
+            ),
+            blockquoteDecoration: BoxDecoration(
+              color: Theme.of(context).colorScheme.surfaceContainerHigh,
+              borderRadius: const BorderRadius.all(Radius.circular(4)),
+            ),
+            horizontalRuleDecoration: BoxDecoration(
+              border: Border(
+                top: BorderSide(
+                  width: 1.0,
+                  color: Theme.of(context).dividerColor,
+                ),
+              ),
             ),
           ),
-        ),
+          extensionSet: markdown.ExtensionSet(
-      ),
+            markdown.ExtensionSet.gitHubFlavored.blockSyntaxes,
-      extensionSet: markdown.ExtensionSet(
+            <markdown.InlineSyntax>[
-        markdown.ExtensionSet.gitHubFlavored.blockSyntaxes,
+              _UserNameCardInlineSyntax(),
-        <markdown.InlineSyntax>[
+              _CustomEmoteInlineSyntax(),
-          _UserNameCardInlineSyntax(),
+              markdown.EmojiSyntax(),
-          _CustomEmoteInlineSyntax(),
+              markdown.AutolinkSyntax(),
-          markdown.EmojiSyntax(),
+              markdown.AutolinkExtensionSyntax(),
-          markdown.AutolinkSyntax(),
+              ...markdown.ExtensionSet.gitHubFlavored.inlineSyntaxes
-          markdown.AutolinkExtensionSyntax(),
+            ],
-          ...markdown.ExtensionSet.gitHubFlavored.inlineSyntaxes
+          ),
-        ],
+          onTapLink: (text, href, title) async {
-      ),
+            if (href == null) return;
-      onTapLink: (text, href, title) async {
+            if (href.startsWith('solink://')) {
-        if (href == null) return;
+              final segments = href.replaceFirst('solink://', '').split('/');
-        if (href.startsWith('solink://')) {
+              switch (segments[0]) {
-          final segments = href.replaceFirst('solink://', '').split('/');
+                case 'users':
-          switch (segments[0]) {
+                  showModalBottomSheet(
-            case 'users':
+                    useRootNavigator: true,
-              showModalBottomSheet(
+                    isScrollControlled: true,
-                useRootNavigator: true,
+                    backgroundColor: Theme.of(context).colorScheme.surface,
-                isScrollControlled: true,
+                    context: context,
-                backgroundColor: Theme.of(context).colorScheme.surface,
+                    builder: (context) => AccountProfilePopup(
-                context: context,
+                      name: segments[1],
-                builder: (context) => AccountProfilePopup(
+                    ),
-                  name: segments[1],
+                  );
-                ),
-              );
-          }
-          return;
-        }
-
-        await launchUrlString(
-          href,
-          mode: LaunchMode.externalApplication,
-        );
-      },
-      imageBuilder: (uri, title, alt) {
-        var url = uri.toString();
-        double? width, height;
-        BoxFit? fit;
-        if (url.startsWith('solink://')) {
-          final segments = url.replaceFirst('solink://', '').split('/');
-          switch (segments[0]) {
-            case 'stickers':
-              double radius = 8;
-              final StickerProvider sticker = Get.find();
-              if (emojiMatch.length <= 1 && isOnlyEmoji) {
-                width = 128;
-                height = 128;
-              } else if (emojiMatch.length <= 3 && isOnlyEmoji) {
-                width = 32;
-                height = 32;
-              } else {
-                radius = 4;
-                width = 16;
-                height = 16;
               }
-              fit = BoxFit.contain;
+              return;
-              return ClipRRect(
+            }
-                borderRadius: BorderRadius.all(Radius.circular(radius)),
-                child: Container(
-                  color: Theme.of(context).colorScheme.surfaceContainer,
-                  child: FutureBuilder(
-                    future: sticker.getStickerByAlias(segments[1]),
-                    builder: (context, snapshot) {
-                      if (!snapshot.hasData) {
-                        return const Center(child: CircularProgressIndicator());
-                      }
-                      return AutoCacheImage(
-                        snapshot.data!.imageUrl,
-                        width: width,
-                        height: height,
-                        fit: fit,
-                        noErrorWidget: true,
-                      );
-                    },
-                  ),
-                ),
-              ).paddingSymmetric(vertical: 4);
-            case 'attachments':
-              const radius = BorderRadius.all(Radius.circular(8));
-              return LimitedBox(
-                maxHeight: MediaQuery.of(context).size.width,
-                child: ClipRRect(
-                  borderRadius: radius,
-                  child: AttachmentSelfContainedEntry(
-                    isDense: true,
-                    parentId: parentId,
-                    rid: segments[1],
-                  ),
-                ),
-              ).paddingSymmetric(vertical: 4);
-          }
-        }
 
-        return AutoCacheImage(
+            await launchUrlString(
-          url,
+              href,
-          width: width,
+              mode: LaunchMode.externalApplication,
-          height: height,
+            );
-          fit: fit,
+          },
-        );
+          imageBuilder: (uri, title, alt) {
-      },
+            var url = uri.toString();
+            double? width, height;
+            BoxFit? fit;
+            if (url.startsWith('solink://')) {
+              final segments = url.replaceFirst('solink://', '').split('/');
+              switch (segments[0]) {
+                case 'stickers':
+                  double radius = 8;
+                  final StickerProvider sticker = Get.find();
+
+                  // Adjust sticker size based on the sticker count in this paragraph
+                  if (stickerMatch.length <= 1 && isOnlySticker) {
+                    width = 128;
+                    height = 128;
+                  } else if (stickerMatch.length <= 3 && isOnlySticker) {
+                    width = 32;
+                    height = 32;
+                  } else {
+                    radius = 4;
+                    width = 16;
+                    height = 16;
+                  }
+                  fit = BoxFit.contain;
+                  return ClipRRect(
+                    borderRadius: BorderRadius.all(Radius.circular(radius)),
+                    child: Container(
+                      width: width,
+                      height: height,
+                      color: Theme.of(context).colorScheme.surfaceContainer,
+                      child: FutureBuilder(
+                        future: sticker.getStickerByAlias(segments[1]),
+                        builder: (context, snapshot) {
+                          if (!snapshot.hasData) {
+                            return const Center(
+                                child: CircularProgressIndicator());
+                          }
+                          return AutoCacheImage(
+                            snapshot.data!.imageUrl,
+                            width: width,
+                            height: height,
+                            fit: fit,
+                            noErrorWidget: true,
+                          );
+                        },
+                      ),
+                    ),
+                  ).paddingSymmetric(vertical: 4);
+                case 'attachments':
+                  const radius = BorderRadius.all(Radius.circular(8));
+                  return LimitedBox(
+                    maxHeight: MediaQuery.of(context).size.width,
+                    child: ClipRRect(
+                      borderRadius: radius,
+                      child: AttachmentSelfContainedEntry(
+                        isDense: true,
+                        parentId: parentId,
+                        rid: segments[1],
+                      ),
+                    ),
+                  ).paddingSymmetric(vertical: 4);
+              }
+            }
+            return AutoCacheImage(
+              url,
+              width: width,
+              height: height,
+              fit: fit,
+            );
+          },
+        ),
+      );
+
+      if (idx < paragraphs.length - 1) {
+        contentWidgets.add(const Gap(4));
+      }
+    }
+
+    // Return the list of widgets for the paragraphs
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: contentWidgets,
     );
   }
 

lib/widgets/navigation/app_navigation.dart

@@ -9,9 +9,9 @@ abstract class AppNavigation {
       page: 'dashboard',
     ),
     AppNavigationDestination(
-      icon: Icons.newspaper,
+      icon: Icons.explore,
-      label: 'feed'.tr,
+      label: 'explore'.tr,
-      page: 'feed',
+      page: 'explore',
     ),
     AppNavigationDestination(
       icon: Icons.workspaces,

lib/widgets/posts/post_item.dart

@@ -18,6 +18,7 @@ import 'package:solian/widgets/link_expansion.dart';
 import 'package:solian/widgets/markdown_text_content.dart';
 import 'package:solian/widgets/posts/post_tags.dart';
 import 'package:solian/widgets/posts/post_quick_action.dart';
+import 'package:solian/widgets/relative_date.dart';
 import 'package:solian/widgets/sized_container.dart';
 import 'package:timeago/timeago.dart' show format;
 
@@ -69,360 +70,6 @@ class _PostItemState extends State<PostItem> {
     super.initState();
   }
 
-  Widget _buildDate() {
-    if (widget.isFullDate) {
-      return Text(DateFormat('y/M/d HH:mm')
-          .format(item.publishedAt?.toLocal() ?? DateTime.now()));
-    } else {
-      return Text(
-        format(
-          item.publishedAt?.toLocal() ?? DateTime.now(),
-          locale: 'en_short',
-        ),
-      );
-    }
-  }
-
-  Widget _buildThumbnail() {
-    if (widget.item.body['thumbnail'] == null) return const SizedBox.shrink();
-    final border = BorderSide(
-      color: Theme.of(context).dividerColor,
-      width: 0.3,
-    );
-    return Container(
-      decoration: BoxDecoration(border: Border(top: border, bottom: border)),
-      child: AspectRatio(
-        aspectRatio: 16 / 9,
-        child: AttachmentSelfContainedEntry(
-          rid: widget.item.body['thumbnail'],
-          parentId: 'p${item.id}-thumbnail',
-        ),
-      ),
-    );
-  }
-
-  Widget _buildHeader() {
-    return Row(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        if (widget.isCompact)
-          AccountAvatar(
-            content: item.author.avatar,
-            radius: 10,
-          ).paddingOnly(left: 2, top: 1),
-        Expanded(
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Row(
-                children: [
-                  Text(
-                    item.author.nick,
-                    style: const TextStyle(fontWeight: FontWeight.bold),
-                  ),
-                  _buildDate().paddingOnly(left: 4),
-                ],
-              ),
-              if (item.body['title'] != null)
-                Text(
-                  item.body['title'],
-                  style: Theme.of(context)
-                      .textTheme
-                      .bodyMedium!
-                      .copyWith(fontSize: 15),
-                ),
-              if (item.body['description'] != null)
-                Text(
-                  item.body['description'],
-                  style: Theme.of(context).textTheme.bodySmall,
-                ),
-            ],
-          ).paddingOnly(left: widget.isCompact ? 6 : 12),
-        ),
-        if (widget.item.type == 'article')
-          Badge(
-            label: Text('article'.tr),
-          ).paddingOnly(top: 3),
-      ],
-    );
-  }
-
-  Widget _buildHeaderDivider() {
-    if (item.body['description'] != null || item.body['title'] != null) {
-      return const Divider(thickness: 0.3, height: 1).paddingSymmetric(
-        vertical: 8,
-      );
-    }
-    return const SizedBox.shrink();
-  }
-
-  Widget _buildFooter() {
-    List<String> labels = List.empty(growable: true);
-    if (widget.item.editedAt != null) {
-      labels.add('postEdited'.trParams({
-        'date': DateFormat('yy/M/d HH:mm').format(item.editedAt!.toLocal()),
-      }));
-    }
-    if (widget.item.realm != null) {
-      labels.add('postInRealm'.trParams({
-        'realm': widget.item.realm!.alias,
-      }));
-    }
-
-    List<Widget> widgets = List.empty(growable: true);
-
-    if (widget.item.tags?.isNotEmpty ?? false) {
-      widgets.add(PostTagsList(tags: widget.item.tags!));
-    }
-    if (labels.isNotEmpty) {
-      widgets.add(Text(
-        labels.join(' · '),
-        textAlign: TextAlign.left,
-        style: TextStyle(
-          fontSize: 12,
-          color: _unFocusColor,
-        ),
-      ));
-    }
-    if (widget.item.pinnedAt != null) {
-      widgets.add(Text(
-        'postPinned'.tr,
-        style: TextStyle(fontSize: 12, color: _unFocusColor),
-      ));
-    }
-
-    if (widgets.isEmpty) {
-      return const SizedBox.shrink();
-    } else {
-      return Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: widgets,
-      ).paddingOnly(top: 4);
-    }
-  }
-
-  Widget _buildReply(BuildContext context) {
-    return OpenContainer(
-      tappable: widget.isClickable || widget.isOverrideEmbedClickable,
-      closedBuilder: (_, openContainer) => Column(
-        children: [
-          Row(
-            children: [
-              FaIcon(
-                FontAwesomeIcons.reply,
-                size: 16,
-                color: _unFocusColor,
-              ),
-              Expanded(
-                child: Text(
-                  'postRepliedNotify'.trParams(
-                    {'username': '@${widget.item.replyTo!.author.name}'},
-                  ),
-                  style: TextStyle(color: _unFocusColor),
-                ).paddingOnly(left: 6),
-              ),
-            ],
-          ).paddingOnly(left: 12),
-          Card(
-            elevation: 1,
-            child: PostItem(
-              item: widget.item.replyTo!,
-              isCompact: true,
-              attachmentParent: widget.item.id.toString(),
-            ).paddingSymmetric(vertical: 8),
-          ),
-        ],
-      ),
-      openBuilder: (_, __) => TitleShell(
-        title: 'postDetail'.tr,
-        child: PostDetailScreen(
-          id: widget.item.replyTo!.id.toString(),
-          post: widget.item.replyTo!,
-        ),
-      ),
-      closedElevation: 0,
-      openElevation: 0,
-      closedColor:
-          widget.backgroundColor ?? Theme.of(context).colorScheme.surface,
-      openColor: Theme.of(context).colorScheme.surface,
-    );
-  }
-
-  Widget _buildRepost(BuildContext context) {
-    return OpenContainer(
-      tappable: widget.isClickable || widget.isOverrideEmbedClickable,
-      closedBuilder: (_, openContainer) => Column(
-        children: [
-          Row(
-            children: [
-              FaIcon(
-                FontAwesomeIcons.retweet,
-                size: 16,
-                color: _unFocusColor,
-              ),
-              Expanded(
-                child: Text(
-                  'postRepostedNotify'.trParams(
-                    {'username': '@${widget.item.repostTo!.author.name}'},
-                  ),
-                  style: TextStyle(color: _unFocusColor),
-                ).paddingOnly(left: 6),
-              ),
-            ],
-          ).paddingOnly(left: 12),
-          Card(
-            elevation: 1,
-            child: PostItem(
-              item: widget.item.repostTo!,
-              isCompact: true,
-              attachmentParent: widget.item.id.toString(),
-            ).paddingSymmetric(vertical: 8),
-          ),
-        ],
-      ),
-      openBuilder: (_, __) => TitleShell(
-        title: 'postDetail'.tr,
-        child: PostDetailScreen(
-          id: widget.item.repostTo!.id.toString(),
-          post: widget.item.repostTo!,
-        ),
-      ),
-      closedElevation: 0,
-      openElevation: 0,
-      closedColor:
-          widget.backgroundColor ?? Theme.of(context).colorScheme.surface,
-      openColor: Theme.of(context).colorScheme.surface,
-    );
-  }
-
-  Widget _buildAttachments() {
-    final List<String> attachments = item.body['attachments'] is List
-        ? List.from(item.body['attachments']?.whereType<String>())
-        : List.empty();
-
-    if (attachments.length > 3) {
-      return AttachmentList(
-        parentId: widget.item.id.toString(),
-        attachmentsId: attachments,
-        autoload: false,
-        isGrid: true,
-      ).paddingOnly(left: 36, top: 4, bottom: 4);
-    } else if (attachments.length > 1 || AppTheme.isLargeScreen(context)) {
-      return AttachmentList(
-        parentId: widget.item.id.toString(),
-        attachmentsId: attachments,
-        autoload: false,
-        isColumn: true,
-      ).paddingOnly(left: 60, right: 24, top: 4, bottom: 4);
-    } else {
-      return AttachmentList(
-        flatMaxHeight: MediaQuery.of(context).size.width,
-        parentId: widget.item.id.toString(),
-        attachmentsId: attachments,
-        autoload: false,
-      );
-    }
-  }
-
-  Widget _buildFeaturedReply() {
-    if ((widget.item.metric?.replyCount ?? 0) == 0) {
-      return const SizedBox.shrink();
-    }
-    final List<String> attachments = item.body['attachments'] is List
-        ? List.from(item.body['attachments']?.whereType<String>())
-        : List.empty();
-    final unFocusColor =
-        Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
-    return FutureBuilder(
-      future: Get.find<PostProvider>().listPostFeaturedReply(
-        widget.item.id.toString(),
-      ),
-      builder: (context, snapshot) {
-        if (!snapshot.hasData || snapshot.data!.isEmpty) {
-          return const SizedBox.shrink();
-        }
-        return Container(
-          constraints: const BoxConstraints(maxWidth: 480),
-          child: Card(
-            margin: EdgeInsets.zero,
-            child: Column(
-              children: snapshot.data!
-                  .map(
-                    (x) => Row(
-                      mainAxisAlignment: MainAxisAlignment.center,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        AccountAvatar(content: x.author.avatar, radius: 10),
-                        const Gap(6),
-                        Text(
-                          x.author.nick,
-                          style: const TextStyle(fontWeight: FontWeight.bold),
-                        ),
-                        const Gap(6),
-                        Text(
-                          format(
-                            x.publishedAt?.toLocal() ?? DateTime.now(),
-                            locale: 'en_short',
-                          ),
-                        ).paddingOnly(top: 0.5),
-                        const Gap(8),
-                        Expanded(
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              MarkdownTextContent(
-                                content: x.body['content'],
-                                parentId: 'p${item.id}-featured-reply${x.id}',
-                              ),
-                              if (x.body['attachments'] is List &&
-                                  x.body['attachments'].length > 0)
-                                Row(
-                                  children: [
-                                    Icon(
-                                      Icons.file_copy,
-                                      size: 15,
-                                      color: unFocusColor,
-                                    ).paddingOnly(right: 5),
-                                    Text(
-                                      'attachmentHint'.trParams(
-                                        {
-                                          'count': x.body['attachments'].length
-                                              .toString()
-                                        },
-                                      ),
-                                      style: TextStyle(color: unFocusColor),
-                                    )
-                                  ],
-                                ),
-                            ],
-                          ),
-                        ),
-                      ],
-                    ).paddingSymmetric(horizontal: 12, vertical: 8),
-                  )
-                  .toList(),
-            ),
-          ),
-        )
-            .animate()
-            .fadeIn(
-              duration: 300.ms,
-              curve: Curves.easeIn,
-            )
-            .paddingOnly(
-              top: (attachments.length == 1 && !AppTheme.isLargeScreen(context))
-                  ? 10
-                  : 6,
-              left:
-                  (attachments.length == 1 && !AppTheme.isLargeScreen(context))
-                      ? 24
-                      : 60,
-              right: 16,
-            );
-      },
-    );
-  }
-
   double _contentHeight = 0;
 
   @override
@@ -436,9 +83,15 @@ class _PostItemState extends State<PostItem> {
       return Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          _buildThumbnail().paddingOnly(bottom: 8),
+          _PostThumbnail(
-          _buildHeader().paddingSymmetric(horizontal: 12),
+            rid: item.body['thumbnail'],
-          _buildHeaderDivider().paddingSymmetric(horizontal: 12),
+            parentId: widget.item.id.toString(),
+          ).paddingOnly(bottom: 8),
+          _PostHeaderWidget(
+            isCompact: widget.isCompact,
+            item: item,
+          ).paddingSymmetric(horizontal: 12),
+          _PostHeaderDividerWidget(item: item).paddingSymmetric(horizontal: 12),
           Stack(
             children: [
               SizedContainer(
@@ -448,10 +101,14 @@ class _PostItemState extends State<PostItem> {
                   onChange: (size) {
                     setState(() => _contentHeight = size.height);
                   },
-                  child: MarkdownTextContent(
+                  child: SingleChildScrollView(
-                    parentId: 'p${item.id}',
+                    physics: const NeverScrollableScrollPhysics(),
-                    content: item.body['content'],
+                    child: MarkdownTextContent(
-                    isSelectable: widget.isContentSelectable,
+                      parentId: 'p${item.id}',
+                      content: item.body['content'],
+                      isAutoWarp: item.type == 'story',
+                      isSelectable: widget.isContentSelectable,
+                    ),
                   ).paddingOnly(
                     left: 16,
                     right: 12,
@@ -489,7 +146,7 @@ class _PostItemState extends State<PostItem> {
             right: 8,
             top: 4,
           ),
-          _buildFooter().paddingOnly(left: 16),
+          _PostFooterWidget(item: item).paddingOnly(left: 16),
           if (attachments.isNotEmpty)
             Row(
               children: [
@@ -515,7 +172,10 @@ class _PostItemState extends State<PostItem> {
       closedBuilder: (_, openContainer) => Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          _buildThumbnail().paddingOnly(bottom: 4),
+          _PostThumbnail(
+            rid: item.body['thumbnail'],
+            parentId: widget.item.id.toString(),
+          ).paddingOnly(bottom: 4),
           Row(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
@@ -537,8 +197,11 @@ class _PostItemState extends State<PostItem> {
                 child: Column(
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
-                    _buildHeader(),
+                    _PostHeaderWidget(
-                    _buildHeaderDivider(),
+                      isCompact: widget.isCompact,
+                      item: item,
+                    ),
+                    _PostHeaderDividerWidget(item: item),
                     Stack(
                       children: [
                         SizedContainer(
@@ -549,13 +212,17 @@ class _PostItemState extends State<PostItem> {
                             onChange: (size) {
                               setState(() => _contentHeight = size.height);
                             },
-                            child: MarkdownTextContent(
+                            child: SingleChildScrollView(
-                              parentId: 'p${item.id}-embed',
+                              physics: const NeverScrollableScrollPhysics(),
-                              content: item.body['content'],
+                              child: MarkdownTextContent(
-                              isSelectable: widget.isContentSelectable,
+                                parentId: 'p${item.id}-embed',
-                              isLargeText: item.type == 'article' &&
+                                content: item.body['content'],
-                                  widget.isFullContent,
+                                isAutoWarp: item.type == 'story',
-                            ).paddingOnly(left: 12, right: 8),
+                                isSelectable: widget.isContentSelectable,
+                                isLargeText: item.type == 'article' &&
+                                    widget.isFullContent,
+                              ).paddingOnly(left: 12, right: 8),
+                            ),
                           ),
                         ),
                         if (_contentHeight >= 320 && !widget.isFullContent)
@@ -569,10 +236,14 @@ class _PostItemState extends State<PostItem> {
                                     begin: Alignment.bottomCenter,
                                     end: Alignment.topCenter,
                                     colors: [
-                                      Theme.of(context).colorScheme.surface,
+                                      (widget.backgroundColor ??
-                                      Theme.of(context)
+                                          Theme.of(context)
-                                          .colorScheme
+                                              .colorScheme
-                                          .surface
+                                              .surface),
+                                      (widget.backgroundColor ??
+                                              Theme.of(context)
+                                                  .colorScheme
+                                                  .surface)
                                           .withOpacity(0),
                                     ],
                                   ),
@@ -586,15 +257,33 @@ class _PostItemState extends State<PostItem> {
                       Container(
                         constraints: const BoxConstraints(maxWidth: 480),
                         padding: const EdgeInsets.only(top: 4),
-                        child: _buildReply(context),
+                        child: _PostEmbedWidget(
+                          isClickable: widget.isClickable,
+                          isOverrideEmbedClickable:
+                              widget.isOverrideEmbedClickable,
+                          item: widget.item.replyTo!,
+                          username: widget.item.replyTo!.author.name,
+                          hintText: 'postRepliedNotify',
+                          icon: FontAwesomeIcons.reply,
+                          id: widget.item.replyTo!.id.toString(),
+                        ),
                       ),
                     if (widget.item.repostTo != null && widget.isShowEmbed)
                       Container(
                         constraints: const BoxConstraints(maxWidth: 480),
                         padding: const EdgeInsets.only(top: 4),
-                        child: _buildRepost(context),
+                        child: _PostEmbedWidget(
+                          isClickable: widget.isClickable,
+                          isOverrideEmbedClickable:
+                              widget.isOverrideEmbedClickable,
+                          item: widget.item.repostTo!,
+                          username: widget.item.repostTo!.author.name,
+                          hintText: 'postRepostedNotify',
+                          icon: FontAwesomeIcons.retweet,
+                          id: widget.item.repostTo!.id.toString(),
+                        ),
                       ),
-                    _buildFooter().paddingOnly(left: 12),
+                    _PostFooterWidget(item: item).paddingOnly(left: 12),
                     LinkExpansion(content: item.body['content'])
                         .paddingOnly(top: 4),
                   ],
@@ -610,8 +299,8 @@ class _PostItemState extends State<PostItem> {
             right: 16,
             left: 16,
           ),
-          _buildAttachments(),
+          _PostAttachmentWidget(item: item),
-          if (widget.showFeaturedReply) _buildFeaturedReply(),
+          if (widget.showFeaturedReply) _PostFeaturedReplyWidget(item: item),
           if (widget.isShowReply || widget.isReactable)
             PostQuickAction(
               isShowReply: widget.isShowReply,
@@ -654,6 +343,400 @@ class _PostItemState extends State<PostItem> {
   }
 }
 
+class _PostFeaturedReplyWidget extends StatelessWidget {
+  final Post item;
+
+  const _PostFeaturedReplyWidget({required this.item});
+
+  @override
+  Widget build(BuildContext context) {
+    final isLargeScreen = AppTheme.isLargeScreen(context);
+    final unFocusColor =
+        Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
+
+    if ((item.metric?.replyCount ?? 0) == 0) {
+      return const SizedBox.shrink();
+    }
+
+    final List<String> attachments = item.body['attachments'] is List
+        ? List.from(item.body['attachments']?.whereType<String>())
+        : List.empty();
+
+    return FutureBuilder(
+      future:
+          Get.find<PostProvider>().listPostFeaturedReply(item.id.toString()),
+      builder: (context, snapshot) {
+        if (!snapshot.hasData || snapshot.data!.isEmpty) {
+          return const SizedBox.shrink();
+        }
+
+        return Container(
+          constraints: const BoxConstraints(maxWidth: 480),
+          child: Card(
+            margin: EdgeInsets.zero,
+            child: Column(
+              children: snapshot.data!
+                  .map(
+                    (reply) => ClipRRect(
+                      borderRadius: const BorderRadius.all(Radius.circular(8)),
+                      child: OpenContainer(
+                        closedBuilder: (_, openContainer) => Row(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            AccountAvatar(
+                              content: reply.author.avatar,
+                              radius: 10,
+                            ),
+                            const Gap(6),
+                            Text(
+                              reply.author.nick,
+                              style:
+                                  const TextStyle(fontWeight: FontWeight.bold),
+                            ),
+                            const Gap(6),
+                            Text(
+                              format(
+                                reply.publishedAt?.toLocal() ?? DateTime.now(),
+                                locale: 'en_short',
+                              ),
+                            ).paddingOnly(top: 0.5),
+                            const Gap(8),
+                            Expanded(
+                              child: Column(
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: [
+                                  MarkdownTextContent(
+                                    isAutoWarp: reply.type == 'story',
+                                    content: reply.body['content'],
+                                    parentId:
+                                        'p${item.id}-featured-reply${reply.id}',
+                                  ),
+                                  if (reply.body['attachments'] is List &&
+                                      reply.body['attachments'].isNotEmpty)
+                                    Row(
+                                      children: [
+                                        Icon(
+                                          Icons.file_copy,
+                                          size: 15,
+                                          color: unFocusColor,
+                                        ).paddingOnly(right: 5),
+                                        Text(
+                                          'attachmentHint'.trParams(
+                                            {
+                                              'count': reply
+                                                  .body['attachments'].length
+                                                  .toString(),
+                                            },
+                                          ),
+                                          style: TextStyle(color: unFocusColor),
+                                        ),
+                                      ],
+                                    ),
+                                ],
+                              ),
+                            ),
+                          ],
+                        ).paddingSymmetric(horizontal: 12, vertical: 8),
+                        openBuilder: (_, __) => TitleShell(
+                          title: 'postDetail'.tr,
+                          child: PostDetailScreen(
+                            id: reply.id.toString(),
+                            post: reply,
+                          ),
+                        ),
+                        closedElevation: 0,
+                        openElevation: 0,
+                        closedColor:
+                            Theme.of(context).colorScheme.surfaceContainer,
+                        openColor: Theme.of(context).colorScheme.surface,
+                      ),
+                    ),
+                  )
+                  .toList(),
+            ),
+          ),
+        )
+            .animate()
+            .fadeIn(
+              duration: 300.ms,
+              curve: Curves.easeIn,
+            )
+            .paddingOnly(
+              top: (attachments.length == 1 && !isLargeScreen) ? 10 : 6,
+              left: (attachments.length == 1 && !isLargeScreen) ? 24 : 60,
+              right: 16,
+            );
+      },
+    );
+  }
+}
+
+class _PostAttachmentWidget extends StatelessWidget {
+  final Post item;
+
+  const _PostAttachmentWidget({required this.item});
+
+  @override
+  Widget build(BuildContext context) {
+    final isLargeScreen = AppTheme.isLargeScreen(context);
+
+    final List<String> attachments = item.body['attachments'] is List
+        ? List.from(item.body['attachments']?.whereType<String>())
+        : List.empty();
+
+    if (attachments.length > 3) {
+      return AttachmentList(
+        parentId: item.id.toString(),
+        attachmentsId: attachments,
+        autoload: false,
+        isGrid: true,
+      ).paddingOnly(left: 36, top: 4, bottom: 4);
+    } else if (attachments.length > 1 || isLargeScreen) {
+      return AttachmentList(
+        parentId: item.id.toString(),
+        attachmentsId: attachments,
+        autoload: false,
+        isColumn: true,
+      ).paddingOnly(left: 60, right: 24, top: 4, bottom: 4);
+    } else {
+      return AttachmentList(
+        flatMaxHeight: MediaQuery.of(context).size.width,
+        parentId: item.id.toString(),
+        attachmentsId: attachments,
+        autoload: false,
+      );
+    }
+  }
+}
+
+class _PostEmbedWidget extends StatelessWidget {
+  final bool isClickable;
+  final bool isOverrideEmbedClickable;
+  final Post item;
+  final String username;
+  final String hintText;
+  final IconData icon;
+  final String id;
+
+  const _PostEmbedWidget({
+    required this.isClickable,
+    required this.isOverrideEmbedClickable,
+    required this.item,
+    required this.username,
+    required this.hintText,
+    required this.icon,
+    required this.id,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final unFocusColor =
+        Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
+
+    return OpenContainer(
+      tappable: isClickable || isOverrideEmbedClickable,
+      closedBuilder: (_, openContainer) => Column(
+        children: [
+          Row(
+            children: [
+              FaIcon(
+                icon,
+                size: 16,
+                color: unFocusColor,
+              ),
+              Expanded(
+                child: Text(
+                  hintText.trParams(
+                    {'username': '@$username'},
+                  ),
+                  style: TextStyle(color: unFocusColor),
+                ).paddingOnly(left: 6),
+              ),
+            ],
+          ).paddingOnly(left: 12),
+          Card(
+            elevation: 1,
+            child: PostItem(
+              item: item,
+              isCompact: true,
+              attachmentParent: id,
+            ).paddingSymmetric(vertical: 8),
+          ),
+        ],
+      ),
+      openBuilder: (_, __) => TitleShell(
+        title: 'postDetail'.tr,
+        child: PostDetailScreen(
+          id: id,
+          post: item,
+        ),
+      ),
+      closedElevation: 0,
+      openElevation: 0,
+      closedColor: Theme.of(context).colorScheme.surface,
+      openColor: Theme.of(context).colorScheme.surface,
+    );
+  }
+}
+
+class _PostHeaderDividerWidget extends StatelessWidget {
+  final Post item;
+
+  const _PostHeaderDividerWidget({
+    required this.item,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    if (item.body['description'] != null || item.body['title'] != null) {
+      return const Divider(thickness: 0.3, height: 1).paddingSymmetric(
+        vertical: 8,
+      );
+    }
+    return const SizedBox.shrink();
+  }
+}
+
+class _PostFooterWidget extends StatelessWidget {
+  final Post item;
+
+  const _PostFooterWidget({required this.item});
+
+  @override
+  Widget build(BuildContext context) {
+    final unFocusColor =
+        Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
+
+    List<String> labels = List.empty(growable: true);
+    if (item.editedAt != null) {
+      labels.add('postEdited'.trParams({
+        'date': DateFormat('yy/M/d HH:mm').format(item.editedAt!.toLocal()),
+      }));
+    }
+    if (item.realm != null) {
+      labels.add('postInRealm'.trParams({
+        'realm': item.realm!.alias,
+      }));
+    }
+
+    List<Widget> widgets = List.empty(growable: true);
+
+    if (item.tags?.isNotEmpty ?? false) {
+      widgets.add(PostTagsList(tags: item.tags!));
+    }
+    if (labels.isNotEmpty) {
+      widgets.add(Text(
+        labels.join(' · '),
+        textAlign: TextAlign.left,
+        style: TextStyle(
+          fontSize: 12,
+          color: unFocusColor,
+        ),
+      ));
+    }
+    if (item.pinnedAt != null) {
+      widgets.add(Text(
+        'postPinned'.tr,
+        style: TextStyle(fontSize: 12, color: unFocusColor),
+      ));
+    }
+
+    if (widgets.isEmpty) {
+      return const SizedBox.shrink();
+    } else {
+      return Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: widgets,
+      ).paddingOnly(top: 4);
+    }
+  }
+}
+
+class _PostHeaderWidget extends StatelessWidget {
+  final bool isCompact;
+  final Post item;
+
+  const _PostHeaderWidget({
+    required this.isCompact,
+    required this.item,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        if (isCompact)
+          AccountAvatar(
+            content: item.author.avatar,
+            radius: 10,
+          ).paddingOnly(left: 2, top: 1),
+        Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  Text(
+                    item.author.nick,
+                    style: const TextStyle(fontWeight: FontWeight.bold),
+                  ),
+                  RelativeDate(item.publishedAt?.toLocal() ?? DateTime.now())
+                      .paddingOnly(left: 4),
+                ],
+              ),
+              if (item.body['title'] != null)
+                Text(
+                  item.body['title'],
+                  style: Theme.of(context)
+                      .textTheme
+                      .bodyMedium!
+                      .copyWith(fontSize: 15),
+                ),
+              if (item.body['description'] != null)
+                Text(
+                  item.body['description'],
+                  style: Theme.of(context).textTheme.bodySmall,
+                ),
+            ],
+          ).paddingOnly(left: isCompact ? 6 : 12),
+        ),
+        if (item.type == 'article')
+          Badge(
+            label: Text('article'.tr),
+          ).paddingOnly(top: 3),
+      ],
+    );
+  }
+}
+
+class _PostThumbnail extends StatelessWidget {
+  final String parentId;
+  final String? rid;
+
+  const _PostThumbnail({required this.parentId, required this.rid});
+
+  @override
+  Widget build(BuildContext context) {
+    if (rid?.isEmpty ?? true) return const SizedBox.shrink();
+    final border = BorderSide(
+      color: Theme.of(context).dividerColor,
+      width: 0.3,
+    );
+    return Container(
+      decoration: BoxDecoration(border: Border(top: border, bottom: border)),
+      child: AspectRatio(
+        aspectRatio: 16 / 9,
+        child: AttachmentSelfContainedEntry(
+          rid: rid!,
+          parentId: 'p$parentId-thumbnail',
+        ),
+      ),
+    );
+  }
+}
+
 typedef _OnWidgetSizeChange = void Function(Size size);
 
 class _MeasureSizeRenderObject extends RenderProxyBox {

lib/widgets/posts/post_tags.dart

@@ -27,7 +27,7 @@ class PostTagsList extends StatelessWidget {
                 ),
               ),
               onTap: () {
-                AppRouter.instance.pushNamed('feedSearch', queryParameters: {
+                AppRouter.instance.pushNamed('postSearch', queryParameters: {
                   'tag': x.alias,
                 });
               },

lib/widgets/relative_date.dart

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

pubspec.lock

@@ -751,10 +751,10 @@ packages:
     dependency: "direct dev"
     description:
       name: flutter_launcher_icons
-      sha256: "526faf84284b86a4cb36d20a5e45147747b7563d921373d4ee0559c54fcdbcea"
+      sha256: a38f2f1b3c373d42bf08bd17d60e20d3c73abce7727607b4d085ec7d5acaa294
       url: "https://pub.dev"
     source: hosted
-    version: "0.13.1"
+    version: "0.14.0"
   flutter_lints:
     dependency: "direct dev"
     description:

pubspec.yaml

@@ -2,7 +2,7 @@ name: solian
 description: "The Solar Network App"
 publish_to: "none"
 
-version: 1.2.2+3
+version: 1.2.3+2
 
 environment:
   sdk: ">=3.3.4 <4.0.0"
@@ -89,7 +89,7 @@ dev_dependencies:
     sdk: flutter
 
   flutter_lints: ^4.0.0
-  flutter_launcher_icons: ^0.13.1
+  flutter_launcher_icons: ^0.14.0
 
   build_runner: ^2.4.12
   flutter_native_splash: ^2.4.1