1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

/**
 * Markdown renders agent text (GitHub-flavoured: tables, task lists, ...).
 * Kept as the single markdown entry point so styling and plugins stay
 * consistent everywhere agent content appears.
 *
 * @example
 * <Markdown text="**bold** and `code`" />
 */

import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";

export function Markdown({ text }: { text: string }) {
	return (
		<div className="markdown">
			<ReactMarkdown remarkPlugins={[remarkGfm]}>{text}</ReactMarkdown>
		</div>
	);
}