feat: 添加 Tauri 桌面应用

- 创建 packages/desktop 模块 - 实现 Tauri 2.0 + React 桌面应用 - 复用 Web 前端代码 - 添加系统托盘功能 - 实现本地文件访问命令 - 配置 Vite + Tauri 集成 - 更新 .gitignore 添加 Rust/Tauri 相关规则
2025-12-12 13:19:00 +08:00
parent b5d3b7df57
commit 6ef9d95172
86 changed files with 14495 additions and 1 deletions
@@ -0,0 +1,140 @@
+/**
+ * App Component
+ */
+
+import { useState, useEffect } from 'react';
+import { Sidebar } from './components/Sidebar';
+import { ChatPage } from './pages/Chat';
+import { FileBrowser } from './components/FileBrowser';
+import { ConfigPanel } from './components/ConfigPanel';
+import { listSessions, createSession, type Session } from './api/client';
+
+export function App() {
+  const [currentSessionId, setCurrentSessionId] = useState<string | null>(null);
+  const [isInitializing, setIsInitializing] = useState(true);
+  const [showFileBrowser, setShowFileBrowser] = useState(false);
+  const [showConfig, setShowConfig] = useState(false);
+
+  // 初始化：加载或创建会话
+  useEffect(() => {
+    async function init() {
+      try {
+        const { data: sessions } = await listSessions();
+
+        if (sessions.length > 0) {
+          // 选择最近的会话
+          setCurrentSessionId(sessions[0].id);
+        } else {
+          // 创建新会话
+          const { data: newSession } = await createSession();
+          setCurrentSessionId(newSession.id);
+        }
+      } catch (error) {
+        console.error('Failed to initialize:', error);
+      } finally {
+        setIsInitializing(false);
+      }
+    }
+
+    init();
+  }, []);
+
+  const handleSelectSession = (id: string) => {
+    setCurrentSessionId(id);
+  };
+
+  const handleCreateSession = (session: Session) => {
+    setCurrentSessionId(session.id);
+  };
+
+  if (isInitializing) {
+    return (
+      <div className="h-screen flex items-center justify-center bg-gray-900">
+        <div className="text-center">
+          <div className="w-8 h-8 border-2 border-primary-500 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
+          <p className="text-gray-400">Initializing...</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="h-screen flex bg-gray-900">
+      <Sidebar
+        currentSessionId={currentSessionId}
+        onSelectSession={handleSelectSession}
+        onCreateSession={handleCreateSession}
+      />
+
+      {/* 工具栏按钮 */}
+      <div className="absolute top-3 right-4 z-10 flex gap-2">
+        {/* 配置按钮 */}
+        <button
+          onClick={() => setShowConfig(true)}
+          className="p-2 rounded-lg bg-gray-700 text-gray-300 hover:bg-gray-600 transition-colors"
+          title="Settings"
+        >
+          <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+            />
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+            />
+          </svg>
+        </button>
+
+        {/* 文件浏览器切换按钮 */}
+        <button
+          onClick={() => setShowFileBrowser(!showFileBrowser)}
+          className={`p-2 rounded-lg transition-colors ${
+            showFileBrowser ? 'bg-blue-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'
+          }`}
+          title={showFileBrowser ? 'Hide Files' : 'Show Files'}
+        >
+          <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
+            />
+          </svg>
+        </button>
+      </div>
+
+      <div className="flex-1 flex">
+        {/* 聊天区域 */}
+        <div className={`flex-1 ${showFileBrowser ? 'w-1/2' : 'w-full'}`}>
+          {currentSessionId ? (
+            <ChatPage key={currentSessionId} sessionId={currentSessionId} />
+          ) : (
+            <div className="flex-1 flex items-center justify-center h-full">
+              <p className="text-gray-400">Select or create a session</p>
+            </div>
+          )}
+        </div>
+
+        {/* 文件浏览器 */}
+        {showFileBrowser && (
+          <div className="w-1/2 border-l border-gray-700">
+            <FileBrowser
+              onFileSelect={(path, _content) => {
+                console.log('Selected file:', path);
+              }}
+            />
+          </div>
+        )}
+      </div>
+
+      {/* 配置面板 */}
+      {showConfig && <ConfigPanel onClose={() => setShowConfig(false)} />}
+    </div>
+  );
+}