feat(cli): Refine insight progress indicator UI

- Single-line layout with muted bar, accent stage text
- Inline

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>... in stage messages for cleaner code
- Simplify command intro text
This commit is contained in:
tanzhenxin 2026-02-26 15:25:39 +08:00
parent 509260ddfc
commit 5926b37f4d
3 changed files with 24 additions and 18 deletions

View file

@ -44,18 +44,16 @@ export const InsightProgressMessage: React.FC<InsightProgressMessageProps> = ({
}
return (
<Box flexDirection="column">
<Box flexDirection="row" marginBottom={0}>
<Box marginRight={1}>
<Spinner type="dots" />
</Box>
<Text color={theme.text.accent}>{stage}</Text>
</Box>
<Box flexDirection="row" marginLeft={2}>
<Text color={theme.text.primary}>
{bar} {Math.round(percent)}%
</Text>
</Box>
<Box flexDirection="row">
<Text color={theme.text.accent}>
<Spinner type="dots" />
</Text>
<Text> </Text>
<Text color={theme.text.secondary}>{bar} </Text>
<Text color={theme.text.accent}>
{stage}
{progress.detail ? ` (${progress.detail})` : ''}
</Text>
</Box>
);
};