Skip to content

docs: add Navigation Inspector and runtime-data insight screenshots#94628

Open
aurorascharff wants to merge 2 commits into
canaryfrom
aurorascharff/instant-nav-screenshots
Open

docs: add Navigation Inspector and runtime-data insight screenshots#94628
aurorascharff wants to merge 2 commits into
canaryfrom
aurorascharff/instant-nav-screenshots

Conversation

@aurorascharff

Copy link
Copy Markdown
Contributor

What?

Adds two screenshots to the instant-navigation guide that follow up on Joseph's docs PR (#93204):

  • Navigation Inspector panel in its three states (idle with Start Capturing, awaiting a navigation while capturing, prefetched UI frozen for the last navigation) — placed right after the Navigation Inspector config snippet.
  • Dev overlay's runtime-data insight on a blocking /shop/[slug] route — placed in Step 1 of the walkthrough.

Where do the images live?

Uploaded to the docs blob at:

  • /docs/light/inspector-states.png + /docs/dark/inspector-states.png
  • /docs/light/instant-runtime-data-insight.png + /docs/dark/instant-runtime-data-insight.png

Notes

  • Two TODOs for frozen-state Navigation Inspector screenshots (page refresh + client navigation) and one TODO for the React DevTools Suspense panel still remain in the guide — those are separate captures.

Adds two screenshots to the instant-navigation guide that follow up
on Joseph's docs PR (#93204):

- Navigation Inspector panel shown in its three states (idle, awaiting
  navigation, navigation captured)
- Dev overlay's runtime-data insight on a blocking /shop/[slug] route

Images live at /docs/{light,dark}/inspector-states.png and
/docs/{light,dark}/instant-runtime-data-insight.png in the docs blob.
Copilot AI review requested due to automatic review settings June 9, 2026 22:16
@github-actions

github-actions Bot commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

Stats skipped

Commit: 5f7c3d8
View workflow run

@github-actions

github-actions Bot commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

Tests Passed

Commit: 5f7c3d8

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the Instant navigation guide to include new screenshots that illustrate DevTools features referenced in the walkthrough, making the guidance easier to follow visually.

Changes:

  • Adds a screenshot showing the Navigation Inspector panel in multiple states after the configuration snippet.
  • Replaces a TODO with a screenshot of the dev overlay “runtime-data” insight in the “Fixing a navigation that blocks” walkthrough.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread docs/01-app/02-guides/instant-navigation.mdx Outdated
Crops whitespace from both screenshots and uploads them under new
filenames to invalidate the blob cache:

- inspector-states.png        → inspector-states-cropped.png
- instant-runtime-data-insight.png → instant-runtime-data-insight-cropped.png
@aurorascharff aurorascharff requested a review from icyJoseph June 9, 2026 22:38
icyJoseph
icyJoseph previously approved these changes Jun 9, 2026
@icyJoseph icyJoseph dismissed their stale review June 9, 2026 22:50

We need to address more TODOs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants