52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T1f01,"use client"; import { Button } from "@/components/ui/button"; import * as React from "react"; /* ------------------------------------------------------------------ */ /* Types */ /* ------------------------------------------------------------------ */ export type MarkdownMessageProps = { /** Markdown-ish text — paragraphs, **bold**, *italic*, `code`, * [links](url), fenced ```code blocks, bullet lists and pipe tables. */ text: string; className?: string; }; /* ------------------------------------------------------------------ */ /* Inline renderer — builds React nodes (no dangerouslySetInnerHTML) */ /* ------------------------------------------------------------------ */ function renderInline(line: string, keyBase: string): React.ReactNode[] { const tokenRe = /(`[^`]+`)|(\*\*[^*]+\*\*)|(\*[^*]+\*)|(\[[^\]]+\]$[^)]+$)/g; const nodes: React.ReactNode[] = []; let last = 0; let m: RegExpExecArray | null; let i = 0; while ((m = tokenRe.exec(line)) !== null) { if (m.index > last) { nodes.push( {line.slice(last, m.index)}, ); } const tok = m[0]; const k = `${keyBase}-k${i++}`; if (tok.startsWith("`")) { nodes.push({tok.slice(1, -1)}); } else if (tok.startsWith("**")) { nodes.push({tok.slice(2, -2)}); } else if (tok.startsWith("[")) { const md = tok.match(/^\[([^\]]+)\]$([^)]+)$$/); if (md) { nodes.push( {md[1]} , ); } else { nodes.push({tok.slice(1, -1)}); } } else { nodes.push({tok.slice(1, -1)}); } last = m.index + tok.length; } if (last < line.length) { nodes.push({line.slice(last)}); } return nodes; } function isTableSeparator(line: string): boolean { return /^\s*\|?[\s:|-]+\|?\s*$/.test(line) && line.includes("-"); } /* ------------------------------------------------------------------ */ /* CodeBlock — fenced code with a language label and copy button */ /* ------------------------------------------------------------------ */ function CodeBlock({ lang, code }: { lang: string; code: string }) { const [copied, setCopied] = React.useState(false); const copy = () => { void navigator.clipboard?.writeText(code); setCopied(true); window.setTimeout(() => setCopied(false), 1500); }; return (

{} {lang || "text"}

        {code}

); } /* ------------------------------------------------------------------ */ /* Block parser — split into paragraphs / lists / tables / code */ /* ------------------------------------------------------------------ */ function MarkdownBlocks({ text }: { text: string }) { const lines = text.split("\n"); const blocks: React.ReactNode[] = []; let i = 0; let key = 0; while (i < lines.length) { const line = lines[i]; const trimmed = line.trim(); if (trimmed === "") { i++; continue; } /* Fenced code block */ if (trimmed.startsWith("```")) { const lang = trimmed.replace(/^```/, "").trim(); let j = i + 1; const code: string[] = []; while (j < lines.length && !lines[j].trimStart().startsWith("```")) { code.push(lines[j]); j++; } blocks.push(); i = j + 1; continue; } /* Pipe table */ if (line.includes("|") && i + 1 < lines.length && isTableSeparator(lines[i + 1])) { const header = line .split("|") .map((c) => c.trim()) .filter((c, idx, arr) => !(c === "" && (idx === 0 || idx === arr.length - 1))); let j = i + 2; const body: string[][] = []; while (j < lines.length && lines[j].includes("|") && !isTableSeparator(lines[j])) { body.push( lines[j] .split("|") .map((c) => c.trim()) .filter((c, idx, arr) => !(c === "" && (idx === 0 || idx === arr.length - 1))), ); j++; } blocks.push(

{header.map((h, hk) => ( ))} {body.map((row, rk) => ( {row.map((cell, ck) => ( ))} ))}

{renderInline(h, `th${hk}`)}
{renderInline(cell, `td${rk}-${ck}`)}

, ); i = j; continue; } /* Bullet list */ if (/^\s*[-*]\s+/.test(line)) { const items: string[] = []; let j = i; while (j < lines.length && /^\s*[-*]\s+/.test(lines[j])) { items.push(lines[j].replace(/^\s*[-*]\s+/, "")); j++; } blocks.push(

{renderInline(item, `li${ik}`)}

, ); i = j; continue; } /* Paragraph */ let j = i; const para: string[] = []; while (j < lines.length && lines[j].trim() !== "" && !lines[j].trimStart().startsWith("```")) { para.push(lines[j]); j++; } blocks.push(

{renderInline(para.join(" "), `p${key}`)}

); i = j; } return <>{blocks}; } /* ------------------------------------------------------------------ */ /* MarkdownMessage */ /* ------------------------------------------------------------------ */ export function MarkdownMessage({ text, className = "" }: MarkdownMessageProps) { return (

); } 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@scrimui","registryDependencies":["button"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"src/showcase/markdown-message/markdown-message.tsx","content":"$54","type":"registry:ui","target":"components/ui/markdown-message.tsx"}],"className":"h-[70svh] min-h-80"}]]}]