mirror of
https://github.com/bytedance/deer-flow.git
synced 2026-06-13 10:55:59 +00:00
Xinmin Zeng
503eeac788
* fix(frontend): render user messages as plain text and cap blockquote nesting User messages are typed or pasted plain text, not authored Markdown, but they were rendered through the full Streamdown pipeline. Pasted source files got fragmented (indented chunks become code blocks, paragraphs collapse and lose indentation), "$...$" spans were KaTeX-ified, and a message with thousands of nested ">" markers overflowed the call stack in marked's recursive blockquote lexer, permanently crashing the thread on every load. Render human message content verbatim with pre-wrap instead, and cap blockquote nesting at 100 levels at the Streamdown chokepoint so model output cannot trigger the same recursion either. Closes #3500 * fix(frontend): absorb marked lexer crashes with a render fallback boundary Review found two gaps in the nesting cap: marked's list and blockquote tokenizers are mutually recursive, so a list marker in front of the quote chain ("- > > > ...") bypassed the blockquote-only regex and still overflowed the stack; and the line-based rewrite was fence-blind, silently truncating literal ">" runs inside code blocks. Add an error boundary around Streamdown that renders the raw content as plain pre-wrap text when rendering throws (retrying on the next content change), keep the cap as a fast path for the dominant pure-">" case, and make it skip fenced and indented code lines.
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import rehypeKatex from "rehype-katex";
|
|
import rehypeRaw from "rehype-raw";
|
|
import remarkGfm from "remark-gfm";
|
|
import remarkMath from "remark-math";
|
|
import type { StreamdownProps } from "streamdown";
|
|
|
|
import { rehypeSplitWordsIntoSpans } from "../rehype";
|
|
|
|
export const streamdownPlugins = {
|
|
remarkPlugins: [
|
|
remarkGfm,
|
|
[remarkMath, { singleDollarTextMath: true }],
|
|
] as StreamdownProps["remarkPlugins"],
|
|
rehypePlugins: [
|
|
rehypeRaw,
|
|
[rehypeKatex, { output: "html" }],
|
|
] as StreamdownProps["rehypePlugins"],
|
|
};
|
|
|
|
export const streamdownPluginsWithWordAnimation = {
|
|
remarkPlugins: [
|
|
remarkGfm,
|
|
[remarkMath, { singleDollarTextMath: true }],
|
|
] as StreamdownProps["remarkPlugins"],
|
|
rehypePlugins: [
|
|
[rehypeKatex, { output: "html" }],
|
|
rehypeSplitWordsIntoSpans,
|
|
] as StreamdownProps["rehypePlugins"],
|
|
};
|
|
|
|
// Plugins for reasoning/thinking content — derived from streamdownPlugins but without rehypeRaw,
|
|
// to prevent LLM-hallucinated HTML tags (e.g. <simd>) from being rendered as DOM elements.
|
|
export const reasoningPlugins = {
|
|
remarkPlugins: streamdownPlugins.remarkPlugins,
|
|
rehypePlugins: streamdownPlugins.rehypePlugins?.filter(
|
|
(p) => p !== rehypeRaw,
|
|
) as StreamdownProps["rehypePlugins"],
|
|
};
|