// 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 { AgentsPage } from './pages/AgentsPage.js';
import { ComponentsPage } from './pages/ComponentsPage.js';
import { JobsPage } from './pages/JobsPage.js';
import { HivesPage } from './pages/HivesPage.js';
import { IssueReportPage } from './pages/IssueReportPage.js';
import { Panel } from './ui/panel/Panel.js';

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

export function App() {
  return (
    <Shell>
      <Switch>
        <Route path="/" component={HivesPage} />
        <Route path="/agents" component={AgentsPage} />
        <Route path="/jobs" component={JobsPage} />
        <Route path="/issues" component={IssueReportPage} />
        <Route path="/components" component={ComponentsPage} />
        <Route component={NotFound} />
      </Switch>
    </Shell>
  );
}
