Skip to main content
The shell⇄feature route-token contract — the navigation provider, links, and resolution hooks.
A real anchor (so middle-click / open-in-new-tab keep working) that drives a client-side transition on plain left-click. Modified clicks (new tab/window, download) fall through to the browser’s default handling. Props Related: AppLinkProps

AppLinkProps

Properties Related: RouteSearch
The runtime navigation surface the shell provides through NavigationProvider. navigate performs a client-side transition; resolvePath produces the href a link should point at (so an AppLink is a real anchor — middle-click / open-in-new-tab work — while still driving a client-side transition on plain click). Properties Related: RouteSearch, RouteSearchByToken
Parameters Related: NavigationContextValue

PageProps

Props the shell passes to a feature’s page component: the route’s typed search parameters. Features type their exported page as PageProps<'tools'> and read search — they receive route state as data, never by importing the router. Properties Related: RouteSearch

RouteSearch

The search parameters a given route token accepts. Related: RouteSearchByToken

RouteSearchByToken

Every top-level route the shell owns, mapped to its typed search parameters. A route with no parameters maps to the empty object. Detail views are driven by a search parameter (e.g. the selected tool / connection), keeping the route map flat — one entry per feature surface, matching the shell route map. Properties

RouteToken

An opaque, typed handle to a shell route. Related: RouteSearchByToken

useAppNavigate

Imperative navigation to a shell route token with its typed search params. Related: RouteSearch, RouteSearchByToken

useResolvePath

Resolve a token + search to the href the shell would route to. Related: RouteSearch, RouteSearchByToken