fix: 右侧面板布局和间距修复

- TraceViewer: 移除底部重复的 Token/Provider 摘要(与TokenUsage重复) - TraceViewer: height:100% → flexShrink+maxHeight 避免撑破布局 - TokenUsage: StatCard/SummaryRow 增加内边距和间距
2026-06-27 22:05:52 +08:00
parent f99c65ee28
commit 8f687f77a6
3 changed files with 8 additions and 22 deletions
@@ -27,11 +27,12 @@ export function StatusBar(): React.JSX.Element {
        <Stack direction="row" spacing={0.75} alignItems="center">
          <Box
            sx={{
-              width: 8, height: 8, borderRadius: '50%', bgcolor: AGENT_STATUS_COLORS[agentStatus],
+              width: 8, height: 8, borderRadius: '50%', flexShrink: 0,
+              bgcolor: AGENT_STATUS_COLORS[agentStatus],
              animation: (agentStatus === 'thinking' || agentStatus === 'executing') ? 'pulse 2s infinite' : 'none',
            }}
          />
-          <Typography variant="caption" sx={{ color: 'text.secondary', fontSize: 11 }}>
+          <Typography variant="caption" sx={{ color: 'text.secondary', fontSize: 11, lineHeight: 1 }}>
            {AGENT_STATUS_LABELS[agentStatus]}
          </Typography>
        </Stack>