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

@@ -0,0 +1,28 @@
+/**
+ * ToolResultBlock — 工具结果块
+ */
+
+import { Box, Typography, Stack } from '@mui/material';
+import { FileText } from 'lucide-react';
+import type { ToolCallInfo } from '@renderer/stores/agent-store';
+import { formatDuration } from '@renderer/lib/formatters';
+
+interface ToolResultBlockProps { toolCall: ToolCallInfo; }
+
+export function ToolResultBlock({ toolCall }: ToolResultBlockProps): React.JSX.Element {
+  if (toolCall.status !== 'success' || toolCall.result == null) return <></>;
+  const resultStr = typeof toolCall.result === 'string' ? toolCall.result : JSON.stringify(toolCall.result, null, 2);
+
+  return (
+    <Box sx={{ borderRadius: 1.5, border: '1px solid', borderColor: 'divider', borderLeft: '3px solid', borderLeftColor: 'info.main', bgcolor: 'secondary.main', px: 1.5, py: 1, mb: 1, animation: 'fadeInUp 300ms ease-out' }}>
+      <Stack direction="row" spacing={1} alignItems="center" sx={{ mb: 0.5 }}>
+        <FileText size={12} style={{ color: '#22d3ee' }} />
+        <Typography variant="caption" sx={{ fontWeight: 500, color: 'text.primary' }}>{toolCall.name} 结果</Typography>
+        {toolCall.durationMs != null && <Typography variant="caption" sx={{ ml: 'auto', color: 'text.secondary' }}>{formatDuration(toolCall.durationMs)}</Typography>}
+      </Stack>
+      <Box component="pre" sx={{ fontSize: 11, borderRadius: 1, px: 1, py: 0.75, overflowX: 'auto', bgcolor: 'background.default', color: 'text.secondary', fontFamily: "'SF Mono',monospace", maxHeight: 120, m: 0 }}>
+        {resultStr.length > 500 ? resultStr.slice(0, 500) + '\n... [截断]' : resultStr}
+      </Box>
+    </Box>
+  );
+}