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/StreamingIndicator.tsx

@@ -0,0 +1,25 @@
+/**
+ * StreamingIndicator — 流式加载指示器
+ */
+
+import { Box, Typography, CircularProgress } from '@mui/material';
+import { Brain, Loader2 } from 'lucide-react';
+import { useAgentStore } from '@renderer/stores/agent-store';
+
+export function StreamingIndicator(): React.JSX.Element | null {
+  const isStreaming = useAgentStore((s) => s.isStreaming);
+  const agentStatus = useAgentStore((s) => s.agentStatus);
+  if (!isStreaming) return null;
+
+  return (
+    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, py: 1.5, animation: 'fadeIn 200ms ease-out' }}>
+      <Box sx={{ width: 32, height: 32, borderRadius: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center', bgcolor: 'secondary.main', color: 'primary.main' }}>
+        <Brain size={16} style={{ animation: 'pulse 2s infinite' }} />
+      </Box>
+      <Loader2 size={14} style={{ animation: 'spin 1s linear infinite', color: '#818cf8' }} />
+      <Typography variant="caption" sx={{ color: 'text.secondary' }}>
+        {agentStatus === 'thinking' ? '思考中...' : agentStatus === 'executing' ? '执行中...' : '处理中...'}
+      </Typography>
+    </Box>
+  );
+}