From 7640a330780fda4306c1922f631a71b581caf6c6 Mon Sep 17 00:00:00 2001
From: BigCoke233 <hi@guhub.cn>
Date: Sat, 7 Feb 2026 20:39:36 +0800
Subject: feat(ui): collapse webmention replies and mentions

---
 i18n/zh.yml                                   |  1 +
 layouts/_partials/posts/action-menu.html      | 12 +++++++++---
 layouts/_partials/posts/webmention-likes.html |  9 ++++++++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/i18n/zh.yml b/i18n/zh.yml
index 422eeada..fa2b539a 100644
--- a/i18n/zh.yml
+++ b/i18n/zh.yml
@@ -65,6 +65,7 @@ webmention:
   formPlaceholder: 你的文章的 URL
   submit: 提交
   likedBy: %d 人喜欢了这篇文章
+  repliedAndMentionedBy: ，还有 %d 条回应和提及
   mentionsHeading: 提及这篇文章的
   interactOnFediverse: 在 Fediverse 上互动
 music:
diff --git a/layouts/_partials/posts/action-menu.html b/layouts/_partials/posts/action-menu.html
index c6c2abfc..9358ce0d 100644
--- a/layouts/_partials/posts/action-menu.html
+++ b/layouts/_partials/posts/action-menu.html
@@ -15,9 +15,15 @@
 {{ end }}
 
 <div id="action-menu" class="my-4 mb-5">
-    {{ partial "posts/webmention-likes" (dict "likes" $likes "page" .) }}
-    {{ partial "posts/webmention-replies" $replies }}
-    {{ partial "posts/webmention-mentions" $mentions }}
+    {{ partial "posts/webmention-likes" (dict
+        "likes" $likes
+        "page" .
+        "othercount" (add (len $replies) (len $mentions))
+    ) }}
+    <div id="webmention-collapse" class="hidden">
+        {{ partial "posts/webmention-replies" $replies }}
+        {{ partial "posts/webmention-mentions" $mentions }}
+    </div>
 
     <!-- kept for legacy pages -->
     {{ partial "posts/comment" . }}
diff --git a/layouts/_partials/posts/webmention-likes.html b/layouts/_partials/posts/webmention-likes.html
index df2ff83b..2c23c67f 100644
--- a/layouts/_partials/posts/webmention-likes.html
+++ b/layouts/_partials/posts/webmention-likes.html
@@ -1,11 +1,13 @@
 {{ $likes := .likes }}
 {{ $page := .page }}
+{{ $othercount := .othercount }}
 
 <section class="mb-6 flex gap-2 items-center">
   <div class="flex gap-1 group relative items-center">
       <button data-tooltip id="action-area-btn" title="{{ T "actionMenu.interact" }}" class="m-0 p-0 bg-transparent hover:no-underline cursor-pointer">
           <div class="w-5 h-5 bg-neutral-200 dark:bg-neutral-600 flex justify-center items-center rd-full font-800">+</div>
       </button>
+
       <!-- Action Area -->
       <div id="action-area" class="hidden absolute top-7 left-0 z-50 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-600 rd-md shadow-lg p-4 w-80">
           <div class="grid grid-cols-2 gap-4">
@@ -29,6 +31,11 @@
         </a>
     {{ end }}
  </div>
- <p class="text-secondary m-0 text-sm">{{ printf (T "webmention.likedBy") (len $likes ) }}</p>
+ <p class="text-secondary m-0 text-sm">
+    {{ printf (T "webmention.likedBy") (len $likes ) }}
+    {{ if gt $othercount 0 }}
+        <a id="toggle-webmentions" class="cursor-pointer" onclick="document.getElementById('webmention-collapse').classList.toggle('hidden')">{{ printf (T "webmention.repliedAndMentionedBy") $othercount }}</a>
+    {{ end }}
+ </p>
 </section>
 
-- 
cgit v1.2.3