From 6af469de2b610e09c0777a944d6f199435fc74ea Mon Sep 17 00:00:00 2001
From: DocNR <thehypoxicdrive@gmail.com>
Date: Sat, 13 Jun 2026 17:32:29 -0400
Subject: [PATCH] feat(mute): collapse muted-thread notes with reveal, matching
 muted users

Thread mute only hard-hid notes in feeds/notifications. Muted USERS get a
second tier: a 'show anyway' placeholder (<MutedNote>) wherever a note
renders through <Note> but isn't list-filtered (embeds/quotes and direct
detail views). Thread mute lacked that tier, so a quote of a muted thread
rendered in full.

Bring thread mute to parity at every tier muted users use:
- Note/index.tsx: collapse to <MutedNote reason='thread'> with a
  'Temporarily display this note' reveal (embeds + detail)
- NoteCard.shouldHide + useFilteredReplies (both hooks): hard-hide
  muted-thread notes (standalone cards + thread reply lists)
- MutedNote generalized with a reason prop ('user' default) so the
  component is not duplicated

Feeds + notifications stay hard-hide, same as muted users.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/components/Note/MutedNote.tsx | 14 ++++++++++++--
 src/components/Note/index.tsx     |  6 ++++--
 src/components/NoteCard/index.tsx |  9 ++++++---
 src/hooks/useFilteredReplies.tsx  | 11 ++++++-----
 src/i18n/locales/en.ts            |  3 ++-
 5 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/components/Note/MutedNote.tsx b/src/components/Note/MutedNote.tsx
index 4964ff6..4a04e5a 100644
--- a/src/components/Note/MutedNote.tsx
+++ b/src/components/Note/MutedNote.tsx
@@ -2,12 +2,22 @@ import { Button } from '@/components/ui/button'
 import { Eye } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
 
