From 0d55331303375b7b5d2638a3f5b13639fa34306e Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 19 Jan 2026 20:31:39 +0000
Subject: [PATCH] fix: hide reply button and menu for NIP-10 root message

In NIP-10 thread chats, the root message now cannot be replied to
directly, as all messages in the thread are implicitly replies to
the root.

Changes:
- Added isRootMessage prop to MessageItem component
- Hide reply button when message is the root message
- Remove reply option from context menu for root message
- Root message check: protocol === "nip-10" && message ID matches rootEventId
---
 src/components/ChatViewer.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/ChatViewer.tsx b/src/components/ChatViewer.tsx
index b62d872..af29920 100644
--- a/src/components/ChatViewer.tsx
+++ b/src/components/ChatViewer.tsx
@@ -262,6 +262,7 @@ const MessageItem = memo(function MessageItem({
   onReply,
   canReply,
   onScrollToMessage,
+  isRootMessage,
 }: {
   message: Message;
   adapter: ChatProtocolAdapter;
@@ -269,6 +270,7 @@ const MessageItem = memo(function MessageItem({
   onReply?: (messageId: string) => void;
   canReply: boolean;
   onScrollToMessage?: (messageId: string) => void;
+  isRootMessage?: boolean;
 }) {
   // Get relays for this conversation (memoized to prevent unnecessary re-subscriptions)
   const relays = useMemo(
@@ -377,7 +379,7 @@ const MessageItem = memo(function MessageItem({
           </span>
           {/* Reactions display - inline after timestamp */}
           <MessageReactions messageId={message.id} relays={relays} />
-          {canReply && onReply && (
+          {canReply && onReply && !isRootMessage && (
             <button
               onClick={() => onReply(message.id)}
               className="opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground hover:text-foreground ml-auto"
@@ -414,7 +416,11 @@ const MessageItem = memo(function MessageItem({
     return (
       <ChatMessageContextMenu
         event={message.event}
-        onReply={canReply && onReply ? () => onReply(message.id) : undefined}
+        onReply={
+          canReply && onReply && !isRootMessage
+            ? () => onReply(message.id)
+            : undefined
+        }
         conversation={conversation}
         adapter={adapter}
         message={message}
@@ -1027,6 +1033,11 @@ export function ChatViewer({
                   </div>
                 );
               }
+              // For NIP-10 threads, check if this is the root message
+              const isRootMessage =
+                protocol === "nip-10" &&
+                conversation.metadata?.rootEventId === item.data.id;
+
               return (
                 <MessageItem
                   key={item.data.id}
@@ -1036,6 +1047,7 @@ export function ChatViewer({
                   onReply={handleReply}
                   canReply={canSign}
                   onScrollToMessage={handleScrollToMessage}
+                  isRootMessage={isRootMessage}
                 />
               );
             }}