60: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62:T100b,"use client"; import * as React from "react"; import ReactMarkdown from "react-markdown"; import remarkGfm from "remark-gfm"; import { marked } from "marked"; import { cn } from "@/lib/utils"; import { CodeBlock } from "./code-block"; import { CitationMarker, type Source } from "./citations"; type MdNode = { type: string; value?: string; children?: MdNode[]; data?: Record; }; /** Turns "[1]" in text into elements. */ function remarkCitations() { const walk = (node: MdNode) => { if (!node.children || node.type === "link") return; const next: MdNode[] = []; for (const child of node.children) { if (child.type !== "text" || !child.value) { walk(child); next.push(child); continue; } const parts = child.value.split(/\[(\d{1,3})\]/); parts.forEach((part, i) => { if (i % 2 === 0) { if (part) next.push({ type: "text", value: part }); } else { next.push({ type: "citation", data: { hName: "citation", hProperties: { index: part } }, }); } }); } node.children = next; }; return (tree: MdNode) => walk(tree); } const baseComponents = { code({ className, children, ...props }: React.ComponentProps<"code">) { const lang = /language-(\w+)/.exec(className ?? "")?.[1]; const text = String(children).replace(/\n$/, ""); if (!lang && !text.includes("\n")) { return (


          {children}

); } return ; }, pre: ({ children }: React.ComponentProps<"pre">) => <>{children}, a: (props: React.ComponentProps<"a">) => ( ), }; const Block = React.memo(function Block({ source, sources, }: { source: string; sources?: Source[]; }) { const components = React.useMemo( () => ({ ...baseComponents, citation: ({ index }: { index?: string }) => { const n = Number(index); const src = sources?.[n - 1]; return src ? : <>[{index}]; }, }), [sources], ); return ( {source} ); }); /** * Splits markdown into top-level blocks and memoizes each one, so only the * block currently being streamed re-renders (no flicker, no re-highlighting). */ export function StreamingMarkdown({ children, sources, streaming = false, className, }: { children: string; /** When provided, "[n]" in the text renders as a citation marker for sources[n - 1]. */ sources?: Source[]; /** Shows a caret after the last block while text is still arriving. */ streaming?: boolean; className?: string; }) { const blocks = React.useMemo( () => marked.lexer(children).map((t) => t.raw), [children], ); return (

:last-child]:after:ml-1 [&>:last-child]:after:inline-block [&>:last-child]:after:h-[1.05em] [&>:last-child]:after:w-[2px] [&>:last-child]:after:translate-y-[3px] [&>:last-child]:after:bg-foreground [&>:last-child]:after:content-[''] [&>:last-child]:after:animate-pulse motion-reduce:[&>:last-child]:after:animate-none", className, )} aria-busy={streaming || undefined} > {blocks.map((raw, i) => ( ))}

); } 5f:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","react-markdown",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-markdown","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react-markdown"}]]}]}],["$","li","remark-gfm",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/remark-gfm","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"remark-gfm"}]]}]}],["$","li","marked",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/marked","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"marked"}]]}]}]]}],["$","$L60",null,{"namespace":"@turn","registryDependencies":["https://turnui.xyz/r/citations.json","https://turnui.xyz/r/code-block.json","utils"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"src/registry/ui/streaming-markdown.tsx","content":"$62","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]