From 5c7577cab0d8eddd7d8cb91d088af5596513c2f9 Mon Sep 17 00:00:00 2001
From: butubb <1422726308@qq.com>
Date: Sun, 11 Oct 2026 09:02:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(monitor):=20=E4=BD=9C=E5=93=81=E7=9A=84?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=93=BE=E6=8E=A5=E8=B7=9F=E5=88=B0=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E5=90=8E=E9=9D=A2=EF=BC=8C=E4=B8=8D=E5=86=8D=E6=8C=82?=
 =?UTF-8?q?=E5=9C=A8=E6=95=B4=E8=A1=8C=E6=9C=80=E5=8F=B3=E8=BE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

挂在最后一列时它脱离了被修饰的东西 —— 眼睛得横穿整张表才找得到那个链接，
而它属于的是最左边那条作品。

一并去掉那一列（表头也去掉），列数从 9 回到 8：行比表头多一格，本来就对不齐。

现在两边都是 8 格：箭头 / 作品 / 4 项指标 / 发布日期 / 首次发现。
---
 webui/src/components/monitor/NotesTable.tsx | 36 ++++++++++-----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/webui/src/components/monitor/NotesTable.tsx b/webui/src/components/monitor/NotesTable.tsx
index 408bbe0..fc0c927 100644
--- a/webui/src/components/monitor/NotesTable.tsx
+++ b/webui/src/components/monitor/NotesTable.tsx
@@ -80,8 +80,9 @@ function sumMetrics(notes: MonitorNote[]) {
   return { values, deltas }
 }
 
-// 多出来的那几列：展开箭头、作品、发布日期、首次发现、跳转链接；分组表头会跨掉整行。
-const COLUMN_COUNT = METRIC_COLUMNS.length + 5
+// 多出来的那几列：展开箭头、作品、发布日期、首次发现；分组表头会跨掉整行。
+// 作品的跳转链接**不算一列** —— 它跟在标题后面，见下面的行渲染。
+const COLUMN_COUNT = METRIC_COLUMNS.length + 4
 
 /**
  * 账号级指标那几个字段。
@@ -274,7 +275,6 @@ export function NotesTable({ taskId, onlyNew }: NotesTableProps) {
             ))}
             <th className="text-right font-normal py-2 px-2">发布日期</th>
             <th className="text-right font-normal py-2 px-2">首次发现</th>
-            <th className="w-8" />
           </tr>
         </thead>
         <tbody>
@@ -419,6 +419,21 @@ export function NotesTable({ taskId, onlyNew }: NotesTableProps) {
                                   >
                                     {note.title || note.note_id}
                                   </span>
+                                  {/* 跳转紧跟在标题后面 —— 它属于**这条作品**，挂在整行最右边
+                                      时就脱离了它修饰的东西，眼睛得横穿整张表去找。
+                                      stopPropagation，否则点它会连带展开趋势图。 */}
+                                  {note.note_url && (
+                                    <a
+                                      href={note.note_url}
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      onClick={(event) => event.stopPropagation()}
+                                      title="打开原作品"
+                                      className="text-cyber-text-muted hover:text-cyber-neon-cyan flex-shrink-0"
+                                    >
+                                      <ExternalLink className="w-3 h-3" />
+                                    </a>
+                                  )}
                                 </div>
                                 {editingNote === rowKey ? (
                                   <input
@@ -479,21 +494,6 @@ export function NotesTable({ taskId, onlyNew }: NotesTableProps) {
                           <td className="py-2 px-2 text-right text-[10px] text-cyber-text-muted">
                             {formatRelative(note.first_seen_at)}
                           </td>
-                          <td className="py-2 px-1">
-                            {/* 直接跳转到该作品。stopPropagation，否则点它会连带展开趋势图。 */}
-                            {note.note_url && (
-                              <a
-                                href={note.note_url}
-                                target="_blank"
-                                rel="noopener noreferrer"
-                                onClick={(event) => event.stopPropagation()}
-                                title="打开原作品"
-                                className="text-cyber-text-muted hover:text-cyber-neon-cyan"
-                              >
-                                <ExternalLink className="w-3 h-3" />
-                              </a>
-                            )}
-                          </td>
                         </tr>
                         {open && (
                           <tr className="bg-cyber-bg-secondary/40">