opensource/inkos
3
0
Fork 0
mirror of https://github.com/Narcooo/inkos.git synced 2026-09-01 15:08:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tui): use minWidth layout for stable prefix spacing

Browse Source 
Replace columnGap/trailing-space approach with <Box minWidth={2}> for
prefix icons (◆ │ ·), matching Claude Code's layout pattern.
Also fix user message body color to ROLE_USER (light blue).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
fanghanjun
2026-04-13 00:57:12 -07:00
parent b4a4ea47ac
commit e171ff6c12
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/cli/src/tui/dashboard.tsx
+9 -9
View File
@@ -432,27 +432,27 @@ function ConversationRow(props: { readonly row: DashboardMessageRow }): React.JS
if (role === "user") {
return (
<Box marginBottom={1} columnGap={1}>
<Text color={ROLE_USER}>│</Text>
<Text color={WARM_REPLY}>{content}</Text>
<Box flexDirection="row" marginBottom={1}>
<Box minWidth={2}><Text color={ROLE_USER}>│</Text></Box>
<Box flexDirection="column" flexShrink={1}><Text color={ROLE_USER}>{content}</Text></Box>
</Box>
);
}
if (role === "system") {
return (
<Box marginBottom={1} columnGap={1}>
<Text color={ROLE_SYSTEM}>·</Text>
<Text color={ROLE_SYSTEM}>{content}</Text>
<Box flexDirection="row" marginBottom={1}>
<Box minWidth={2}><Text color={ROLE_SYSTEM}>·</Text></Box>
<Box flexDirection="column" flexShrink={1}><Text color={ROLE_SYSTEM}>{content}</Text></Box>
</Box>
);
}
// assistant — render markdown (bold, tables, code, etc.)
return (
<Box marginBottom={1} columnGap={1}>
<Text color={WARM_ACCENT}>◆</Text>
<Text color={WARM_REPLY}>{renderMarkdown(content)}</Text>
<Box flexDirection="row" marginBottom={1}>
<Box minWidth={2}><Text color={WARM_ACCENT}>◆</Text></Box>
<Box flexDirection="column" flexShrink={1}><Text color={WARM_REPLY}>{renderMarkdown(content)}</Text></Box>
</Box>
);
}