feat: 初始化前端项目，搭建 React + TypeScript + Vite 工程结构

- 创建 Vite + React 18 + TypeScript 项目（严格模式）
- 安装 @ricky0123/vad-web、onnxruntime-web、uuid 依赖
- 定义全部 WebSocket 消息类型和数据模型（对齐接口文档）
- 实现 WebSocket 连接管理（心跳保活、指数退避重连）
- 实现音频编码工具（PCM↔Base64、DataURL 转换）
- 创建组件骨架：CameraManager、MicManager、EdgeProcessor、WebSocketManager、ChatPanel、VideoPreview
- 实现核心 useVisionSession Hook 骨架
- 配置 ESLint（_前缀变量忽略规则）

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/ChatPanel/index.tsx

@@ -0,0 +1,33 @@
+// ============================================================
+// ChatPanel — 消息展示面板
+// 职责：渲染对话消息列表（用户提问 + AI 回复）
+// ============================================================
+
+import type { ChatMessage } from "../../types";
+
+interface ChatPanelProps {
+  messages: ChatMessage[];
+}
+
+export function ChatPanel({ messages }: ChatPanelProps) {
+  if (messages.length === 0) {
+    return (
+      <div className="chat-panel chat-panel--empty">
+        <p>开始对话：对着摄像头说话即可</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="chat-panel">
+      {messages.map((msg, index) => (
+        <div key={index} className={`chat-message chat-message--${msg.role}`}>
+          <div className="chat-message__role">
+            {msg.role === "user" ? "你" : "AI"}
+          </div>
+          <div className="chat-message__content">{msg.content}</div>
+        </div>
+      ))}
+    </div>
+  );
+}