feat: letta code

src/cli/components/UserMessageRich.tsx

@@ -0,0 +1,41 @@
+import { Box, Text } from "ink";
+import { memo } from "react";
+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 =
+    typeof process !== "undefined" &&
+    process.stdout &&
+    "columns" in process.stdout
+      ? ((process.stdout as { columns?: number }).columns ?? 80)
+      : 80;
+  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";