✨ feat(vscode): 代码阅读预览界面

Vite 加 code-reader.html 第二入口；代码块树（层级竖线、折叠、种类标签配色）、译文 / 源码按词性着色、块内直接编辑（防抖回写整行、Esc 回预览）、翻译下拉、解析失败提示；看板与代码阅读共用带类型的 acquireVsCodeApi 包装和 ErrorBoundary。

vscode/webview-ui/src/codeReader/SegmentText.tsx

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react'
+import type { Segment } from './types'
+
+/** 按词性给每一段上色，颜色在 codeReader.css 的 .cr-role-* 里按主题切换。 */
+export function SegmentText({ segments }: { segments: Segment[] }): ReactElement {
+  return (
+    <>
+      {segments.map((segment, index) => (
+        <span key={index} className={`cr-role-${segment.role}`}>{segment.text}</span>
+      ))}
+    </>
+  )
+}