[UI Triage] · Trace 详情 · 日志 Tab 重复元数据过密难读

[databufflabs]

页面

/appMonitor/traceDetail（调用链详情 · Span 日志 Tab）

截图

复现步骤

1. 打开应用性能 → 链路追踪，点开任意有日志关联的 Trace
2. 在调用树中选中一个 Span（如 Dubbo 方法）
3. 在右侧详情切换到「日志」Tab

异常描述

侧栏「日志」列表中，每条日志都完整重复：服务实例、主机、服务、状态。相邻条目这些字段几乎完全相同，行距/字段挤在一起，真正有差异的「日志」正文被淹没，扫读极差。

建议修复

1. 跨条抽取公共上下文：同 Span / 同服务的日志列表顶部展示一次实例·主机·服务，条目内只保留时间 + 级别 + 正文
2. 拉开信息层级：时间与正文用更大字重/行距；元数据降级为次要灰字或折叠「详情」
3. 避免同屏墙：侧栏条目间距与字段间距至少保证正文可一眼扫到

来源

• UI 分诊（kr-daily-ui-triage）
• 指纹：trace-detail:logs:repeated-meta-dense
• 发现时间：2026-07-15
• 用户确认上报：2026-07-15
• 分类：enhancement · P1（建议）

检查清单

• 确认问题可复现
• 评估公共上下文抽取 vs 折叠次要字段
• 对照日志分析页列表布局，保持跨页展示一致性