From 275fdc67a06a3975118b575f0dd399a9bc1cefdb Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 13:32:46 +0300
Subject: [PATCH 1/8] better styles for single-line statusbody

---
 src/components/status_body/status_body.scss | 17 +++++++++++++++++
 src/components/status_body/status_body.vue  |  4 ++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/status_body/status_body.scss b/src/components/status_body/status_body.scss
index f248e8099..46299533a 100644
--- a/src/components/status_body/status_body.scss
+++ b/src/components/status_body/status_body.scss
@@ -92,6 +92,23 @@
     }
   }
 
+  &.-single-line {
+    .summary-wrapper {
+      display: inline-block;
+      margin: 0;
+      padding: 0;
+      border: none;
+
+      .summary {
+        padding: 0;
+      }
+    }
+
+    .text-wrapper {
+      display: inline-flex;
+    }
+  }
+
   & .tall-status-hider,
   & .tall-subject-hider,
   & .status-unhider,
diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index e8994180a..c662a0aa7 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="StatusBody"
-    :class="{ '-compact': compact }"
+    :class="{ '-compact': compact, '-single-line': singleLine }"
   >
     <div class="body">
       <div
@@ -36,7 +36,7 @@
       </div>
       <div
         class="text-wrapper"
-        :class="{'-tall-status': hideTallStatus, '-hidden': shouldHide, '-expanded': showingMore}"
+        :class="{'-tall-status': hideTallStatus, '-hidden': shouldHide, '-expanded': showingMore }"
       >
         <RichContent
           v-if="!(singleLine && hasSubject) && !shouldHide"

From 7bf5060743a7a3e394ff4903d116fb78b04075a2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 13:35:07 +0300
Subject: [PATCH 2/8] ignore subject line for reply preview

---
 src/components/chat_message/chat_message.vue | 1 +
 src/components/status_body/status_body.js    | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue
index bc50d56a6..36f05fa75 100644
--- a/src/components/chat_message/chat_message.vue
+++ b/src/components/chat_message/chat_message.vue
@@ -51,6 +51,7 @@
           :status="customReplyTo"
           collapse
           single-line
+          ignore-subject
         />
         <MentionLink
           v-else-if="customReplyTo"
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index e6752cb1a..3cbbf61f3 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -44,6 +44,12 @@ const StatusBody = {
       type: Boolean,
       default: false,
     },
