fix: 修复 mermaid rect 黑色背景、代码块缺少 language 属性

Author: tt-a1i

src/pages/IDEDiffProtocol.tsx

@@ -550,7 +550,7 @@ this.client.setNotificationHandler(
  </div>
  </div>
 
- <CodeBlock code={architectureCode} title="IDE 集成双向通信架构" />
+ <CodeBlock language="typescript" code={architectureCode} title="IDE 集成双向通信架构" />
  </Layer>
 
  {/* 5. 流程图 */}
@@ -559,16 +559,16 @@ this.client.setNotificationHandler(
  <div>
  <h4 className="text-lg font-semibold text-heading mb-3">连接建立流程</h4>
  <MermaidDiagram chart={connectionFlowChart} title="IDE 连接建立流程" />
- <CodeBlock code={portFileCode} title="端口发现机制实现" />
+ <CodeBlock language="typescript" code={portFileCode} title="端口发现机制实现" />
  </div>
 
  <div>
  <h4 className="text-lg font-semibold text-heading mb-3">Diff View 交互流程</h4>
  <MermaidDiagram chart={diffFlowChart} title="完整 Diff 交互流程" />
 
  <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
- <CodeBlock code={clientDiffCode} title="CLI 侧 openDiff() 调用" />
- <CodeBlock code={showDiffCode} title="VS Code 侧 showDiff() 实现" />
+ <CodeBlock language="typescript" code={clientDiffCode} title="CLI 侧 openDiff() 调用" />
+ <CodeBlock language="typescript" code={showDiffCode} title="VS Code 侧 showDiff() 实现" />
  </div>
  </div>
  </div>
@@ -836,7 +836,7 @@ this.client.setNotificationHandler(
  {/* 技术细节补充 */}
  <Layer title="技术细节补充">
  <div className="space-y-4">
- <CodeBlock code={diffSchemeCode} title="gemini-diff:// URI Scheme 实现" />
+ <CodeBlock language="typescript" code={diffSchemeCode} title="gemini-diff:// URI Scheme 实现" />
 
  <div className="bg-base/30 rounded-lg p-4">
  <h4 className="text-heading font-bold mb-2">URI 结构示例</h4>
@@ -852,7 +852,7 @@ this.client.setNotificationHandler(
  </div>
  </div>
 
- <CodeBlock code={mcpServerCode} title="MCP Server 工具注册" />
+ <CodeBlock language="typescript" code={mcpServerCode} title="MCP Server 工具注册" />
 
  <div className="bg-surface rounded-lg p-4">
  <h4 className="text-heading font-bold mb-3">MCP 通知类型</h4>
@@ -884,7 +884,7 @@ this.client.setNotificationHandler(
  </table>
  </div>
 
- <CodeBlock code={contextSyncCode} title="IDE 上下文双向同步" />
+ <CodeBlock language="typescript" code={contextSyncCode} title="IDE 上下文双向同步" />
 
  <HighlightBox title="工作区信任状态同步" variant="green">
  <p className="text-sm">

src/pages/PlanMode.tsx

@@ -3,6 +3,7 @@ import { HighlightBox } from '../components/HighlightBox';
 import { MermaidDiagram } from '../components/MermaidDiagram';
 import { CodeBlock } from '../components/CodeBlock';
 import { Layer } from '../components/Layer';
+import { getThemeColor } from '../utils/theme';
 import { RelatedPages, type RelatedPage } from '../components/RelatedPages';
 
 const relatedPages: RelatedPage[] = [
@@ -315,12 +316,10 @@ sequenceDiagram
  U->>PM: /plan create "重构认证模块"
  PM->>RA: 启动代码分析
 
- rect rgb(26, 30, 38)
  Note over RA: 只读分析阶段
  RA->>RA: 遍历文件结构
  RA->>RA: 分析依赖关系
  RA->>RA: 识别影响范围
- end
 
  RA->>PG: 分析报告
  PG->>PM: 生成初始计划
@@ -334,11 +333,9 @@ sequenceDiagram
  U->>PM: /plan approve
  PM->>PE: 执行已批准计划
 
- rect rgb(26, 30, 38)
  Note over PE: 执行阶段
  PE->>PE: 逐步执行修改
  PE->>U: 报告每步进度
- end
 
  PE->>PM: 执行完成
  PM->>U: 计划完成报告

src/pages/ZedIntegration.tsx

@@ -84,23 +84,18 @@ sequenceDiagram
  participant A as Gemini Agent
  participant M as Model API
 
- rect rgb(60, 60, 80)
  Note over Z,A: 初始化阶段
  Z->>A: initialize(protocolVersion, capabilities)
  A->>Z: InitializeResponse(authMethods, agentCapabilities)
  Z->>A: authenticate(methodId: "oauth-personal")
  A->>Z: AuthenticateResponse(success)
- end
 
- rect rgb(60, 80, 60)
  Note over Z,A: 会话创建
  Z->>A: session/new(cwd, mcpServers[])
  A->>A: 创建 Config
  A->>A: 启动 GeminiChat
  A->>Z: NewSessionResponse(sessionId)
- end
 
- rect rgb(80, 60, 60)
  Note over Z,M: 对话循环
  Z->>A: session/prompt(sessionId, contentBlocks[])
  A->>A: 解析 @命令
@@ -116,7 +111,6 @@ sequenceDiagram
  end
 
  A->>Z: PromptResponse(stopReason)
- end
 `} />
  </div>
  )}