优化: df-miniapp 跨端 AI Chat 更新(会话前基线收尾)

- ws.ts 心跳 pong 闭环 + useAiChat 看门狗治半连接挂死

- pages 新增 settings/ + chat/conversations 更新 + types events/relay + mdRenderer + tsconfig

apps/df-miniapp/src/utils/mdRenderer.ts

@@ -33,9 +33,21 @@ function styleTag(html: string, tag: string, style: string): string {
  *
  * 设计取舍:pre(块代码)给深色背景;<code> 不给背景(透明),仅等宽+橙色 —— 避免块代码内层 code
  * 与 pre 背景冲突的双层色块(块代码内 code 透明继承 pre 深底,内联 code 橙色等宽在消息底上也可读)。
+ *
+ * 正文颜色(P1-1 真机确认):rich-text 只认节点 inline style,不继承页面 CSS `.msg text`
+ * (模板的 `.msg text{color:#e0e0e0}` 仅命中 `<text>` 子元素)。marked 产出的 p/h1-6/li/td/th
+ * 等不带 style 时,文本在暗色气泡上呈近黑 → 暗底黑字。故给承载正文的块级元素统一注入颜色。
+ * strong/em/b 等行内元素继承父级(p/li)颜色,无需逐一注入。
  */
 export function styleMarkdown(html: string): string {
   let out = html
+  // 正文着色:块级文本容器统一浅色(rich-text 样式继承链从容器传子文本)
+  // word-break:break-all 防长 URL/长单词撑开气泡(rich-text 内文本不继承外层 .msg 的
+  // word-break,须 inline 注入;对齐 mdRenderer 文件头"rich-text 只认 inline style")。
+  const BODY_STYLE = 'color:#e0e0e0;word-break:break-all'
+  for (const tag of ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'blockquote', 'td']) {
+    out = styleTag(out, tag, BODY_STYLE)
+  }
   // 块代码 <pre>:深色背景 + 等宽 + 圆角 + pre-wrap 换行防撑爆
   out = styleTag(
     out,
@@ -48,15 +60,19 @@ export function styleMarkdown(html: string): string {
     'code',
     'font-family:monospace;color:#e0a070;background-color:transparent;font-size:12px',
   )
-  // 链接:蓝下划线(rich-text 不可点击,仅展示 + selectable 长按复制)
-  out = styleTag(out, 'a', 'color:#4a9eff;text-decoration:underline')
-  // 表格:border + 块级 + 横向溢出处理(rich-text 非滚动,靠 word-break 兜底;border 提升可读)
+  // 链接:蓝下划线(rich-text 不可点击,仅展示 + selectable 长按复制);word-break 防长 URL 撑开
+  out = styleTag(out, 'a', 'color:#4a9eff;text-decoration:underline;word-break:break-all')
+  // 表格:显式 table 布局 + 等宽字列。注意不能用 display:block(会失去表格布局语义、
+  // 列宽错乱),故显式声明 display:table;rich-text 非滚动容器(见文件头注释),无法建横向
+  // 滚动区 → 不做滚动容器,靠 max-width:100% + word-break:break-all 防超宽撑爆气泡;
+  // border 提升可读。
   out = styleTag(
     out,
     'table',
-    'display:block;border-collapse:collapse;width:100%;font-size:12px;word-break:break-all',
+    'display:table;border-collapse:collapse;width:100%;max-width:100%;font-size:12px;word-break:break-all',
   )
-  out = styleTag(out, 'th', 'border:1px solid #333;padding:4px 6px;background-color:#1a1a1a')
-  out = styleTag(out, 'td', 'border:1px solid #333;padding:4px 6px')
+  // th/td:边框 + 内边距保留,字号与 table 对齐(font-size:12px)
+  out = styleTag(out, 'th', 'border:1px solid #333;padding:4px 6px;font-size:12px;background-color:#1a1a1a')
+  out = styleTag(out, 'td', 'border:1px solid #333;padding:4px 6px;font-size:12px')
   return out
 }