feat(16-04): add TanStack Router file-based routes and app shell layout

Create route structure with __root, index (redirect to /initiatives),
initiatives/index (dashboard stub), initiatives/$id (detail stub with
type-safe params), and inbox (stub). Add AppLayout with persistent nav
header matching wireframe: title, New Initiative button, navigation tabs
with active highlighting. Disabled tabs for Agents/Tasks/Settings (out
of scope). Replace temporary health-check App with RouterProvider.
Route tree auto-generated by TanStack Router Vite plugin.
This commit is contained in:
Lukas May
2026-02-04 20:38:30 +01:00
parent 64d751d203
commit 6d2920d60f
9 changed files with 256 additions and 12 deletions

View File

@@ -0,0 +1,16 @@
import { createFileRoute } from '@tanstack/react-router'
export const Route = createFileRoute('/initiatives/$id')({
component: InitiativeDetailPage,
})
function InitiativeDetailPage() {
const { id } = Route.useParams()
return (
<div>
<h1 className="text-2xl font-bold">Initiative Detail</h1>
<p className="text-muted-foreground mt-2">Initiative ID: {id}</p>
<p className="text-muted-foreground mt-1">Content coming in Phase 18</p>
</div>
)
}