+    ignoreSubject: {
+      // Pretend subject line doesn't exist. Useful for chat messages
+      // to indicate what post reply belongs to
+      type: Boolean,
+      default: false,
+    }
   },
   data() {
     return {
@@ -76,7 +82,7 @@ const StatusBody = {
       return this.status.summary.length > 240
     },
     hasSubject() {
-      return !!this.status.summary
+      return !!this.status.summary && !this.ignoreSubject
     },
     // When a status has a subject and is also tall, we should only have one show more/less
     // button. If the default is to collapse statuses with subjects, we just treat it like

From 3c8d7ed11f5a689bf471077b29daee3cf101dff9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 13:42:41 +0300
Subject: [PATCH 3/8] display subject in coversation's header

---
 src/components/conversation/conversation.js  | 2 ++
 src/components/conversation/conversation.vue | 6 ++++++
 src/components/status_body/status_body.js    | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 4804b3c7a..bd331e7b7 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -7,6 +7,7 @@ import PostStatusForm from 'src/components/post_status_form/post_status_form.vue
 import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
 import QuickViewSettings from 'src/components/quick_view_settings/quick_view_settings.vue'
 import ThreadTree from 'src/components/thread_tree/thread_tree.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
@@ -426,6 +427,7 @@ const conversation = {
     QuickViewSettings,
     ChatMessageList,
     PostStatusForm,
+    RichContent,
   },
   watch: {
     statusId(newVal, oldVal) {
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index bdfd08e6b..48b83e10f 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -10,7 +10,13 @@
       class="panel-heading conversation-heading -sticky"
     >
       <h1 class="title">
+        <RichContent
+          v-if="conversation[0].summary"
+          :html="conversation[0].summary"
+          />
+        <template v-else>
         {{ $t('timeline.conversation') }}
+        </template>
       </h1>
       <button
         v-if="collapsable"
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index 3cbbf61f3..12580dae0 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,6 +1,7 @@
 import { mapState } from 'pinia'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -15,6 +16,9 @@ library.add(faFile, faMusic, faImage, faLink, faPollH)
 
 const StatusBody = {
   name: 'StatusBody',
+  components: {
+    RichContent,
+  },
   props: {
     status: {
       // Main thing

From 98b30733ad853f1ee283a45db0d3769dfceae2e0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 13:45:10 +0300
Subject: [PATCH 4/8] less confusing reply indicator

---
 src/components/chat_message/chat_message.vue | 21 ++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue
index 36f05fa75..fb2b139ed 100644
--- a/src/components/chat_message/chat_message.vue
+++ b/src/components/chat_message/chat_message.vue
@@ -44,23 +44,24 @@
         </span>
       </template>
       <template #user>
-        <!-- v-if is there because status might not be loaded yet -->
-        <StatusBody
-          v-if="customReplyTo && customReplyTo.text.trim().length > 0"
-          class="reply-body faint"
-          :status="customReplyTo"
-          collapse
-          single-line
-          ignore-subject
-        />
         <MentionLink
-          v-else-if="customReplyTo"
           class="reply-body"
           :content="replyToName"
           :url="replyProfileLink"
           :user-id="message.in_reply_to_user_id"
           :user-screen-name="message.in_reply_to_screen_name"
         />
+        <!-- v-if is there because status might not be loaded yet -->
+        <template v-if="customReplyTo && customReplyTo.text.trim().length > 0">
+          :
+          <StatusBody
+            class="reply-body faint"
+            :status="customReplyTo"
+            collapse
+            single-line
+            ignore-subject
+          />
+        </template>
       </template>
     </i18n-t>
     <div

From 749d42978fc663c4415f383194af1a34a96ab091 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 13:51:41 +0300
Subject: [PATCH 5/8] scrolling

---
 src/components/chat_message/chat_message.js  | 21 ++++++++++++++++++++
 src/components/conversation/conversation.vue |  2 +-
 src/components/status/status.js              |  5 ++---
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 01bac858e..879d329f8 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -153,6 +153,11 @@ const ChatMessage = {
       menuOpened: false,
     }
   },
+  watch: {
+    focused: function (value) {
+      this.scrollIfFocused(value)
+    },
+  },
   methods: {
     onHover(bool) {
       this.$emit('hover', {
@@ -188,6 +193,22 @@ const ChatMessage = {
       this.hovered = false
       this.menuOpened = false
     },
+    scrollIfFocused(focused) {
+      if (this.$el.getBoundingClientRect == null) return
+      if (focused) {
+        const rect = this.$el.getBoundingClientRect()
+        if (rect.top < 100) {
+          // Post is above screen, match its top to screen top
+          window.scrollBy(0, rect.top - 100)
+        } else if (rect.height >= window.innerHeight - 50) {
+          // Post we want to see is taller than screen so match its top to screen top
+          window.scrollBy(0, rect.top - 100)
+        } else if (rect.bottom > window.innerHeight - 50) {
+          // Post is below screen, match its bottom to screen bottom
+          window.scrollBy(0, rect.bottom - window.innerHeight + 50)
+        }
+      }
+    },
   },
 }
 
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index 48b83e10f..5abeda05b 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -11,7 +11,7 @@
     >
       <h1 class="title">
         <RichContent
-          v-if="conversation[0].summary"
+          v-if="conversation[0]?.summary"
           :html="conversation[0].summary"
           />
         <template v-else>
diff --git a/src/components/status/status.js b/src/components/status/status.js
index b9359b399..fb37a7faf 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -540,10 +540,9 @@ const Status = {
     toggleThreadDisplay() {
       this.controlledToggleThreadDisplay()
     },
-    scrollIfFocused(focusedId) {
+    scrollIfFocused(focused) {
       if (this.$el.getBoundingClientRect == null) return
-      const id = focusedId
-      if (this.status.id === id) {
+      if (focused) {
         const rect = this.$el.getBoundingClientRect()
         if (rect.top < 100) {
           // Post is above screen, match its top to screen top

From cf4446829e158aeadfeb33cd96df48ef49e45a9a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 14:08:40 +0300
Subject: [PATCH 6/8] repeat/fav indicators

---
 src/components/chat_message/chat_message.js  |  6 +++++-
 src/components/chat_message/chat_message.vue | 19 +++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 879d329f8..a71e3ac46 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -14,6 +14,7 @@ import StatusPopover from 'src/components/status_popover/status_popover.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
 import Timeago from 'src/components/timeago/timeago.vue'
+import EmojiReactions from 'src/components/emoji_reactions/emoji_reactions.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -25,9 +26,11 @@ import {
   faEllipsisH,
   faTimes,
   faReply,
+  faRetweet,
+  faStar,
 } from '@fortawesome/free-solid-svg-icons'
 
-library.add(faTimes, faEllipsisH, faCircleNotch, faReply)
+library.add(faTimes, faEllipsisH, faCircleNotch, faReply, faStar, faRetweet)
 
 const ChatMessage = {
   name: 'ChatMessage',
@@ -52,6 +55,7 @@ const ChatMessage = {
     Gallery,
     LinkPreview,
     ChatMessageDate,
+    EmojiReactions,
     UserPopover,
     StatusPopover,
     MentionLink,
diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue
index fb2b139ed..a12218008 100644
--- a/src/components/chat_message/chat_message.vue
+++ b/src/components/chat_message/chat_message.vue
@@ -145,9 +145,28 @@
                 :full-content="true"
               >
                 <template #footer>
+                  <EmojiReactions :status="message" />
                   <span
                     class="created-at"
                   >
+                    <span
+                      v-if="message.favorited"
+                    >
+                      <FAIcon
+                        class="fa-scale-110"
+                        icon="star"
+                        fixed-width
+                      />
+                    </span>
+                    <span
+                      v-if="message.repeated"
+                    >
+                      <FAIcon
+                        class="fa-scale-110"
+                        icon="retweet"
+                        fixed-width
+                      />
+                    </span>
                     <span
                       v-if="message.visibility"
                       class="visibility-icon"

From 1c69563b104b45d8913f7e80175bdfdf20effa75 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 14:18:56 +0300
Subject: [PATCH 7/8] compensate for reply indicator width

---
 src/components/chat_message/chat_message.scss | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/chat_message/chat_message.scss b/src/components/chat_message/chat_message.scss
index 0d5db41b2..27fda87f5 100644
--- a/src/components/chat_message/chat_message.scss
+++ b/src/components/chat_message/chat_message.scss
@@ -126,20 +126,26 @@
     align-items: flex-start;
   }
 
+  .end-spacer {
+    flex: 1 1 0;
+    min-width: calc(2.2rem + 0.5rem + 2rem);
+  }
+
   .reply-indicator {
     display: flex;
     place-items: center;
     place-content: center;
     padding: 0.25em;
+    width: 1em;
     margin: var(--roundness) 0;
     background: var(--border);
     border-radius: var(--roundness);
     border: 1px solid var(--border);
-  }
 
-  .end-spacer {
-    flex: 1 1 0;
-    min-width: calc(2.2em + 0.5em + 2em);
+    + .end-spacer {
+      // Compensate for reply indicator
+      min-width: calc(2.2rem + 0.5rem + 2rem - (1rem + (1px + 0.25rem) * 2));
+    }
   }
 
   &.-incoming {

From b62dad5f3bc28263c4f6931a971c1ae051c5e4f4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 14:22:36 +0300
Subject: [PATCH 8/8] make attachments bigger

---
 src/components/chat_message/chat_message.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/chat_message/chat_message.scss b/src/components/chat_message/chat_message.scss
index 27fda87f5..44dd01c30 100644
--- a/src/components/chat_message/chat_message.scss
+++ b/src/components/chat_message/chat_message.scss
@@ -11,6 +11,10 @@
     }
   }
 
+  .attachments {
+    min-width: 30em;
+  }
+
   .chat-message-toolbar {
     transition: opacity 0.1s;
     opacity: 0;