Claude Status Panel — 树状结构优化

当前方案 vs 三种优化方案,哪个让父子关系更清晰?

A

当前:└ 单字符连接

仅用 └ 字符表示子行,缩进 8px,无线条

  ● main-session                    ×
    耗时: 12s · 工具: ✓3 · thinking
    [✏️ write] some_file.go
  └ sub-agent-name                  ×
    耗时: 5s · 工具: ✓1 · thinking
      
B

树状线条(推荐)

├ └ 分支 + │ 垂直线,完整树形层级感

  ● main-session                    ×
  │ 耗时: 12s · 工具: ✓3 · thinking
  │ [✏️ write] some_file.go
  ├─ sub-agent-1                    ×
  │ │ 耗时: 5s · 工具: ✓1 · thinking
  │ └─ sub-sub-agent
  │    耗时: 3s · thinking
  └─ sub-agent-2                    ×
    耗时: 2s · ✓0 ✗1 · thinking
      
C

左侧色条引导

子行左侧带颜色竖线 + 微缩进,视觉分组明确

  ● main-session                    ×
    耗时: 12s · 工具: ✓3 · thinking
    [✏️ write] some_file.go
  ┃ sub-agent-1                     ×
  ┃  耗时: 5s · 工具: ✓1 · thinking
  ┃ sub-agent-2                     ×
  ┃  耗时: 2s · ✓0 ✗1 · thinking
      
D

嵌套卡片式

子行缩进 + 左侧半透明色块区分层级

  ● main-session                    ×
    耗时: 12s · 工具: ✓3 · thinking
    [✏️ write] some_file.go
  ▎ sub-agent-1                     ×
  ▎  耗时: 5s · 工具: ✓1 · thinking
  ▎ sub-agent-2                     ×
  ▎  耗时: 2s · ✓0 ✗1 · thinking