dd0c/products/01-llm-cost-router/ui/src/App.tsx

import { Routes, Route, Navigate } from 'react-router-dom';
import Layout from './components/Layout';
import Dashboard from './pages/Dashboard';
import Rules from './pages/Rules';
import Keys from './pages/Keys';
import Settings from './pages/Settings';

export default function App() {
  return (
    <Routes>
      <Route element={<Layout />}>
        <Route path="/" element={<Navigate to="/dashboard" replace />} />
        <Route path="/dashboard" element={<Dashboard />} />
        <Route path="/rules" element={<Rules />} />
        <Route path="/keys" element={<Keys />} />
        <Route path="/settings" element={<Settings />} />
      </Route>
    </Routes>
  );
}