From 18e69046f137e15648cfc1a0f005e42ee2a64826 Mon Sep 17 00:00:00 2001
From: admin <jerryhaozhang@gmail.com>
Date: Sat, 12 Sep 2026 18:32:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E6=96=87=E7=8C=AE=E6=9D=A5=E6=BA=90?=
 =?UTF-8?q?=20SourceRow=20=E5=BE=BD=E6=A0=87=E4=B8=8E=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E9=87=8D=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

r4 #27 把徽标从序号换成 paper_id(12 字符+…),但 ft-ico 仍是
文件树时代的固定 16px——13 个 mono 字符溢出与 ft-name 重叠。
改自适应宽度(width:auto 覆盖 base.css 全局规则,min 16px/
max 96px + ellipsis 截断),badgeTitle 属性保留完整值。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 ui/src/components/bench/SourceRow.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/bench/SourceRow.vue b/ui/src/components/bench/SourceRow.vue
index 82345c5..0dc2cad 100644
--- a/ui/src/components/bench/SourceRow.vue
+++ b/ui/src/components/bench/SourceRow.vue
@@ -119,7 +119,19 @@ const metaParts = computed(() => {
   100% { background: color-mix(in srgb, var(--pa-g-to) 6%, transparent); }
 }
 .ft-item { display: flex; align-items: flex-start; gap: 8px; }
-.ft-ico { flex: none; width: 16px; text-align: center; }
+/* 2026-09-12 缺陷:ft-ico 固定 16px 装不下 paper_id 徽标(12 字符+…),
+   文本溢出与 ft-name 重叠。改自适应宽度 + ellipsis 截断
+   (badgeTitle 属性保留完整值)。 */
+.ft-ico {
+  flex: none;
+  width: auto; /* 覆盖 base.css .ft-item .ft-ico 的固定 16px——paper_id 徽标需按内容自适应 */
+  min-width: 16px;
+  max-width: 96px;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .idx { color: var(--pa-ink-subtle); font-size: 11px; line-height: 1.7; }
 .src-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
 .src-line1 { display: flex; align-items: baseline; min-width: 0; }