From b1548baccfd752cc2374c9a6c15ae97b85c6897e Mon Sep 17 00:00:00 2001
From: kevin <kevin@lmve.net>
Date: Wed, 3 Jun 2026 22:49:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E5=8A=9F=E8=83=BD=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 meshmap_frontend/src/components/ChatPanel.vue  |  1 +
 .../src/components/NodeListPanel.vue           | 18 ++++++++----------
 meshmap_frontend/src/style.css                 |  7 +++++++
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/meshmap_frontend/src/components/ChatPanel.vue b/meshmap_frontend/src/components/ChatPanel.vue
index efd4e8c..0616d43 100644
--- a/meshmap_frontend/src/components/ChatPanel.vue
+++ b/meshmap_frontend/src/components/ChatPanel.vue
@@ -129,6 +129,7 @@ onUpdated(() => {
         <strong>{{ senderName(message) }}</strong>
         <small>{{ formatTime(message.created_at) }}</small>
       </span>
+      <span class="chat-topic">{{ message.topic }}</span>
       <span class="chat-text">{{ message.text || '[binary]' }}</span>
     </button>
   </aside>
diff --git a/meshmap_frontend/src/components/NodeListPanel.vue b/meshmap_frontend/src/components/NodeListPanel.vue
index 60a20bc..ff5673d 100644
--- a/meshmap_frontend/src/components/NodeListPanel.vue
+++ b/meshmap_frontend/src/components/NodeListPanel.vue
@@ -20,10 +20,6 @@ const totalPages = computed(() => Math.max(1, Math.ceil(props.total / props.page
 const canPrev = computed(() => props.page > 1)
 const canNext = computed(() => props.page < totalPages.value)
 
-function nodeName(node: NodeInfo): string {
-  return node.long_name || node.short_name || node.node_id
-}
-
 function formatTime(value: string): string {
   return new Date(value).toLocaleString()
 }
@@ -43,11 +39,12 @@ function formatTime(value: string): string {
       <table class="node-table">
         <thead>
           <tr>
-            <th>节点</th>
             <th>Node ID</th>
-            <th>User ID</th>
-            <th>角色</th>
+            <th>Long Name</th>
+            <th>Short Name</th>
             <th>硬件</th>
+            <th>角色</th>
+            <th>Public Key</th>
             <th>更新时间</th>
           </tr>
         </thead>
@@ -59,11 +56,12 @@ function formatTime(value: string): string {
             :class="{ selected: selectedNodeId === node.node_id }"
             @click="emit('select-node', node.node_id)"
           >
-            <td>{{ nodeName(node) }}</td>
             <td>{{ node.node_id }}</td>
-            <td>{{ node.user_id || '-' }}</td>
-            <td>{{ node.role || '-' }}</td>
+            <td>{{ node.long_name || '-' }}</td>
+            <td>{{ node.short_name || '-' }}</td>
             <td>{{ node.hw_model || '-' }}</td>
+            <td>{{ node.role || '-' }}</td>
+            <td>{{ node.public_key || '-' }}</td>
             <td>{{ formatTime(node.updated_at) }}</td>
           </tr>
         </tbody>
diff --git a/meshmap_frontend/src/style.css b/meshmap_frontend/src/style.css
index af27229..e82797d 100644
--- a/meshmap_frontend/src/style.css
+++ b/meshmap_frontend/src/style.css
@@ -203,6 +203,13 @@ h3 {
   color: #64748b;
 }
 
+.chat-topic {
+  color: #64748b;
+  font-size: 12px;
+  line-height: 1.2;
+  word-break: break-all;
+}
+
 .chat-text {
   color: #0f172a;
   line-height: 1.35;