refactor: 移除多余依赖，统一 MUI 为唯一 UI 库

- 移除 radix-ui、clsx、tailwind-merge、class-variance-authority、react-router-dom

- 前后端全面适配 MUI 组件，清理残留 Tailwind 工具类引用

- 优化 Agent Loop 引擎、IPC 处理器、Provider Adapter 等后端模块

- 新增 Agent 网络工具通用设计文档 v2

src/components/layout/AgentMonitor.tsx

@@ -37,7 +37,7 @@ export function AgentMonitor(): React.JSX.Element {
 
   return (
     <Box sx={{ mt: 2, pt: 2, borderTop: 1, borderColor: 'divider', flexShrink: 0 }}>
-      <Stack direction="row" spacing={1} alignItems="center" sx={{ mb: 1.5 }}>
+      <Stack direction="row" spacing={1} sx={{ mb: 1.5, alignItems: 'center' }}>
         <Cpu size={14} style={{ color: '#818cf8' }} />
         <Typography variant="caption" sx={{ fontWeight: 600, textTransform: 'uppercase', letterSpacing: 1, color: 'text.secondary' }}>
           Agent 状态
@@ -46,7 +46,7 @@ export function AgentMonitor(): React.JSX.Element {
 
       {/* 状态指示 */}
       <Box sx={{ px: 1.5, py: 1, borderRadius: 1.5, mb: 1.5, bgcolor: 'background.default', border: '1px solid', borderColor: 'divider' }}>
-        <Stack direction="row" spacing={1} alignItems="center">
+        <Stack direction="row" spacing={1} sx={{ alignItems: 'center' }}>
           <StatusIcon
             size={14}
             style={{

src/components/layout/Sidebar.tsx

@@ -187,7 +187,7 @@ function MemorySearchPanel() {
             <Box sx={{ maxHeight: 200, overflowY: 'auto', display: 'flex', flexDirection: 'column', gap: 0.5 }}>
               {results.map((r) => (
                 <Box key={r.id} sx={{ px: 1, py: 0.75, borderRadius: 1, bgcolor: 'background.default', fontSize: 10, color: 'text.secondary' }}>
-                  <Stack direction="row" spacing={0.5} alignItems="center" sx={{ mb: 0.25 }}>
+                  <Stack direction="row" spacing={0.5} sx={{ mb: 0.25, alignItems: 'center' }}>
                     <Box sx={{ px: 0.5, borderRadius: 0.5, bgcolor: 'action.hover', color: 'primary.main', fontSize: 9 }}>{r.type}</Box>
                     <Typography variant="caption" sx={{ fontSize: 9 }}>重要度: {r.importance.toFixed(1)}</Typography>
                   </Stack>

src/components/layout/StatusBar.tsx

@@ -4,6 +4,7 @@
  * 完全使用 MUI 组件：Table 展示状态/Provider/Token，右侧设置按钮。
  */
 
+import { useState, useEffect } from 'react';
 import { Box, Typography, IconButton, Tooltip, Table, TableBody, TableRow, TableCell } from '@mui/material';
 import { Settings } from 'lucide-react';
 import { useAgentStore } from '@renderer/stores/agent-store';
@@ -17,6 +18,13 @@ export function StatusBar(): React.JSX.Element {
   const model = useAgentStore((s) => s.model);
   const tokenUsage = useAgentStore((s) => s.tokenUsage);
   const openSettings = useUIStore((s) => s.openSettings);
+  const [version, setVersion] = useState('v0.1.0');
+
+  useEffect(() => {
+    if (window.metona?.app?.getVersion) {
+      window.metona.app.getVersion().then((v) => setVersion(`v${v}`)).catch((err) => { console.error('[StatusBar]', err); });
+    }
+  }, []);
 
   return (
     <Box
@@ -66,7 +74,7 @@ export function StatusBar(): React.JSX.Element {
 
       {/* 右侧：版本 + 设置 */}
       <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, flexShrink: 0 }}>
-        <Typography variant="caption" sx={{ color: 'text.disabled', fontSize: 10 }}>v0.1.0</Typography>
+        <Typography variant="caption" sx={{ color: 'text.disabled', fontSize: 10 }}>{version}</Typography>
         <Tooltip title="设置 (Ctrl+,)">
           <IconButton size="small" onClick={openSettings} sx={{ color: 'text.secondary', width: 28, height: 28 }}>
             <Settings size={14} />