38 lines
1011 B
TypeScript
38 lines
1011 B
TypeScript
import { Box, Text } from "ink";
|
|
import { memo } from "react";
|
|
import { useTerminalWidth } from "../hooks/useTerminalWidth";
|
|
import { MarkdownDisplay } from "./MarkdownDisplay.js";
|
|
|
|
type UserLine = {
|
|
kind: "user";
|
|
id: string;
|
|
text: string;
|
|
};
|
|
|
|
/**
|
|
* UserMessageRich - Rich formatting version with two-column layout
|
|
* This is a direct port from the old letta-code codebase to preserve the exact styling
|
|
*
|
|
* Features:
|
|
* - Left column (2 chars wide) with "> " prompt indicator
|
|
* - Right column with wrapped text content
|
|
* - Full markdown rendering support
|
|
*/
|
|
export const UserMessage = memo(({ line }: { line: UserLine }) => {
|
|
const columns = useTerminalWidth();
|
|
const contentWidth = Math.max(0, columns - 2);
|
|
|
|
return (
|
|
<Box flexDirection="row">
|
|
<Box width={2} flexShrink={0}>
|
|
<Text>{">"} </Text>
|
|
</Box>
|
|
<Box flexGrow={1} width={contentWidth}>
|
|
<MarkdownDisplay text={line.text} />
|
|
</Box>
|
|
</Box>
|
|
);
|
|
});
|
|
|
|
UserMessage.displayName = "UserMessage";
|