4f: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"] 50: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"] 51:T114e,"use client"; /* * The two renderer components sit one directory below the parser they consume, * and that nesting is load-bearing. * * `Markdown.tsx` and `markdown.ts` differ only in case. Emitted side by side * into one flat output directory they are the same path on a case-insensitive * filesystem (macOS, Windows), and the declaration build — `tsc -p * tsconfig.build.json`, which compiles all of `src`, not just the entry graph — * wrote a single `dist/internals/markdown.d.ts` holding the parser's types with * this module's `Markdown` / `MarkdownProps` silently gone. The bundle half * (`preserveModules`, `entryFileNames: "[name].js"`) would collide the same way * the moment a component imported this file. * * Nesting keeps the two emitted paths distinct; the file names themselves are * unchanged, and `../markdown.js` names the parser unambiguously from here. */ import { Fragment, type ReactNode } from "react"; import { cn } from "../../utils"; import { parseMarkdown, type BlockToken } from "../markdown"; import { MarkdownInline } from "./MarkdownInline"; import "./markdown.css"; export interface MarkdownProps { /** Markdown source. Safe to update on every streamed chunk. */ text?: string; className?: string; /** * Already-parsed blocks, used when the component renders itself for a * blockquote. Consumers pass `text`. */ blocks?: BlockToken[]; /** * Rendered inline at the very end of the document — a streaming caret, say. * Every block here is block-level, so a caret placed after the component * would sit on its own line instead of trailing the last character; this * puts it inside the last paragraph, heading or list item instead. A * document ending in code, a table, a rule, or nothing at all has no inline * tail to hold it, and drops it. */ trailingCursor?: ReactNode; } /** * One block token. `cursor` is only ever passed for the last block of the * document; every other block receives `undefined` and renders no tail. */ function renderBlock(block: BlockToken, cursor: ReactNode): ReactNode { switch (block.type) { case "paragraph": return (

{cursor}

); case "heading": { const Heading = `h${block.depth}` as const; return ( {cursor} ); } case "code": return (

					{block.text}

); case "list": { const items = block.items.map((item, itemIndex) => (

{itemIndex === block.items.length - 1 ? cursor : undefined}

)); return block.ordered ? (

{items} ) : (

{items} ); } case "blockquote": return (

); case "table": return (

{block.header.map((cell, i) => ( ))} {block.rows.map((row, rowIndex) => ( {row.map((cell, i) => ( ))} ))}

); case "hr": return

; } } export function Markdown({ text = "", className, blocks, trailingCursor }: MarkdownProps) { const nodes = blocks ?? parseMarkdown(text); const lastIndex = nodes.length - 1; return (

{nodes.map((block, index) => ( // Blocks have no identity beyond their position; a streamed document // is re-parsed and re-rendered whole on every chunk. {renderBlock(block, index === lastIndex ? trailingCursor : undefined)} ))}

); } 52:T67e,"use client"; import { Fragment, type ReactNode } from "react"; import type { InlineToken } from "../markdown"; import "./markdown.css"; export interface MarkdownInlineProps { tokens: InlineToken[]; } /** * One inline token. Never builds an HTML string — the token tree is walked and * turned into elements directly, which is what keeps `sanitizeHref` * load-bearing and anything unrecognised a plain text node. */ function renderToken(token: InlineToken): ReactNode { switch (token.type) { case "text": return token.text; case "code": return {token.text}; case "strong": return ( ); case "em": return ( ); case "del": return ( ); case "link": // A rejected destination keeps the label and loses the anchor. return token.href !== null ? ( ) : ( ); } } export function MarkdownInline({ tokens }: MarkdownInlineProps) { return ( <> {tokens.map((token, index) => ( // A token list has no stable identity of its own; the index is the // only key available, and the tree is re-rendered wholesale on every // streamed chunk anyway. {renderToken(token)} ))} ); } 53:Te5e,/* * Typographic normalization, not a theme. Rendered markdown has to stay * legible in a host app whose reset has stripped list markers and heading * scale, so these defaults restore structure and nothing else — no palette, * no font stack, no spacing opinions beyond the flow rhythm. Every value the * host is likely to disagree with reads from a custom property first, and * colours are mixed from `currentColor` so a dark surface needs no override. * * The Svelte source scoped these rules through the compiler; as plain CSS they * are global, so every rule is anchored on the component's own `.ft-md*` * classes — the same names the source uses, which are already specific enough * to need no port-added anchor. The blockquote branch renders the component * recursively and a recursive instance carries the same `.ft-md` root class, * so the block rules reach quoted content exactly as they did before. * * Both halves live here: `Markdown.tsx` owns the block marks, `MarkdownInline.tsx` * the inline ones (code spans, links), and the contract ships one stylesheet. * It stays colocated with the two components that import it, which is why it * moved down with them into `internals/markdown/` — see the header of * `Markdown.tsx` for why that directory exists. */ .ft-md { line-height: 1.6; } /* One rhythm for every block, whatever margins the UA or reset supplies. */ .ft-md > * { margin: 0; } .ft-md > * + * { margin-block-start: 0.75em; } .ft-md > * + .ft-md-h { margin-block-start: 1.25em; } .ft-md > * + .ft-md-hr, .ft-md > .ft-md-hr + * { margin-block-start: 1em; } .ft-md-h { font-weight: 600; line-height: 1.25; } .ft-md-h[data-depth="1"] { font-size: 1.5em; } .ft-md-h[data-depth="2"] { font-size: 1.3em; } .ft-md-h[data-depth="3"] { font-size: 1.15em; } .ft-md-h[data-depth="4"] { font-size: 1.05em; } .ft-md-h[data-depth="5"] { font-size: 1em; } .ft-md-h[data-depth="6"] { font-size: 0.95em; } .ft-md-ul { list-style: disc; padding-inline-start: 1.5em; } .ft-md-ol { list-style: decimal; padding-inline-start: 1.5em; } .ft-md-quote { border-inline-start: 3px solid var(--ft-md-quote-border, color-mix(in oklab, currentColor 25%, transparent)); padding-inline-start: 0.75em; color: var(--ft-md-quote-color, color-mix(in oklab, currentColor 75%, transparent)); } .ft-md-pre { background: var(--ft-md-code-bg, color-mix(in oklab, currentColor 8%, transparent)); border-radius: 6px; padding: 0.75em 1em; overflow-x: auto; font-size: 0.9em; line-height: 1.5; } /* The wrapper scrolls so a wide table never widens the whole message. */ .ft-md-table-scroll { overflow-x: auto; } .ft-md-table { border-collapse: collapse; } .ft-md-table th, .ft-md-table td { border: 1px solid var(--ft-md-border, color-mix(in oklab, currentColor 15%, transparent)); padding: 0.35em 0.6em; } .ft-md-table th { font-weight: 600; } .ft-md-hr { border: 0; border-block-start: 1px solid var(--ft-md-border, color-mix(in oklab, currentColor 15%, transparent)); } /* * The inline half of the markdown defaults. Both marks below go invisible under * a reset that strips link underlines and code backgrounds, which is what makes * them worth shipping. Colours mix from `currentColor` so they follow the * surface, and both read from a custom property first so a host can restyle them. */ .ft-md-code { background: var(--ft-md-code-bg, color-mix(in oklab, currentColor 8%, transparent)); border-radius: 4px; padding: 0.1em 0.35em; font-size: 0.9em; } .ft-md-link { color: var(--ft-md-link, inherit); text-decoration: underline; text-underline-offset: 2px; } .ft-md-link:hover { opacity: 0.8; } 4e:["$","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,["$","$L4f",null,{"namespace":"@fancy-ui","registryDependencies":["https://fancy-ui.rama.app/r/internals.json","https://fancy-ui.rama.app/r/internals-dom.json","https://fancy-ui.rama.app/r/utils.json"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"react/src/internals/markdown/Markdown.tsx","content":"$51","type":"registry:lib","target":"@ui/fancy/internals/markdown/Markdown.tsx"},{"path":"react/src/internals/markdown/MarkdownInline.tsx","content":"$52","type":"registry:lib","target":"@ui/fancy/internals/markdown/MarkdownInline.tsx"},{"path":"react/src/internals/markdown/markdown.css","content":"$53","type":"registry:lib","target":"@ui/fancy/internals/markdown/markdown.css"}],"className":"h-[70svh] min-h-80"}]]}]