update

pi-mono-reference/packages/coding-agent/src/modes/interactive/components/user-message.ts

@@ -0,0 +1,33 @@
+import { Container, Markdown, type MarkdownTheme, Spacer } from "@mariozechner/pi-tui";
+import { getMarkdownTheme, theme } from "../theme/theme.js";
+
+const OSC133_ZONE_START = "\x1b]133;A\x07";
+const OSC133_ZONE_END = "\x1b]133;B\x07";
+const OSC133_ZONE_FINAL = "\x1b]133;C\x07";
+
+/**
+ * Component that renders a user message
+ */
+export class UserMessageComponent extends Container {
+	constructor(text: string, markdownTheme: MarkdownTheme = getMarkdownTheme()) {
+		super();
+		this.addChild(new Spacer(1));
+		this.addChild(
+			new Markdown(text, 1, 1, markdownTheme, {
+				bgColor: (text: string) => theme.bg("userMessageBg", text),
+				color: (text: string) => theme.fg("userMessageText", text),
+			}),
+		);
+	}
+
+	override render(width: number): string[] {
+		const lines = super.render(width);
+		if (lines.length === 0) {
+			return lines;
+		}
+
+		lines[0] = OSC133_ZONE_START + lines[0];
+		lines[lines.length - 1] = lines[lines.length - 1] + OSC133_ZONE_END + OSC133_ZONE_FINAL;
+		return lines;
+	}
+}