feat: MetonaAI Desktop 初始项目

- Electron + React + TypeScript 架构
- 三栏布局: Sidebar | ChatPanel | DetailPanel
- 9 个内置工具 (文件系统/网络/记忆/命令)
- SQLite 持久化 (better-sqlite3)
- MUI 暗色/亮色主题系统
- Agent Loop ReAct 状态机引擎
- DeepSeek / Agnes AI / Ollama Provider 适配器
- MCP 协议集成
- 系统托盘 + 全局快捷键
- Tailwind CSS v4 + Tailwind Merge
- 修复: Sidebar 缺失 TextField 导入导致黑屏

src/components/chat/MessageItem.tsx

@@ -0,0 +1,41 @@
+/**
+ * MessageItem — 单条消息路由组件
+ *
+ * 根据消息 role 路由到对应的子组件渲染。
+ */
+
+import type { ChatMessage } from '@renderer/stores/agent-store';
+import { UserMessage } from './UserMessage';
+import { AssistantMessage } from './AssistantMessage';
+import { SystemMessage } from './SystemMessage';
+
+interface MessageItemProps {
+  message: ChatMessage;
+  isLast?: boolean;
+  isStreaming?: boolean;
+  streamContent?: string;
+}
+
+export function MessageItem({ message, isLast, isStreaming, streamContent }: MessageItemProps): React.JSX.Element {
+  switch (message.role) {
+    case 'user':
+      return <UserMessage message={message} />;
+
+    case 'assistant':
+      return (
+        <AssistantMessage
+          message={message}
+          isStreaming={isLast && isStreaming}
+          streamContent={streamContent}
+        />
+      );
+
+    case 'tool':
+      // 工具消息渲染为系统消息样式
+      return <SystemMessage message={message} />;
+
+    case 'system':
+    default:
+      return <SystemMessage message={message} />;
+  }
+}