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 PointsMallPage from './pages/PointsMallPage';
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="/points-mall" element={<PointsMallPage />} />
      <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>
      )}
    </>
  );
}