feat(markup): br 改为气泡/消息分隔符 + 行内白名单收窄到五项（Web + IM 两侧）

主人 2026-10-07：「对消息内的 <br> 始终处理为多条消息隔断」。 Web 侧（frontend/web）： - chat.tsx 的 splitParagraphs（SplitChatBubble 的切分层）新增 BR_SEPARATOR_RE 与 splitBubbleBreaks：<br>/<br/>/</br> 等价、属性不解析、<brow>/<br2> 挡掉、流式半截 <br 不切；不含 <br> 的段逐字返回原样（既有 p 口径一字节不动） - inlineMarkup.ts 删掉 break 节点（br 不再是行内元素），白名单收窄为 b/strong/i/em/code 五项；renderContent.tsx 同步；测试 76 -> 99 checks - 40 条基线逐字节对照：28 IDENTICAL，12 个 DIFF 恰是含 br/u/s/<BR> 的样例 IM 侧（internal/services/channelbridge）： - 新增 inline_tags.go：成对平衡的白名单行内标签剥标签留文本、白名单外与结构不平衡整段原样保留；br 作为第二级分隔符交给 splitBubbles - 两级切分：p 块为第一级，块内按 br 再切为第二级；空气泡丢弃 - br 切分放在角色注记摘除之后：否则 action 里的 br 会把注记正文漏成聊天气泡（变异专门钉住这条顺序）两路各 4 个自带变异均「改坏 -> 编译过 -> 变红 -> 还原 -> 复绿」。
2026-10-07 17:32:05 +08:00
1 parent 6ac214366e
commit a19d12b228
@@ -205,22 +205,44 @@ export function MessageBubble({
  return <AssistantBubble message={message} mode={mode} active={active} />;
 }

-/** Split a chat reply's annotation-stripped body into `<p>`-delimited paragraph
- *  bodies. Each complete `<p>…</p>` block becomes one bubble segment; a body that
- *  carries no `<p>` wrapper falls back to splitting on `\n\n` runs, and a body
- *  with neither yields an empty list so the caller handles the empty reply.
- *  Non-greedy + multi-line so a tag may span newlines; a still-streaming,
- *  unclosed `<p>` simply does not match and stays out until it closes. */
+/** `<br>` 的**气泡分隔**判据（主人 2026-10-07 口径：「对消息内的 `<br>` 始终处理为多条
+ *  消息隔断」）。`<br>` / `<br/>` / `</br>` 三种写法等价（HTML5 口径），属性不解析
+ *  （`<br class=x>` 同样是分隔符）。`(?![a-zA-Z0-9])` 是「别把它名当成 br」的护栏
+ *  —— `<brow>` / `<br2>` 不是 br 标签，与 `inlineMarkup.ts` 里「标签候选 = `<` + 字母」
+ *  同一条口径；`[^<>]*` 与那个正则一样要求标签体内不出现尖括号（`<br` 无 `>` 不算标签）。 */
+const BR_SEPARATOR_RE = /<\/?br(?![a-zA-Z0-9])[^<>]*>/i;
+
+/** 把一个已切好的段落再按 `<br>` 切开：`<br>` 与 `<p>` **同级** —— 两边的文本各自
+ *  成为独立气泡，所以「气泡内的换行」这个概念在这里被消灭。空气泡丢弃
+ *  （`<p>甲<br><br>乙</p>` ⇒ `甲` / `乙`；`<br>` 两侧都是空白 ⇒ 不产生多余气泡）。
+ *  **不含 `<br>` 的段落逐字返回原样**（空段也原样保留）⇒ 既有 `<p>` 口径一个字节不动。 */
+function splitBubbleBreaks(segment: string): string[] {
+  if (!BR_SEPARATOR_RE.test(segment)) return [segment];
+  return segment
+    .split(BR_SEPARATOR_RE)
+    .map((part) => part.trim())
+    .filter((part) => part.length > 0);
+}
+
+/** Split a chat reply's annotation-stripped body into paragraph bodies, one bubble
+ *  each. Two peers delimit bubbles: `<p>…</p>` (contract §4.16, one `<p>` = one
+ *  bubble) and `<br>` (主人 2026-10-07: `<br>` is a message separator, never an
+ *  in-bubble line break). A body with no `<p>` wrapper falls back to splitting on
+ *  `\n\n` runs; a body with none of the three yields an empty list so the caller
+ *  handles the empty reply. Non-greedy + multi-line so a tag may span newlines; a
+ *  still-streaming, unclosed `<p>` simply does not match and stays out until it
+ *  closes. */
 function splitParagraphs(content: string): string[] {
  // Preferred: the agent wraps each paragraph in <p>…</p> (design/07 §2). When it
  // emits plain \n\n runs instead (the model often does), split on those too so
  // each logical paragraph becomes its own bubble. `content` here is the
  // annotation-stripped body from `splitBubble`, so no <action>/<narration> block
  // can be cut across; never split on a single \n (that is an in-line break, kept
-  // inside the paragraph).
+  // inside the paragraph). Every produced segment then goes through
+  // `splitBubbleBreaks`, so a <br> inside a paragraph cuts it into several bubbles.
  const pRe = /<p[^>]*>([\s\S]*?)<\/p>/g;
  const pSegments = [...content.matchAll(pRe)].map((m) => m[1].trim());
-  if (pSegments.length > 0) return pSegments;
+  if (pSegments.length > 0) return pSegments.flatMap(splitBubbleBreaks);

  // Keep non-<p> remainder as its own paragraph bodies.
  const segments: string[] = [];
@@ -228,7 +250,7 @@ function splitParagraphs(content: string): string[] {
    if (!part.trim()) continue;
    segments.push(part.trim());
  }
-  return segments;
+  return segments.flatMap(splitBubbleBreaks);
 }

 /** Small muted attachment note for a single `<action>` / `<narration>` block.
@@ -348,12 +370,14 @@ function UserParaBubble({

 /** Chat-only entry: a `chat`-mode reply's `<action>`/`<narration>` blocks are
 *  peeled off by `splitBubble` into head/tail attachment notes, and the remaining
- *  plain-text body is split into stacked bubbles (first = full bubble, remainder
- *  = compact). Any other mode — code / home / work / docs / vision / voice /
- *  agents / settings — is passed straight through to MessageBubble so its body
- *  renders untouched: no `<p>` splitting, and its content (which may itself
- *  contain `<p>` / `<action>` / `<narration>` as literal text or code) is never
- *  re-parsed. */
+ *  plain-text body is split into stacked bubbles by `splitParagraphs` — two peers
+ *  delimit a bubble: `<p>…</p>` (§4.16) and `<br>` (主人 2026-10-07: a `<br>` is a
+ *  **message separator**, so it must never render as an in-bubble line break).
+ *  First segment = full bubble, the rest compact. Any other mode — code / home /
+ *  work / docs / vision / voice / agents / settings — is passed straight through
+ *  to MessageBubble so its body renders untouched: no `<p>` / `<br>` splitting, and
+ *  its content (which may itself contain `<p>` / `<action>` / `<narration>` as
+ *  literal text or code) is never re-parsed. */
 export function SplitChatBubble({
  message,
  active = false,
@@ -369,8 +393,16 @@ export function SplitChatBubble({

  if (segments.length === 0 && head.length === 0 && tail.length === 0) {
    // No visible content: hand off so the empty / still-streaming reply keeps its
-    // usual chrome (avatar, mood, "生成中…").
-    return <MessageBubble message={message} active={active} />;
+    // usual chrome (avatar, mood, "生成中…"). 一处例外：正文只剩 `<br>`（气泡分隔被切
+    // 光）时**不能**把原文交下去 —— 那会把字面量 `<br>` 画进气泡，等于凭空造一个空气泡。
+    // 这种情况按「空正文」交下去（外壳照旧），与空气泡丢弃的口径一致。
+    const collapsedByBreaks = BR_SEPARATOR_RE.test(body);
+    return (
+      <MessageBubble
+        message={collapsedByBreaks ? { ...message, content: "" } : message}
+        active={active}
+      />
+    );
  }

  // Group the paragraphs of one reply into a tighter column so intra-reply
@@ -5,34 +5,41 @@
 // 处理，Web 渲染为气泡外的灰斜体注记），**行内**则偶发 `<b>` 之类强调标签。
 // 后两类此前没有处理 ⇒ `<b>18:35</b>` 会把字面量 `&lt;b&gt;` 直接显示给用户。
 //
+// 🚫 **`<br>` 不在这里**（主人 2026-10-07 口径「对消息内的 `<br>` 始终处理为多条消息
+// 隔断」）：它是**气泡/消息分隔符**，与 `<p>` 同级，由 `components/chat.tsx` 的
+// `splitParagraphs`（气泡切分层）切掉；到了这里它已经不存在。万一有 `<br>` 走到本模块
+// （非 chat 模式的正文、注记等不切气泡的路径），它按**白名单外**处理 ⇒ 逐字原样显示，
+// 绝不在这里伪造一个「气泡内换行」。
+//
 // 🔴 安全口径（本模块存在的理由）：产物是**不可信文本**（模型生成 + 用户可诱导），
 // 因此**绝不**把它当 HTML 注入（无 `innerHTML` / `dangerouslySetInnerHTML`）。
 // 这里的做法是**解析成结构化节点**（`InlineNode[]`），交给 React 元素渲染 —— React
 // 对文本节点默认转义，天然安全。规则：
-//   ① 只认**行内**白名单标签，块级一律不支持（段落仍由 §4.16 的 `<p>` 机制表达）；
+//   ① 只认**行内**白名单标签（五项：`b` / `strong` / `i` / `em` / `code`），块级一律
+//      不支持（段落仍由 §4.16 的 `<p>` 机制表达，`<br>` 由气泡切分层处理）；
 //   ② **属性一律丢弃**（`<b class=x onclick=y>` 只取标签名 `b`，属性绝不进 DOM）；
 //   ③ 白名单外标签**逐字原样**当文本（`<script>` 显示成 `&lt;script&gt;`，不丢字符）；
 //   ④ 未闭合 / 交错 / 大小写混写 / 带属性 —— 结构不平衡时**整段降级为纯文本**，
 //      保证「不崩、字符一个不丢」（降级输出 = 原始字符串，逐字相同）；
 //   ⑤ 大小写不敏感（`<B>` 等于 `<b>`）。

-/** 允许渲染的行内**元素**标签（成对出现、有子节点）。`br` 是 void 元素，单独处理。 */
-export type InlineElementTag = "b" | "strong" | "i" | "em" | "code" | "u" | "s";
+/** 允许渲染的行内**元素**标签（成对出现、有子节点）。白名单经主人 2026-10-07 晚收窄为
+ *  **五项**：`u` / `s` 在她百条输出里 0 命中、不值得各端为它们返工；`br` **不是行内标签**
+ *  （它是气泡分隔符，见文件头），两者从此一律按白名单外处理（逐字原样显示）。 */
+export type InlineElementTag = "b" | "strong" | "i" | "em" | "code";

 /** 解析结果：一段文本被拆成的有序节点序列。 */
 export type InlineNode =
  | { kind: "text"; text: string }
-  | { kind: "break" }
  | { kind: "element"; tag: InlineElementTag; children: InlineNode[] };

-/** 词法单元：文本 / 换行（void）/ 开标签 / 闭标签。 */
+/** 词法单元：文本 / 开标签 / 闭标签。 */
 type Token =
  | { kind: "text"; text: string }
-  | { kind: "break" }
  | { kind: "open"; tag: InlineElementTag }
  | { kind: "close"; tag: InlineElementTag };

-const INLINE_ELEMENT_TAGS = new Set<string>(["b", "strong", "i", "em", "code", "u", "s"]);
+const INLINE_ELEMENT_TAGS = new Set<string>(["b", "strong", "i", "em", "code"]);

 /** 标签候选：`<` 紧跟字母、标签体里不再出现尖括号。因此 `1 < 2`、`a<b`（无 `>`）、
 *  `<p`（无 `>`）都**不是**标签候选，会原样留在文本里（契约 §4.16 的护栏同一条口径）。 */
@@ -60,12 +67,12 @@ function tokenize(text: string): Token[] {
  return tokens;
 }

-/** 判定一个标签候选的词法身份。白名单外 ⇒ 原样文本（含尖括号，字符不丢）。 */
+/** 判定一个标签候选的词法身份。白名单外 ⇒ 原样文本（含尖括号，字符不丢）。
+ *  `<br>` 走的就是这一支（它已从白名单移除）：到本模块时它只是**字面量文本**，
+ *  气泡分隔在 `components/chat.tsx` 的 `splitParagraphs` 里就已经切完。 */
 function classify(m: RegExpExecArray): Token {
  const raw = m[0];
  const name = m[1].toLowerCase();
-  // `br` 是 void 元素：`<br>`、`<br/>` 都出换行；`</br>` 按 HTML5 口径等同 `<br>`。
-  if (name === "br") return { kind: "break" };
  if (!isInlineElementTag(name)) return { kind: "text", text: raw };
  return raw.charAt(1) === "/" ? { kind: "close", tag: name } : { kind: "open", tag: name };
 }
@@ -86,10 +93,6 @@ function buildTree(tokens: Token[]): InlineNode[] | null {
      appendText(current(), token.text);
      continue;
    }
-    if (token.kind === "break") {
-      current().push({ kind: "break" });
-      continue;
-    }
    if (token.kind === "open") {
      const children: InlineNode[] = [];
      current().push({ kind: "element", tag: token.tag, children });
@@ -7,14 +7,17 @@
 // 这个测试锁住「行内标签渲染」这一层，以及**它不能带来的风险**：产物是不可信文本
 // （模型生成、用户可诱导），任何把它当 HTML 注入的写法都必须在这里变红。
 //
-// 分六组：
-//   ① 白名单标签渲染成真元素（不是字面量）；
+// 分七组：
+//   ① 白名单标签渲染成真元素（不是字面量）；白名单同日收窄到**五项** —— `u` / `s` 出列
+//      （她百条输出 0 命中）⇒ 从此按白名单外口径逐字原样；
 //   ② 白名单外（`<script>` / `<img onerror>` / `<div>` / `<a>`）⇒ **纯文本字面量**，
 //      树里不出现这些元素、不出现任何来自产物的属性；
 //   ③ 未闭合 / 落单闭标签 ⇒ 整段降级为纯文本，不崩、字符一个不丢；
 //   ④ 交错标签（`<b>a<i>b</b>c</i>`）⇒ 同上，不崩、字符一个不丢；
 //   ⑤ 带属性 ⇒ 只出元素本身，属性既不进 markup 也不进 props；
-//   ⑥ 既有 `<p>` / `<action>` 行为无回归（走真实的 SplitChatBubble 链路）。
+//   ⑥ 既有 `<p>` / `<action>` 行为无回归（走真实的 SplitChatBubble 链路）；
+//   ⑦ 🆕 `<br>` = **气泡/消息分隔符**（主人 2026-10-07 口径「对消息内的 `<br>` 始终处理
+//      为多条消息隔断」）：与 `<p>` 同级切气泡、空气泡丢弃、**绝不**是气泡内换行。
 //
 // 跑法（react-dom/server 的 CJS 构建需要 require，所以必须打成 cjs）：
 //
@@ -128,12 +131,12 @@ const REAL_SAMPLE =
  ok(!has(html, "&lt;b&gt;"), "① 不再把 `<b>` 当字面量显示");
  ok(seen("日落 <b>18:35</b> 了") === "日落 18:35 了", "① 标签本身不作为文字出现（只剩正文）");

+  // 白名单 = **五项**（主人 2026-10-07 晚收窄：`u` / `s` / `br` 出列）。
  const tags: [string, string][] = [
+    ["<b>粗</b>", "<b>粗</b>"],
    ["<strong>粗</strong>", "<strong>粗</strong>"],
    ["<i>斜</i>", "<i>斜</i>"],
    ["<em>强调</em>", "<em>强调</em>"],
-    ["<u>下划</u>", "<u>下划</u>"],
-    ["<s>划掉</s>", "<s>划掉</s>"],
  ];
  for (const [src, want] of tags) ok(has(markup(src), want), `① ${want} 正常渲染`);
  ok(has(markup("<code>go build</code>"), "<code"), "① `<code>` 渲染成等宽元素");
@@ -141,15 +144,17 @@ const REAL_SAMPLE =

  // 大小写混写：按 HTML 口径不敏感（`<B>` 就是 `<b>`）。
  ok(has(markup("<B>大写</B>"), "<b>大写</b>"), "① `<B>` 大小写不敏感");
-  ok(has(markup("<b>x</b><BR>y"), "<br/>"), "① `<BR>` 也认（标签名大小写不敏感）");
-
-  // br 是 void 元素：`<br>` / `<br/>` / `</br>`（HTML5 等价写法）都出换行，两侧文本不丢。
-  ok(seen("上<br>下") === "上下" && has(markup("上<br/>下"), "<br/>"), "① `<br>` / `<br/>` 出换行");
-  ok(has(markup("上</br>下"), "<br/>"), "① `</br>` 按 HTML5 口径等同 `<br>`");

  // 嵌套白名单标签（正常闭合）照常渲染。
  const nested = markup("<b>外 <i>内</i></b>");
  ok(has(nested, "<b>外 <i>内</i></b>"), "① 正常嵌套逐层渲染");
+
+  // 🔴 白名单收窄：`u` / `s` 出列（她百条输出 0 命中、不值得各端返工）⇒ 它们从此按
+  // **白名单外**口径逐字原样，不再产出元素。
+  for (const [src, tag] of [["<u>下划</u>", "u"], ["<s>划掉</s>", "s"]] as [string, string][]) {
+    ok(seen(src) === src, `① 出列的 \`<${tag}>\` 逐字原样显示（字符不丢）`);
+    ok(!has(markup(src), `<${tag}>`), `① 不再为 \`${tag}\` 产出元素`);
+  }
 }

 // ── ② 白名单外一律纯文本字面量，且不产生任何节点/属性 ──────────────────────────
@@ -265,4 +270,61 @@ const REAL_SAMPLE =
  ok(!has(user, "<script") && has(user, "&lt;script&gt;x&lt;/script&gt;"), "⑥ 用户气泡里的白名单外标签仍是字面量");
 }

+// ── ⑦ `<br>` = 气泡/消息分隔（与 `<p>` 同级，**不是**气泡内换行） ────────────────
+// 主人 2026-10-07 口径：「对消息内的 `<br>` 始终处理为多条消息隔断」。这一组全部走
+// **真实链路**（`SplitChatBubble` → `splitBubble` → `splitParagraphs` → `renderContent`），
+// 所以它同时是「上一轮把 `<br>` 当行内换行」那个错误实现的**反向断言**。
+{
+  const BUBBLE = "liquid-glass-soft rounded-[var(--mu-radius-lg)] px-4 py-2.5";
+  const asst = (content: string) => render({ id: "br1", role: "assistant", content, createdAt: 1 } as ChatMessage);
+
+  // 主人给的四条口径。
+  const inP = asst("<p>甲<br>乙</p>");
+  ok(count(inP, BUBBLE) === 2, "⑦ `<p>甲<br>乙</p>` ⇒ 两个气泡");
+  ok(has(inP, "<span>甲</span>") && has(inP, "<span>乙</span>"), "⑦ 两个气泡的正文分别是 甲 / 乙");
+  ok(!has(inP, "<br/>") && !has(inP, "&lt;br"), "⑦ `<br>` 既不进 DOM、也不作为字面量出现在正文里");
+
+  const noP = asst("甲<br>乙");
+  ok(count(noP, BUBBLE) === 2, "⑦ 无 `<p>` 时 `甲<br>乙` ⇒ 两个气泡");
+  ok(has(noP, "<span>甲</span>") && has(noP, "<span>乙</span>"), "⑦ 无 `<p>` 时同样按 `<br>` 切开");
+
+  ok(count(asst("<p>甲<br><br>乙</p>"), BUBBLE) === 2, "⑦ `<p>甲<br><br>乙</p>` ⇒ 两个气泡（中间空气泡丢弃）");
+  ok(count(asst("<p>甲 <br> 乙</p>"), BUBBLE) === 2, "⑦ `<br>` 两侧空白 ⇒ 不产生多余空气泡");
+  ok(count(asst("<p>甲<br></p>"), BUBBLE) === 1, "⑦ 尾随 `<br>` 不留空气泡");
+  ok(count(asst("<p>甲<br>   </p>"), BUBBLE) === 1, "⑦ `<br>` 后全空白不留空气泡");
+
+  // 正文只剩 `<br>`：气泡分隔把它切光 ⇒ 按空正文交下去（空气泡丢弃，别把字面量画出来）。
+  const onlyBr = asst("<br>");
+  ok(count(onlyBr, BUBBLE) === 1 && !has(onlyBr, "&lt;br"), "⑦ 正文只剩 `<br>` ⇒ 不产生字面量、只留空回复外壳");
+
+  // 三种写法等价（HTML5）：`<br>` / `<br/>` / `</br>`；属性不解析（`<br class=x>` 照样切）。
+  for (const src of ["<p>甲<br>乙</p>", "<p>甲<br/>乙</p>", "<p>甲</br>乙</p>", "<p>甲<br class=\"x\">乙</p>"]) {
+    ok(count(asst(src), BUBBLE) === 2, `⑦ 等价写法都切成两个气泡：${src}`);
+  }
+
+  // 护栏：`<brow>` / `<br2>` 不是 br 标签（与 `1 < 2`、`a<b`、`<p2>` 同一条口径）。
+  const brow = asst("<p>甲<brow>乙</brow>丙</p>");
+  ok(count(brow, BUBBLE) === 1, "⑦ `<brow>` 不是 br ⇒ 不切气泡");
+  ok(has(brow, "&lt;brow&gt;"), "⑦ `<brow>` 按白名单外口径逐字原样");
+  ok(count(asst("<p>甲<br2>乙</br2>丙</p>"), BUBBLE) === 1, "⑦ `<br2>` / `</br2>` 同样不是 br");
+
+  // 流式半截 `<br`（还没等到 `>`）⇒ 不是分隔符，本段仍是一个气泡。
+  const partial = asst("<p>甲<br</p>");
+  ok(count(partial, BUBBLE) === 1, "⑦ 流式半截 `<br`（无 `>`）不切气泡");
+  ok(has(partial, "&lt;br"), "⑦ 半截标签按字面量显示（字符不丢）");
+
+  // 与行内标签混用：切开的两段各自照常做行内渲染。
+  const mixed = asst("<p>日落 <b>18:35</b><br>晚安</p>");
+  ok(count(mixed, BUBBLE) === 2, "⑦ 含行内标签的段落同样按 `<br>` 切开");
+  ok(has(mixed, "<b>18:35</b>") && has(mixed, "<span>晚安</span>"), "⑦ 两段各自渲染（第一段保留粗体）");
+
+  // 用户气泡走同一条链。
+  const userBr = render({ id: "u2", role: "user", content: "<p>甲<br>乙</p>", createdAt: 2 } as ChatMessage);
+  ok(count(userBr, "mu-rise-in flex flex-col items-end gap-0.5") === 2, "⑦ 用户气泡同样按 `<br>` 切成两个");
+
+  // `<action>` 注记不受 `<br>` 影响（注记文案原样、仍在气泡外），正文照常切。
+  const noteBr = asst("<action>她 笑 了</action><p>甲<br>乙</p>");
+  ok(count(noteBr, BUBBLE) === 2 && has(noteBr, "＊动作：她 笑 了＊"), "⑦ 注记照旧在气泡外，正文照常切成两段");
+}
+
 console.log(`inline markup render test: ${checks} checks passed`);
@@ -5,16 +5,21 @@ import { parseInlineMarkup, type InlineNode } from "../lib/inlineMarkup";
 /** 渲染助手消息正文。`<action>` / `<narration>` 块在这里**不**进入气泡 —— 它们由
 *  `splitBubble` 剥出、以气泡外的注记呈现；剩下的文本段落交给行内白名单渲染。
 *
+ *  🔴 这里**只**做行内（`b`/`strong`/`i`/`em`/`code`）的事：段落 `<p>` 与消息断隔
+ *  `<br>` 都在上一层（`components/chat.tsx` 的 `splitParagraphs`）就已切成独立气泡，
+ *  本函数拿到的每一段都是**单个气泡的正文** —— 所以这里绝不返回 `<br/>`（否则等于把
+ *  「多条消息」偷偷变回「一条消息里的换行」，与主人口径冲突）。
+ *
 *  🔴 安全：文本一律交给 React 当**文本子节点**渲染（默认转义），全程没有
 *  `innerHTML` / `dangerouslySetInnerHTML`，也没有字符串拼 HTML —— 白名单外的标签
- *  （`<script>` 等）只会变成可见的字面量文本，不产生 DOM 节点、不执行。 */
+ *  （`<script>` / `<br>` 等）只会变成可见的字面量文本，不产生 DOM 节点、不执行。 */
 export function renderContent(content: string): ReactNode[] {
  return parseContent(content)
    .filter((part) => part.type === "text")
    .map((part, i) => <span key={i}>{renderInline(part.text)}</span>);
 }

-/** 一段（`<p>` 切分后的）段落文本 ⇒ 行内节点序列 ⇒ React 元素。 */
+/** 一段（`<p>` / `<br>` 切分后的单气泡）文本 ⇒ 行内节点序列 ⇒ React 元素。 */
 function renderInline(text: string): ReactNode[] {
  return parseInlineMarkup(text).map((node, i) => renderInlineNode(node, `n${i}`));
 }
@@ -23,7 +28,6 @@ function renderInline(text: string): ReactNode[] {
 *  因此不存在「把标签名当 HTML 执行」的路径；节点树里也没有任何属性位。 */
 function renderInlineNode(node: InlineNode, key: string): ReactNode {
  if (node.kind === "text") return <Fragment key={key}>{node.text}</Fragment>;
-  if (node.kind === "break") return <br key={key} />;

  const children = node.children.map((child, i) => renderInlineNode(child, `${key}-${i}`));
  switch (node.tag) {
@@ -35,10 +39,6 @@ function renderInlineNode(node: InlineNode, key: string): ReactNode {
      return <i key={key}>{children}</i>;
    case "em":
      return <em key={key}>{children}</em>;
-    case "u":
-      return <u key={key}>{children}</u>;
-    case "s":
-      return <s key={key}>{children}</s>;
    case "code":
      return (
        <code key={key} className="rounded-[var(--mu-radius-sm)] bg-[var(--mu-surface-2)] px-1 font-mono">