From 90296016e38f6d04a395b497611e1a88cc4aea04 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 8 Aug 2025 16:01:07 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/15477

---
 app/src/protyle/render/av/groups.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/src/protyle/render/av/groups.ts b/app/src/protyle/render/av/groups.ts
index 09aba4580..abd742b47 100644
--- a/app/src/protyle/render/av/groups.ts
+++ b/app/src/protyle/render/av/groups.ts
@@ -190,7 +190,11 @@ export const getGroupsHTML = (columns: IAVColumn[], view: IAVView) => {
                 }
                 groupHTML += `<button class="b3-menu__item" draggable="${disabledDrag ? "false" : "true"}" data-id="${item.id}">
     ${disabledDrag ? "" : '<svg class="b3-menu__icon fn__grab"><use xlink:href="#iconDrag"></use></svg>'}
-    <div class="b3-menu__label fn__flex">${item.name || ""}</div>
+    ${item.groupValue?.mSelect?.length > 0 ? `<div class="fn__flex-1">
+        <span class="b3-chip" style="background-color:var(--b3-font-background${item.groupValue.mSelect[0].color});color:var(--b3-font-color${item.groupValue.mSelect[0].color})">
+            <span class="fn__ellipsis">${escapeHtml(item.groupValue.mSelect[0].content)}</span>
+        </span>
+    </div>` : `<div class="b3-menu__label fn__flex-1">${item.name || ""}</div>`}
     <svg class="b3-menu__action b3-menu__action--show" data-type="hideGroup" data-id="${item.id}"><use xlink:href="#iconEye${item.groupHidden === 0 ? "" : "off"}"></use></svg>
 </button>`;
             });