feat: simplify replying to badge in detailed view

components/status/StatusCard.vue

@@ -15,6 +15,9 @@ const props = withDefaults(
     // Manual overrides
     hasOlder?: boolean
     hasNewer?: boolean
+    // When looking into a detailed view of a post, we can simplify the replying badges
+    // to the main expanded post
+    main?: Status
   }>(),
   { actions: true, showReplyTo: true },
 )
@@ -74,8 +77,10 @@ const showRebloggedByAvatarOnAvatar = $computed(() => rebloggedBy && avatarOnAva
 // Collapse ReplyingTo badge if it is a self-reply (thread)
 const collapseReplyingTo = $computed(() => (!rebloggedBy || collapseRebloggedBy) && status.inReplyToAccountId === status.account.id)
 
-// Only show avatar in ReplyingTo badge if it was reblogged by the same account
-const simplifyReplyingTo = $computed(() => rebloggedBy && rebloggedBy.id === status.inReplyToAccountId)
+// Only show avatar in ReplyingTo badge if it was reblogged by the same account or if it is against the main post
+const simplifyReplyingTo = $computed(() =>
+  (props.main && props.main.account.id === status.inReplyToAccountId) || (rebloggedBy && rebloggedBy.id === status.inReplyToAccountId),
+)
 
 const isDM = $computed(() => status.visibility === 'direct')
 </script>

pages/[[server]]/@[account]/[status].vue

@@ -86,7 +86,7 @@ onReactivated(() => {
         <template v-for="(comment, di) of context?.descendants" :key="comment.id">
           <StatusCard
             :status="comment" :actions="comment.visibility !== 'direct'" context="account"
-            :older="context?.descendants[di + 1]" :newer="context?.descendants[di - 1]" :has-newer="di === 0"
+            :older="context?.descendants[di + 1]" :newer="context?.descendants[di - 1]" :has-newer="di === 0" :main="status"
           />
         </template>