-export default function MutedNote({ show }: { show: () => void }) {
+export default function MutedNote({
+  show,
+  reason = 'user'
+}: {
+  show: () => void
+  reason?: 'user' | 'thread'
+}) {
   const { t } = useTranslation()
 
   return (
     <div className="text-muted-foreground my-4 flex flex-col items-center gap-2 font-medium">
-      <div>{t('This user has been muted')}</div>
+      <div>
+        {reason === 'thread'
+          ? t('This note is from a thread you muted')
+          : t('This user has been muted')}
+      </div>
       <Button
         onClick={(e) => {
           e.stopPropagation()
diff --git a/src/components/Note/index.tsx b/src/components/Note/index.tsx
index 539fae0..312ea4c 100644
--- a/src/components/Note/index.tsx
+++ b/src/components/Note/index.tsx
@@ -1,7 +1,7 @@
 import { useSecondaryPage } from '@/DeckManager'
 import { ExtendedKind, NSFW_DISPLAY_POLICY, SUPPORTED_KINDS } from '@/constants'
 import { cn } from '@/lib/utils'
-import { getParentStuff, isNsfwEvent } from '@/lib/event'
+import { getParentStuff, isInMutedThread, isNsfwEvent } from '@/lib/event'
 import { toExternalContent, toNote } from '@/lib/link'
 import { generateBech32IdFromATag, generateBech32IdFromETag, tagNameEquals } from '@/lib/tag'
 import { useContentPolicy } from '@/providers/ContentPolicyProvider'
@@ -77,7 +77,7 @@ export default function Note({
   }, [event])
   const { nsfwDisplayPolicy } = useContentPolicy()
   const [showNsfw, setShowNsfw] = useState(false)
-  const { mutePubkeySet } = useMuteList()
+  const { mutePubkeySet, muteEventIdSet } = useMuteList()
   const [showMuted, setShowMuted] = useState(false)
   const isNsfw = useMemo(
     () => (nsfwDisplayPolicy === NSFW_DISPLAY_POLICY.SHOW ? false : isNsfwEvent(event)),
@@ -104,6 +104,8 @@ export default function Note({
     content = <UnknownNote className="mt-1" event={event} />
   } else if (mutePubkeySet.has(event.pubkey) && !showMuted) {
     content = <MutedNote show={() => setShowMuted(true)} />
+  } else if (isInMutedThread(event, muteEventIdSet) && !showMuted) {
+    content = <MutedNote reason="thread" show={() => setShowMuted(true)} />
   } else if (isNsfw && !showNsfw) {
     content = <NsfwNote show={() => setShowNsfw(true)} />
   } else if (event.kind === kinds.Highlights) {
diff --git a/src/components/NoteCard/index.tsx b/src/components/NoteCard/index.tsx
index ef0c1f7..688305a 100644
--- a/src/components/NoteCard/index.tsx
+++ b/src/components/NoteCard/index.tsx
@@ -1,7 +1,7 @@
 import { UserAvatarSkeleton } from '@/components/UserAvatar'
 import { Skeleton } from '@/components/ui/skeleton'
 import { NSFW_DISPLAY_POLICY } from '@/constants'
-import { isMentioningMutedUsers, isNsfwEvent } from '@/lib/event'
+import { isInMutedThread, isMentioningMutedUsers, isNsfwEvent } from '@/lib/event'
 import { cn } from '@/lib/utils'
 import { useContentPolicy } from '@/providers/ContentPolicyProvider'
 import { useMuteList } from '@/providers/UserListsProvider'
@@ -23,12 +23,15 @@ function NoteCardImpl({
   pinned?: boolean
   reposters?: string[]
 }) {
-  const { mutePubkeySet } = useMuteList()
+  const { mutePubkeySet, muteEventIdSet } = useMuteList()
   const { hideContentMentioningMutedUsers, nsfwDisplayPolicy } = useContentPolicy()
   const shouldHide = useMemo(() => {
     if (filterMutedNotes && mutePubkeySet.has(event.pubkey)) {
       return true
     }
+    if (filterMutedNotes && isInMutedThread(event, muteEventIdSet)) {
+      return true
+    }
     if (hideContentMentioningMutedUsers && isMentioningMutedUsers(event, mutePubkeySet)) {
       return true
     }
@@ -36,7 +39,7 @@ function NoteCardImpl({
       return true
     }
     return false
-  }, [event, filterMutedNotes, mutePubkeySet, nsfwDisplayPolicy])
+  }, [event, filterMutedNotes, mutePubkeySet, muteEventIdSet, nsfwDisplayPolicy])
   if (shouldHide) return null
 
   if (event.kind === kinds.Repost || event.kind === kinds.GenericRepost) {
diff --git a/src/hooks/useFilteredReplies.tsx b/src/hooks/useFilteredReplies.tsx
index b60e16c..bf6b910 100644
--- a/src/hooks/useFilteredReplies.tsx
+++ b/src/hooks/useFilteredReplies.tsx
@@ -1,4 +1,4 @@
-import { getEventKey, isMentioningMutedUsers } from '@/lib/event'
+import { getEventKey, isInMutedThread, isMentioningMutedUsers } from '@/lib/event'
 import { useContentPolicy } from '@/providers/ContentPolicyProvider'
 import { useMuteList } from '@/providers/UserListsProvider'
 import { useNostr } from '@/providers/NostrProvider'
@@ -8,7 +8,7 @@ import { useAllDescendantThreads } from './useThread'
 
 export function useFilteredReplies(stuffKey: string) {
   const { pubkey } = useNostr()
-  const { mutePubkeySet } = useMuteList()
+  const { mutePubkeySet, muteEventIdSet } = useMuteList()
   const { hideContentMentioningMutedUsers } = useContentPolicy()
   const allThreads = useAllDescendantThreads(stuffKey)
   const [replies, setReplies] = useState<NostrEvent[]>([])
@@ -25,6 +25,7 @@ export function useFilteredReplies(stuffKey: string) {
       replyKeySet.add(key)
 
       if (mutePubkeySet.has(evt.pubkey)) continue
+      if (isInMutedThread(evt, muteEventIdSet)) continue
       if (hideContentMentioningMutedUsers && isMentioningMutedUsers(evt, mutePubkeySet)) continue
 
       filtered.push(evt)
@@ -32,7 +33,7 @@ export function useFilteredReplies(stuffKey: string) {
 
     filtered.sort((a, b) => b.created_at - a.created_at)
     setReplies(filtered)
-  }, [stuffKey, allThreads, mutePubkeySet, hideContentMentioningMutedUsers])
+  }, [stuffKey, allThreads, mutePubkeySet, muteEventIdSet, hideContentMentioningMutedUsers])
 
   useEffect(() => {
     let replied = false
@@ -51,7 +52,7 @@ export function useFilteredReplies(stuffKey: string) {
 export function useFilteredAllReplies(stuffKey: string) {
   const { pubkey } = useNostr()
   const allThreads = useAllDescendantThreads(stuffKey)
-  const { mutePubkeySet } = useMuteList()
+  const { mutePubkeySet, muteEventIdSet } = useMuteList()
   const { hideContentMentioningMutedUsers } = useContentPolicy()
   const [replies, setReplies] = useState<NostrEvent[]>([])
   const [hasReplied, setHasReplied] = useState(false)
@@ -76,7 +77,7 @@ export function useFilteredAllReplies(stuffKey: string) {
       parentKeys = events.map((evt) => getEventKey(evt))
     }
     setReplies(replyEvents.sort((a, b) => a.created_at - b.created_at))
-  }, [stuffKey, allThreads, mutePubkeySet, hideContentMentioningMutedUsers])
+  }, [stuffKey, allThreads, mutePubkeySet, muteEventIdSet, hideContentMentioningMutedUsers])
 
   useEffect(() => {
     let replied = false
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
index c3aafcd..4a88abf 100644
--- a/src/i18n/locales/en.ts
+++ b/src/i18n/locales/en.ts
@@ -1081,6 +1081,7 @@ export default {
     'Configure relay sets': 'Configure relay sets',
     'Mute thread': 'Mute thread',
     'Unmute thread': 'Unmute thread',
-    'Muted threads': 'Muted threads'
+    'Muted threads': 'Muted threads',
+    'This note is from a thread you muted': 'This note is from a thread you muted'
   }
 }