From c4a88dd19fe6bfb2305d11c80c0c0eb2bdd1d6a7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 23 Jul 2026 16:06:18 +0300
Subject: [PATCH] quote support

---
 src/components/chat_message/chat_message.js   | 11 +++++++++++
 src/components/chat_message/chat_message.scss |  4 ++++
 src/components/chat_message/chat_message.vue  |  7 +++++++
 3 files changed, 22 insertions(+)

diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index a71e3ac46..26e6eb6bf 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,5 +1,6 @@
 import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
+import { defineAsyncComponent } from 'vue'
 
 import Attachment from 'src/components/attachment/attachment.vue'
 import MentionLink from 'src/components/mention_link/mention_link.vue'
@@ -59,6 +60,7 @@ const ChatMessage = {
     UserPopover,
     StatusPopover,
     MentionLink,
+    Quote: defineAsyncComponent(() => import('src/components/quote/quote.vue')),
     Timeago,
   },
   computed: {
@@ -115,6 +117,15 @@ const ChatMessage = {
         return user ? user.statusnet_profile_url : 'NOT_FOUND'
       }
     },
+    quoteId() {
+      return this.message.quote_id
+    },
+    quoteUrl() {
+      return this.message.quote_url
+    },
+    quoteVisible() {
+      return this.message.quote_visible
+    },
     messageForStatusContent() {
       return {
         summary: '',
diff --git a/src/components/chat_message/chat_message.scss b/src/components/chat_message/chat_message.scss
index 44dd01c30..becf1c0b0 100644
--- a/src/components/chat_message/chat_message.scss
+++ b/src/components/chat_message/chat_message.scss
@@ -15,6 +15,10 @@
     min-width: 30em;
   }
 
+  .quoted-post {
+    margin-bottom: 1.5em;
+  }
+
   .chat-message-toolbar {
     transition: opacity 0.1s;
     opacity: 0;
diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue
index a12218008..1906444fe 100644
--- a/src/components/chat_message/chat_message.vue
+++ b/src/components/chat_message/chat_message.vue
@@ -146,6 +146,13 @@
               >
                 <template #footer>
                   <EmojiReactions :status="message" />
+                  <Quote
+                    class="quoted-post"
+                    :status-id="quoteId"
+                    :status-url="quoteUrl"
+                    :status-visible="quoteVisible"
+                    initially-expanded
+                  />
                   <span
                     class="created-at"
                   >