86 lines
3.2 KiB
TypeScript
86 lines
3.2 KiB
TypeScript
import { useEffect, useState } from 'react';
|
|
import { Routes, Route, Navigate, useLocation, useNavigate } from 'react-router-dom';
|
|
import { Spin } from 'antd';
|
|
import Sidebar from './components/Sidebar';
|
|
import CommandPalette from './components/CommandPalette';
|
|
import AgentList from './pages/AgentList';
|
|
import AgentEditor from './pages/AgentEditor';
|
|
import ChatPage from './pages/ChatPage';
|
|
import LoginPage from './pages/LoginPage';
|
|
import MarketplacePage from './pages/MarketplacePage';
|
|
import TeamsPage from './pages/TeamsPage';
|
|
import PromptLibraryPage from './pages/PromptLibraryPage';
|
|
import StatsPage from './pages/StatsPage';
|
|
import SharedSessionPage from './pages/SharedSessionPage';
|
|
import WorkflowsPage from './pages/WorkflowsPage';
|
|
import { useAuth } from './store/auth';
|
|
import { AgentAPI } from './api';
|
|
|
|
function HomeRedirect() {
|
|
return <Navigate to="/chat" replace />;
|
|
}
|
|
|
|
export default function App() {
|
|
const { user } = useAuth();
|
|
const location = useLocation();
|
|
const [paletteOpen, setPaletteOpen] = useState(false);
|
|
|
|
// 全局快捷键 Ctrl/⌘ + K
|
|
useEffect(() => {
|
|
if (!user) return;
|
|
const handler = (e: KeyboardEvent) => {
|
|
if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'k') {
|
|
e.preventDefault();
|
|
setPaletteOpen((v) => !v);
|
|
}
|
|
};
|
|
window.addEventListener('keydown', handler);
|
|
return () => window.removeEventListener('keydown', handler);
|
|
}, [user]);
|
|
|
|
const mainContent = (
|
|
<Routes>
|
|
<Route path="/" element={<HomeRedirect />} />
|
|
<Route path="/chat" element={<ChatPage />} />
|
|
<Route path="/chat/:id" element={<ChatPage />} />
|
|
<Route path="/agents" element={<AgentList />} />
|
|
<Route path="/agents/new" element={<AgentEditor />} />
|
|
<Route path="/agents/:id" element={<AgentEditor />} />
|
|
<Route path="/agents/:id/chat" element={<Navigate to="/chat" replace />} />
|
|
<Route path="/marketplace" element={<MarketplacePage />} />
|
|
<Route path="/teams" element={<TeamsPage />} />
|
|
<Route path="/prompts" element={<PromptLibraryPage />} />
|
|
<Route path="/stats" element={<StatsPage />} />
|
|
<Route path="/workflows" element={<WorkflowsPage />} />
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
);
|
|
|
|
return (
|
|
<>
|
|
{/* 公开分享会话页：跳过 AuthGuard */}
|
|
{location.pathname.startsWith('/shared/') ? (
|
|
<Routes>
|
|
<Route path="/shared/:token" element={<SharedSessionPage />} />
|
|
</Routes>
|
|
) : !user ? (
|
|
<Routes>
|
|
<Route path="/login" element={<LoginPage />} />
|
|
<Route path="*" element={<LoginPage />} />
|
|
</Routes>
|
|
) : (
|
|
<div className="layout-shell">
|
|
{/* 只有编辑器全屏显示，其他页面均保留侧边栏 */}
|
|
{!location.pathname.startsWith('/agents/') || location.pathname.includes('/chat') ? (
|
|
<Sidebar onOpenPalette={() => setPaletteOpen(true)} />
|
|
) : null}
|
|
<main className="main">
|
|
{mainContent}
|
|
</main>
|
|
<CommandPalette open={paletteOpen} onClose={() => setPaletteOpen(false)} />
|
|
</div>
|
|
)}
|
|
</>
|
|
);
|
|
}
|