Skip to content

Commit 8e6765c

Browse files
koki-developclaude
andcommitted
feat: Add cat message prefix and improve message styling
- Add ⏺ prefix to cat messages for visual distinction - Apply indent utility to cat messages for multi-line support - Unify paddingLeft to 1 for consistent message indentation - Improve chat history visual consistency 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
1 parent 99c933b commit 8e6765c

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/components/MessageItem.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@ export const MessageItem: React.FC<MessageItemProps> = ({ message }) => {
1111
const isUser = message.sender === "user";
1212

1313
return (
14-
<Box marginBottom={1} paddingLeft={isUser ? 0 : 2}>
14+
<Box marginBottom={1} paddingLeft={1}>
1515
<Text color={isUser ? "gray" : "cyan"}>
16-
{isUser ? `> ${indent(message.text)}` : message.text}
16+
{isUser ? `> ${indent(message.text)}` : `⏺ ${indent(message.text)}`}
1717
</Text>
1818
</Box>
1919
);

0 commit comments

Comments
 (0)