assets/locales/en_us.json

@@ -22,9 +22,9 @@
   "explore": "Explore",
   "posts": "Posts",
   "unlink": "Unlink",
-  "postSearch": "Search Post",
+  "feedSearch": "Search Feed",
-  "postSearchWithTag": "Searching with tag #@key",
+  "feedSearchWithTag": "Searching with tag #@key",
-  "postSearchWithCategory": "Searching in category @category",
+  "feedSearchWithCategory": "Searching in category @category",
   "feedUnreadCount": "@count posts you may missed",
   "messages": "Messages",
   "messagesUnreadCount": "@count messages unread",

assets/locales/zh_cn.json

@@ -32,9 +32,9 @@
   "dashboard": "仪表盘",
   "today": "今日",
   "yesterday": "昨日",
-  "postSearch": "搜索帖子",
+  "feedSearch": "搜索资讯",
-  "postSearchWithTag": "检索带有 #@key 标签的资讯",
+  "feedSearchWithTag": "检索带有 #@key 标签的资讯",
-  "postSearchWithCategory": "检索位于分类 @category 的资讯",
+  "feedSearchWithCategory": "检索位于分类 @category 的资讯",
   "feedUnreadCount": "@count 条你可能错过的帖子",
   "messages": "消息",
   "messagesUnreadCount": "@count 条未读的消息",

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/explore.dart';
+import 'package:solian/screens/feed.dart';
 import 'package:solian/screens/posts/post_editor.dart';
 import 'package:solian/screens/settings.dart';
 import 'package:solian/shells/root_shell.dart';
