// Root shell component — routing only. Each route's content is its own
// page component under `./pages/`; this file just maps paths to them.
import { Route, Switch } from 'wouter-preact';
import { Shell } from './shell/Shell.js';
import { ComponentsPage } from './pages/ComponentsPage.js';
import { CreateAgentPage } from './pages/CreateAgentPage.js';
import { JobsPage } from './pages/JobsPage.js';
import { OverviewPage } from './pages/OverviewPage.js';
import { Panel } from './ui/panel/Panel.js';

function NotFound() {
  return (
    <Panel title="404">
      <p>no route here.</p>
    </Panel>
  );
}

export function App() {
  return (
    <Shell>
      <Switch>
        <Route path="/" component={OverviewPage} />
        <Route path="/create-agent" component={CreateAgentPage} />
        <Route path="/jobs" component={JobsPage} />
        <Route path="/components" component={ComponentsPage} />
        <Route component={NotFound} />
      </Switch>
    </Shell>
  );
}