Product · Journey

The map draws
itself.

Trunk crawls your real pages and links to render a live journey graph. Broken paths, orphan routes, thin nodes — surfaced automatically. Not a whiteboard exercise. Not maintained by hand.

trunk.dev/norrland/norrland-shop/main/journey
/Home /shopShop · 24 items /shop/[slug]Product /cartin-flight #142 /checkoutin-flight #140 /successthin · 2 states /order-errorbroken · 500 /reviewsReviews /wishlistmissing · designed only shipped · 4 in-flight · 2 thin · 1 broken · 1 missing · 1 crawled 2s ago · 9 routes · 12 links
Derived

No hand-drawn maps.

Trunk crawls the running product and turns real links into edges. Every commit re-derives the graph. If a page moved, the map moves. If a link broke, the map shows it — as red.

  • ✓Static links, dynamic routes, redirects — all rendered.
  • ✓Cross-branch overlay — see what a delta adds or removes.
  • ✓Depth-first / breadth-first / manual layout.
Health states
Shipped
On main, live to users, all links resolve.
In-flight
Touched by an active delta — linked to the branch.
Thin
Ships, but missing states (error, empty). Nudge for coverage.
Broken
Serves an error, or upstream link never resolves.
Missing
Referenced from an existing page, but doesn't exist yet.
Three shapes · one graph

Product · Docs · Deltas — all wired.

The Journey isn't just a route map. Every node knows the docs that describe it, the deltas that touch it, and the signals it emits.

Product view
Routes · states · redirects

The classic sitemap — every page in your app, colored by health. Click a node to open the primitive that owns it.

Delta view
In-flight branches

Which routes are being changed right now, by whom. Amber nodes are open deltas — one click drops you into the delta workspace.

Signal view
Where users leak

Overlay the drop-off — thicker edges carry more traffic, red edges are where users bail. The graph itself becomes a funnel diagnosis.

Cross-branch overlay
Compare main vs 7-add-recs-empty-state
+ /recs/quiz
new route
± /cart
state added
− /wishlist
removed
Every branch has its own graph. Overlay two to see what a delta actually changes to the flow — before the PR merges.
Delta-aware

Every branch redraws its own map.

Working on a delta? Trunk shows you the graph as if your delta were merged — highlighting exactly what changed. New routes glow purple. Broken paths glow red. Nothing surprises you at ship time.

The graph is one of six pillars.

Journey stitches to signals (which pages leak users), documentation (which route is under change), deltas (what a branch does to the flow).