@@ -78,18 +78,13 @@ abstract class AppRouter {
     builder: (context, state, child) => child,
     routes: [
       GoRoute(
-        path: '/explore',
+        path: '/feed',
-        name: 'explore',
+        name: 'feed',
-        builder: (context, state) => const ExploreScreen(),
+        builder: (context, state) => const FeedScreen(),
       ),
       GoRoute(
-        path: '/drafts',
+        path: '/feed/search',
-        name: 'draftBox',
+        name: 'feedSearch',
-        builder: (context, state) => const DraftBoxScreen(),
-      ),
-      GoRoute(
-        path: '/posts/search',
-        name: 'postSearch',
         builder: (context, state) => TitleShell(
           state: state,
           child: FeedSearchScreen(
@@ -98,6 +93,11 @@ 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,7 +54,6 @@ class AboutScreen extends StatelessWidget {
               child: Wrap(
                 spacing: 8,
                 runSpacing: 8,
-                alignment: WrapAlignment.center,
                 children: [
                   TextButton(
                     style: denseButtonStyle,

lib/screens/feed.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 ExploreScreen extends StatefulWidget {
+class FeedScreen extends StatefulWidget {
-  const ExploreScreen({super.key});
+  const FeedScreen({super.key});
 
   @override
-  State<ExploreScreen> createState() => _ExploreScreenState();
+  State<FeedScreen> createState() => _FeedScreenState();
 }
 
-class _ExploreScreenState extends State<ExploreScreen>
+class _FeedScreenState extends State<FeedScreen>
     with SingleTickerProviderStateMixin {
   late final PostListController _postController;
   late final TabController _tabController;
@@ -82,7 +82,7 @@ class _ExploreScreenState extends State<ExploreScreen>
           headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
             return [
               SliverAppBar(
-                title: AppBarTitle('explore'.tr),
+                title: AppBarTitle('feed'.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('postSearchWithTag'.trParams({'key': widget.tag!})),
+                title: Text('feedSearchWithTag'.trParams({'key': widget.tag!})),
               ),
             if (widget.category != null)
               ListTile(
                 leading: const Icon(Icons.category),
                 tileColor: Theme.of(context).colorScheme.surfaceContainer,
-                title: Text('postSearchWithCategory'
+                title: Text('feedSearchWithCategory'
                     .trParams({'key': widget.category!})),
               ),
             Expanded(

lib/widgets/chat/chat_event_message.dart

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

lib/widgets/markdown_text_content.dart

@@ -1,6 +1,5 @@
 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';
@@ -16,7 +15,6 @@ class MarkdownTextContent extends StatelessWidget {
   final String parentId;
   final bool isSelectable;
   final bool isLargeText;
-  final bool isAutoWarp;
 
   const MarkdownTextContent({
     super.key,
@@ -24,36 +22,17 @@ class MarkdownTextContent extends StatelessWidget {
     required this.parentId,
     this.isSelectable = false,
     this.isLargeText = false,
-    this.isAutoWarp = false,
   });
 
   Widget _buildContent(BuildContext context) {
-    final stickerRegex = RegExp(r':([-\w]+):');
+    final emojiRegex = RegExp(r':([-\w]+):');
+    final emojiMatch = emojiRegex.allMatches(content);
+    final isOnlyEmoji = content.replaceAll(emojiRegex, '').trim().isEmpty;
 
-    // Split the content into paragraphs
+    return Markdown(
-    final paragraphs = content.split(RegExp(r'\n\s*\n'));
-
-    // Iterate over each paragraph to process stickers individually
-    List<Widget> contentWidgets = [];
-    for (var idx = 0; idx < paragraphs.length; idx++) {
-      // Getting paragraph
-      var paragraph = paragraphs[idx];
-
-      // Auto adding new-lines
-      if (isAutoWarp) {
-        paragraph = paragraph.replaceAll('\n', '\\\n');
-      }
-
-      // Matching stickers
-      final stickerMatch = stickerRegex.allMatches(paragraph);
-      final isOnlySticker =
-          paragraph.replaceAll(stickerRegex, '').trim().isEmpty;
-
-      contentWidgets.add(
-        Markdown(
       shrinkWrap: true,
       physics: const NeverScrollableScrollPhysics(),
-          data: paragraph,
+      data: content,
       padding: EdgeInsets.zero,
       styleSheet: MarkdownStyleSheet.fromTheme(
         Theme.of(context),
@@ -120,12 +99,10 @@ class MarkdownTextContent extends StatelessWidget {
             case 'stickers':
               double radius = 8;
               final StickerProvider sticker = Get.find();
-
+              if (emojiMatch.length <= 1 && isOnlyEmoji) {
-                  // 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) {
+              } else if (emojiMatch.length <= 3 && isOnlyEmoji) {
                 width = 32;
                 height = 32;
               } else {
@@ -137,15 +114,12 @@ class MarkdownTextContent extends StatelessWidget {
               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(
+                        return const Center(child: CircularProgressIndicator());
-                                child: CircularProgressIndicator());
                       }
                       return AutoCacheImage(
                         snapshot.data!.imageUrl,
@@ -173,6 +147,7 @@ class MarkdownTextContent extends StatelessWidget {
               ).paddingSymmetric(vertical: 4);
           }
         }
+
         return AutoCacheImage(
           url,
           width: width,
@@ -180,19 +155,6 @@ class MarkdownTextContent extends StatelessWidget {
           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.explore,
+      icon: Icons.newspaper,
-      label: 'explore'.tr,
+      label: 'feed'.tr,
-      page: 'explore',
+      page: 'feed',
     ),
     AppNavigationDestination(
       icon: Icons.workspaces,

lib/widgets/posts/post_item.dart

@@ -18,7 +18,6 @@ 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;
 
@@ -70,6 +69,360 @@ 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
@@ -83,15 +436,9 @@ class _PostItemState extends State<PostItem> {
       return Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          _PostThumbnail(
+          _buildThumbnail().paddingOnly(bottom: 8),
-            rid: item.body['thumbnail'],
+          _buildHeader().paddingSymmetric(horizontal: 12),
-            parentId: widget.item.id.toString(),
+          _buildHeaderDivider().paddingSymmetric(horizontal: 12),
-          ).paddingOnly(bottom: 8),
-          _PostHeaderWidget(
-            isCompact: widget.isCompact,
-            item: item,
-          ).paddingSymmetric(horizontal: 12),
-          _PostHeaderDividerWidget(item: item).paddingSymmetric(horizontal: 12),
           Stack(
             children: [
               SizedContainer(
@@ -104,7 +451,6 @@ class _PostItemState extends State<PostItem> {
                   child: MarkdownTextContent(
                     parentId: 'p${item.id}',
                     content: item.body['content'],
-                    isAutoWarp: item.type == 'story',
                     isSelectable: widget.isContentSelectable,
                   ).paddingOnly(
                     left: 16,
@@ -143,7 +489,7 @@ class _PostItemState extends State<PostItem> {
             right: 8,
             top: 4,
           ),
-          _PostFooterWidget(item: item).paddingOnly(left: 16),
+          _buildFooter().paddingOnly(left: 16),
           if (attachments.isNotEmpty)
             Row(
               children: [
@@ -169,10 +515,7 @@ class _PostItemState extends State<PostItem> {
       closedBuilder: (_, openContainer) => Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          _PostThumbnail(
+          _buildThumbnail().paddingOnly(bottom: 4),
-            rid: item.body['thumbnail'],
-            parentId: widget.item.id.toString(),
-          ).paddingOnly(bottom: 4),
           Row(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
@@ -194,11 +537,8 @@ class _PostItemState extends State<PostItem> {
                 child: Column(
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
-                    _PostHeaderWidget(
+                    _buildHeader(),
-                      isCompact: widget.isCompact,
+                    _buildHeaderDivider(),
-                      item: item,
-                    ),
-                    _PostHeaderDividerWidget(item: item),
                     Stack(
                       children: [
                         SizedContainer(
@@ -212,7 +552,6 @@ class _PostItemState extends State<PostItem> {
                             child: MarkdownTextContent(
                               parentId: 'p${item.id}-embed',
                               content: item.body['content'],
-                              isAutoWarp: item.type == 'story',
                               isSelectable: widget.isContentSelectable,
                               isLargeText: item.type == 'article' &&
                                   widget.isFullContent,
@@ -230,14 +569,10 @@ class _PostItemState extends State<PostItem> {
                                     begin: Alignment.bottomCenter,
                                     end: Alignment.topCenter,
                                     colors: [
-                                      (widget.backgroundColor ??
+                                      Theme.of(context).colorScheme.surface,
                                       Theme.of(context)
                                           .colorScheme
-                                              .surface),
+                                          .surface
-                                      (widget.backgroundColor ??
-                                              Theme.of(context)
-                                                  .colorScheme
-                                                  .surface)
                                           .withOpacity(0),
                                     ],
                                   ),
@@ -251,33 +586,15 @@ class _PostItemState extends State<PostItem> {
                       Container(
                         constraints: const BoxConstraints(maxWidth: 480),
                         padding: const EdgeInsets.only(top: 4),
-                        child: _PostEmbedWidget(
+                        child: _buildReply(context),
-                          isClickable: widget.isClickable,
-                          isOverrideEmbedClickable:
-                              widget.isOverrideEmbedClickable,
-                          item: widget.item.replyTo!,
-                          username: widget.item.replyTo!.author.name,
-                          hintText: 'postRepliedNotify',
-                          icon: FontAwesomeIcons.reply,
-                          id: widget.item.replyTo!.id.toString(),
-                        ),
                       ),
                     if (widget.item.repostTo != null && widget.isShowEmbed)
                       Container(
                         constraints: const BoxConstraints(maxWidth: 480),
                         padding: const EdgeInsets.only(top: 4),
-                        child: _PostEmbedWidget(
+                        child: _buildRepost(context),
-                          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),
                   ],
@@ -293,8 +610,8 @@ class _PostItemState extends State<PostItem> {
             right: 16,
             left: 16,
           ),
-          _PostAttachmentWidget(item: item),
+          _buildAttachments(),
-          if (widget.showFeaturedReply) _PostFeaturedReplyWidget(item: item),
+          if (widget.showFeaturedReply) _buildFeaturedReply(),
           if (widget.isShowReply || widget.isReactable)
             PostQuickAction(
               isShowReply: widget.isShowReply,
@@ -337,379 +654,6 @@ 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) => 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),
-                  )
-                  .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('postSearch', queryParameters: {
+                AppRouter.instance.pushNamed('feedSearch', queryParameters: {
                   'tag': x.alias,
                 });
               },

lib/widgets/relative_date.dart

@@ -1,23 +0,0 @@
-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',
-      ),
-    );
-  }
-}