chore: initial commit for Pretor v0.1.0-alpha

正式发布 Pretor 平台的首个 alpha 版本。本项目旨在构建一个基于分布式架构的多智能体协同工作流水线。

核心功能实现：
1. 建立基于 BaseIndividual 的动态插件加载机制。
2. 实现三类核心 worker_individual 子个体。
3. 集成 Ray 框架支持分布式集群调度。
4. 基于 PostgreSQL 的全量持久化存储方案。
5. 提供完整的 FastAPI 后端与 React 前端交互界面。

frontend/src/App.tsx

@@ -0,0 +1,69 @@
+import { useState, useEffect } from 'react';
+import { Sidebar } from './components/Layout/Sidebar';
+import { SettingsLayout } from './components/Settings/SettingsLayout';
+import { AgentLayout } from './components/Agent/AgentLayout';
+import { ResourceLayout } from './components/Resource/ResourceLayout';
+import { LeftPanel } from './components/Chat/LeftPanel';
+import { ChatPanel } from './components/Chat/ChatPanel';
+import { RightPanel } from './components/Chat/RightPanel';
+import { AuthPage } from './components/Auth/AuthPage';
+
+function App() {
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  const [activeTab, setActiveTab] = useState('chats'); // For LeftPanel
+  const [currentView, setCurrentView] = useState('dashboard'); // 'dashboard', 'settings', 'agent', 'resource'
+  const [settingsTab, setSettingsTab] = useState('users'); // For SettingsLayout
+  const [agentTab, setAgentTab] = useState('worker'); // For AgentLayout
+  const [resourceTab, setResourceTab] = useState('skill'); // For ResourceLayout
+
+  const [selectedWorkflow, setSelectedWorkflow] = useState<string | null>(null);
+
+  useEffect(() => {
+    // Check if token exists in localStorage on mount
+    const token = localStorage.getItem('token');
+    if (token) {
+      setIsAuthenticated(true);
+    }
+  }, []);
+
+  if (!isAuthenticated) {
+    return <AuthPage onLoginSuccess={() => setIsAuthenticated(true)} />;
+  }
+
+  return (
+    <div className="flex h-screen w-screen bg-slate-50 text-slate-800 font-sans overflow-hidden">
+
+      {/* 1. Sidebar (Leftmost) */}
+      <Sidebar currentView={currentView} setCurrentView={setCurrentView} />
+
+      {/* Main Content Area depending on view */}
+      {currentView === 'agent' ? (
+        <AgentLayout agentTab={agentTab} setAgentTab={setAgentTab} />
+      ) : currentView === 'resource' ? (
+        <ResourceLayout resourceTab={resourceTab} setResourceTab={setResourceTab} />
+      ) : currentView === 'dashboard' ? (
+        <>
+          {/* 2. Left Panel - Cluster Status & Workflows/Chats */}
+          <LeftPanel
+            activeTab={activeTab}
+            setActiveTab={setActiveTab}
+            selectedWorkflow={selectedWorkflow}
+            setSelectedWorkflow={setSelectedWorkflow}
+          />
+
+          {/* 3. Middle Panel - AI Chat */}
+          <ChatPanel />
+
+          {/* 4. Right Panel - Workflow Execution Status (Only show when viewing workflows) */}
+          {activeTab === 'workflows' && <RightPanel selectedWorkflow={selectedWorkflow} />}
+        </>
+      ) : (
+        /* Settings View */
+        <SettingsLayout settingsTab={settingsTab} setSettingsTab={setSettingsTab} />
+      )}
+
+    </div>
+  );
+}
+
+export default App;