From 646c95a86f80f9d5e35ca8b8a2be5a8a08ea494c Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 29 Mar 2026 14:56:55 -0500
Subject: [PATCH] Show kind action header on threaded ancestor NoteCards

The KIND_HEADER_MAP action header (e.g. 'updated their badges',
'created a badge', 'shared a photo') was only rendered in the normal
NoteCard layout. Now it also appears in the threaded layout, so parent
events shown as ancestors in reply threads display their kind context.
---
 src/components/NoteCard.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/components/NoteCard.tsx b/src/components/NoteCard.tsx
index 5e29922c..4be9ed6b 100644
--- a/src/components/NoteCard.tsx
+++ b/src/components/NoteCard.tsx
@@ -1033,6 +1033,28 @@ export const NoteCard = memo(function NoteCard({
 
   // ── Threaded layout (with or without connector line) ──
   if (threaded || threadedLast) {
+    // Kind action header (e.g. "updated their badges") — same logic as normal layout
+    const threadedKindHeader = !repostedBy && KIND_HEADER_MAP[event.kind]
+      ? (() => {
+          const cfg = KIND_HEADER_MAP[event.kind];
+          const isLive = event.kind === 30311 && getEffectiveStreamStatus(event) === "live";
+          return (
+            <EventActionHeader
+              pubkey={event.pubkey}
+              icon={cfg.icon}
+              iconClassName={
+                event.kind === 30311
+                  ? isLive ? "text-primary" : "text-muted-foreground"
+                  : cfg.iconClassName
+              }
+              action={typeof cfg.action === "function" ? cfg.action(event.tags, event) : cfg.action}
+              noun={cfg.noun}
+              nounRoute={cfg.nounRoute}
+            />
+          );
+        })()
+      : null;
+
     return (
       <article
         className={cn(
@@ -1043,6 +1065,7 @@ export const NoteCard = memo(function NoteCard({
         onClick={handleCardClick}
         onAuxClick={handleAuxClick}
       >
+        {threadedKindHeader}
         {isFollowPack ? (
           <div className={cn("min-w-0", threaded && "pb-3")}>
             {contentBlock}