style(ui): 优化消息视图的布局间距

hqwlkj · hqwlkj · commit 1f3c3e0c6abf · 2026-05-09T21:25:59.000+08:00
- 在消息视图组件中给部分 Box 组件添加左边距
- 增加 Loaded skill 文本和 conversation summary 插入文本的左侧间距
- 改善消息内容的整体排版和视觉层次感
diff --git a/src/ui/MessageView.tsx b/src/ui/MessageView.tsx
@@ -67,7 +67,7 @@ export function MessageView({ message, collapsed }: Props): React.ReactElement |
     const summary = buildToolSummary(message);
     const diffLines = getToolDiffPreviewLines(summary);
     return (
-      <Box flexDirection="column" marginBottom={1} marginY={0}>
+      <Box flexDirection="column" marginLeft={1} marginBottom={1} marginY={0}>
         <StatusLine
           bulletColor={summary.ok ? "green" : "red"}
           name={formatStatusName(summary.name)}
@@ -81,14 +81,14 @@ export function MessageView({ message, collapsed }: Props): React.ReactElement |
   if (message.role === "system") {
     if (message.meta?.skill) {
       return (
-        <Box marginY={0} marginBottom={1}>
+        <Box marginY={0} marginLeft={1} marginBottom={1}>
           <Text color="magenta">⚡ Loaded skill: {message.meta.skill.name}</Text>
         </Box>
       );
     }
     if (message.meta?.isSummary) {
       return (
-        <Box marginY={0} marginBottom={1}>
+        <Box marginY={0} marginLeft={1} marginBottom={1}>
           <Text dimColor italic>(conversation summary inserted)</Text>
         </Box>
       );
