{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "markdown",
"type": "registry:ui",
"dependencies": [
"@streamdown/code",
"clsx",
"streamdown",
"tailwind-merge"
],
"registryDependencies": [],
"files": [
{
"path": "registry/agent-elements/components/markdown.tsx",
"content": "\"use client\";\n\nimport { Streamdown, type Components } from \"streamdown\";\nimport { createCodePlugin } from \"@streamdown/code\";\nimport { cn } from \"./utils/cn\";\n\nfunction fixNumberedListBreaks(text: string): string {\n return text.replace(/^(\\d+)\\.\\s*\\n+\\s*\\n*/gm, \"$1. \");\n}\n\nconst CODE_FENCE_LANGS = new Set([\n \"bash\",\n \"diff\",\n \"html\",\n \"js\",\n \"json\",\n \"jsx\",\n \"md\",\n \"markdown\",\n \"sh\",\n \"shell\",\n \"text\",\n \"ts\",\n \"tsx\",\n \"yml\",\n \"yaml\",\n]);\n\nfunction normalizeCodeFenceLanguages(text: string): string {\n return text.replace(/```([^\\n]*)/g, (_match, langRaw) => {\n const lang = String(langRaw || \"\")\n .trim()\n .toLowerCase();\n if (!lang) return \"```\";\n const normalized = lang.split(/\\s+/)[0];\n return CODE_FENCE_LANGS.has(normalized) ? `\\`\\`\\`${normalized}` : \"```text\";\n });\n}\n\nexport type MarkdownProps = {\n content: string;\n className?: string;\n textContrast?: \"normal\" | \"high\";\n};\n\nconst code = createCodePlugin({\n themes: [\"github-light\", \"github-dark\"],\n});\n\nexport function Markdown({ content, className }: MarkdownProps) {\n const safeContent = normalizeCodeFenceLanguages(\n fixNumberedListBreaks(content),\n );\n const components: Components = {\n h1: ({ children, ...props }) => (\n \n {children}\n
\n ),\n h2: ({ children, ...props }) => (\n \n {children}\n
\n ),\n h3: ({ children, ...props }) => (\n \n {children}\n
\n ),\n h4: ({ children, ...props }) => (\n \n {children}\n
\n ),\n p: ({ children, ...props }) => (\n \n {children}\n \n ),\n ul: ({ children, ...props }) => (\n \n {children}\n \n ),\n ol: ({ children, ...props }) => (\n \n {children}\n \n ),\n li: ({ children, ...props }) => (\n \n {children}\n \n ),\n strong: ({ children, ...props }) => (\n \n {children}\n \n ),\n a: ({ href, children, ...props }) => {\n if (!href) return {children};\n const isExternal = href.startsWith(\"http\") || href.startsWith(\"mailto:\");\n return (\n \n {children}\n \n );\n },\n blockquote: ({ children, ...props }) => (\n \n {children}\n \n ),\n hr: ({ ...props }) => (\n
\n ),\n table: ({ children, ...props }) => (\n \n
thead]:bg-an-tool-background [&>thead>tr>th]:bg-an-tool-background\"\n {...props}\n >\n {children}\n \n