From 891d152a51a52e6a28f0f1da89b802134557eba3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20G=C3=B3mez?= <alejandrogomez@bitrefill.com>
Date: Sun, 5 Apr 2026 22:54:22 +0200
Subject: [PATCH] fix: show rich text in inline replies

---
 .../nostr/kinds/Kind1111Renderer.tsx          | 30 ++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/components/nostr/kinds/Kind1111Renderer.tsx b/src/components/nostr/kinds/Kind1111Renderer.tsx
index 8a41d21..885d5ac 100644
--- a/src/components/nostr/kinds/Kind1111Renderer.tsx
+++ b/src/components/nostr/kinds/Kind1111Renderer.tsx
@@ -117,6 +117,7 @@ function ScopeRow({
  */
 function NostrEventContent({ nostrEvent }: { nostrEvent: NostrEvent }) {
   const title = getEventDisplayTitle(nostrEvent, false);
+  const hasStructuredTitle = title !== nostrEvent.content;
   return (
     <>
       <KindBadge
@@ -128,9 +129,17 @@ function NostrEventContent({ nostrEvent }: { nostrEvent: NostrEvent }) {
         pubkey={nostrEvent.pubkey}
         className="text-accent font-semibold flex-shrink-0"
       />
-      <span className="truncate min-w-0">
-        {title || nostrEvent.content.slice(0, 80)}
-      </span>
+      {hasStructuredTitle ? (
+        <span className="truncate min-w-0">{title}</span>
+      ) : (
+        <div className="text-muted-foreground truncate line-clamp-1 min-w-0 flex-1">
+          <RichText
+            className="truncate line-clamp-1 text-xs [&_img]:size-3.5"
+            event={nostrEvent}
+            options={{ showMedia: false, showEventEmbeds: false }}
+          />
+        </div>
+      )}
     </>
   );
 }
@@ -220,10 +229,17 @@ export function Kind1111Renderer({ event, depth = 0 }: BaseEventProps) {
             pubkey={replyEvent.pubkey}
             className="text-accent font-semibold flex-shrink-0"
           />
-          <span className="truncate min-w-0">
-            {getEventDisplayTitle(replyEvent, false) ||
-              replyEvent.content.slice(0, 80)}
-          </span>
+          <div className="text-muted-foreground truncate line-clamp-1 min-w-0 flex-1">
+            {getEventDisplayTitle(replyEvent, false) !== replyEvent.content ? (
+              getEventDisplayTitle(replyEvent, false)
+            ) : (
+              <RichText
+                className="truncate line-clamp-1 text-xs [&_img]:size-3.5"
+                event={replyEvent}
+                options={{ showMedia: false, showEventEmbeds: false }}
+              />
+            )}
+          </div>
         </ScopeRow>
       )}