✨ feat(vscode): 代码阅读预览把注释、说明、问 AI 回答里的 mermaid 代码块画成图

- markdown.ts：mermaid 代码块出占位（源码转义后记在 data-source，里面先放原样的代码块）；带增删的说明、逐字生成中的回答仍是普通代码块
- useMermaidDiagrams：页面上有占位才按需加载 mermaid（strict、跟 VS Code 字体），按源码 + 配色缓存 SVG，一次只画一张，换主题重画；画不出来留代码块、下面一行原因
- 打包：Vite 的按需加载辅助函数单独成块，加构建检查禁止别的块 import 入口（入口带 ?v= 加载，被 import 会整页再跑一遍、第二次拿 VS Code API 报错）
- 主题明暗判断抽到 lib/vscodeTheme，看板的改动面板共用

vscode/webview-ui/src/codeReader/codeReader.css

@@ -264,6 +264,28 @@ body:is(.vscode-light, .vscode-high-contrast-light) .cr-colored { color: var(--c
 .cr-markdown .cr-repo-image a:hover {
   text-decoration: none;
 }
+/* ```mermaid 代码块画成的图：居中，宽不超过注释区，真放不下就横着滚；画不出来时留着代码块，下面一行原因用警告色 */
+.cr-markdown .cr-mermaid {
+  margin: 0 0 6px;
+  overflow-x: auto;
+}
+.cr-markdown > .cr-mermaid:last-child {
+  margin-bottom: 0;
+}
+.cr-markdown .cr-mermaid > :is(pre, p) {
+  margin: 0;
+}
+.cr-markdown .cr-mermaid > svg {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 0 auto;
+}
+.cr-markdown .cr-mermaid > .cr-mermaid-error {
+  margin-top: 2px;
+  color: var(--vscode-editorWarning-foreground, var(--vscode-descriptionForeground));
+  font-size: 11.5px;
+}
 .cr-markdown blockquote {
   padding: 0 8px;
   border-left: 3px solid var(--vscode-textBlockQuote-border);