import { Routes, Route, Navigate } from 'react-router-dom';
import Sidebar from './components/Sidebar.jsx';
import AgentMap from './pages/AgentMap.jsx';
import PhasePipeline from './pages/PhasePipeline.jsx';
import HookInspector from './pages/HookInspector.jsx';
import SkillsLibrary from './pages/SkillsLibrary.jsx';
import RulesMap from './pages/RulesMap.jsx';
import Standards from './pages/Standards.jsx';
import LiveState from './pages/LiveState.jsx';

export default function App() {
  return (
    <div className="flex h-screen bg-gray-950 text-gray-100 overflow-hidden">
      <Sidebar />
      <main className="flex-1 overflow-auto">
        <Routes>
          <Route path="/" element={<Navigate to="/agents" replace />} />
          <Route path="/agents" element={<AgentMap />} />
          <Route path="/phases" element={<PhasePipeline />} />
          <Route path="/hooks" element={<HookInspector />} />
          <Route path="/skills" element={<SkillsLibrary />} />
          <Route path="/rules" element={<RulesMap />} />
          <Route path="/standards" element={<Standards />} />
          <Route path="/state" element={<LiveState />} />
        </Routes>
      </main>
    </div>
  );
}