From fbcff96a49a3e1fad9ec6f8d9e1daa00f1d0d81a Mon Sep 17 00:00:00 2001
From: viettranx <viettranx@gmail.com>
Date: Thu, 2 Apr 2026 08:23:17 +0700
Subject: [PATCH] feat(pending-messages): add topic suffix to group titles

Show topic/thread context in pending messages group titles for clarity.
---
 .../pages/pending-messages/pending-messages-page.tsx  | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ui/web/src/pages/pending-messages/pending-messages-page.tsx b/ui/web/src/pages/pending-messages/pending-messages-page.tsx
index c7826b96..649eacf9 100644
--- a/ui/web/src/pages/pending-messages/pending-messages-page.tsx
+++ b/ui/web/src/pages/pending-messages/pending-messages-page.tsx
@@ -140,9 +140,16 @@ export function PendingMessagesPage() {
                       onClick={() => setSelectedGroup(g)}
                     >
                       <td className="px-4 py-3 font-medium">{g.channel_name}</td>
-                      <td className="max-w-[200px] truncate px-4 py-3">
+                      <td className="max-w-[300px] truncate px-4 py-3">
                         {g.group_title ? (
-                          <span className="font-medium">{g.group_title}</span>
+                          <span className="font-medium">
+                            {g.group_title}
+                            {g.history_key.includes(":topic:") && (
+                              <span className="ml-1.5 text-xs font-normal text-muted-foreground">
+                                &gt; topic:{g.history_key.split(":topic:")[1]}
+                              </span>
+                            )}
+                          </span>
                         ) : (
                           <span className="font-mono text-xs text-muted-foreground">{g.history_key}</span>
                         )}