From 2a2003e638d1e2de8c3c4b4707dd4fb36c724954 Mon Sep 17 00:00:00 2001
From: MythEclipse <asepharyanalm001@gmail.com>
Date: Wed, 3 Jun 2026 20:42:57 +0700
Subject: [PATCH] fix(messages): hide fallback attachment text when media is
 already displayed visually

---
 .../src/features/messages/components/MessageCard.tsx   | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/services/frontend/src/features/messages/components/MessageCard.tsx b/services/frontend/src/features/messages/components/MessageCard.tsx
index 69a95dd..1715c9f 100644
--- a/services/frontend/src/features/messages/components/MessageCard.tsx
+++ b/services/frontend/src/features/messages/components/MessageCard.tsx
@@ -158,6 +158,12 @@ function MessageRow({
   );
   const hasImages = imageAttachments.length > 0;
 
+  /** Hide the fallback text ("[Attachment: ...]", "[Sticker: ...]", "[Embed]") when the actual media IS already shown visually. */
+  const isFallbackText =
+    /^\[(Attachment|Sticker):/i.test(displayContent) ||
+    /^\[Embed\]/i.test(displayContent);
+  const shouldShowContent = displayContent && !isFallbackText;
+
   const handleReanalyze = async () => {
     setIsReanalyzing(true);
     try {
@@ -215,8 +221,8 @@ function MessageRow({
         </div>
       </div>
 
-      {/* Content */}
-      {displayContent ? (
+      {/* Content — hidden when it's just an "[Attachment: ...]" fallback and the image is shown below */}
+      {shouldShowContent ? (
         <p
           className={`whitespace-pre-wrap break-words text-sm leading-6 ${
             message.deleted_at ? "text-muted-foreground/60" : "text-foreground/90"