// 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>
  );
}