fix(vite): show unavailable tips in standalone mode

[webfansplz]

Screenshot:

[pkg-pr-new]

Open in StackBlitz

@vitejs/devtools

npm i https://pkg.pr.new/@vitejs/devtools@544

@vitejs/devtools-kit

npm i https://pkg.pr.new/@vitejs/devtools-kit@544

@vitejs/devtools-oxc

npm i https://pkg.pr.new/@vitejs/devtools-oxc@544

@vitejs/devtools-rolldown

npm i https://pkg.pr.new/@vitejs/devtools-rolldown@544

@vitejs/devtools-vite

npm i https://pkg.pr.new/@vitejs/devtools-vite@544

@vitejs/devtools-vitest

npm i https://pkg.pr.new/@vitejs/devtools-vitest@544

commit: 9a72e45

[Copilot]

Pull request overview

This PR updates the @vitejs/devtools-vite client app to detect whether the Vite inspect RPC surface is available and, when it isn’t (e.g. standalone/non-dev environment), show an explicit “unavailable” tip instead of leaving the UI in a confusing state.

Changes:

• Add an inspectStatus state machine (checking | available | unavailable) to the Vite app RPC connection state.
• Probe server RPC capabilities via devtoolskit:internal:rpc:server:list and only subscribe to inspect module updates when inspect RPC is available.
• Update the app shell to show a loading state while capabilities are being checked and an unavailable tip when inspect RPC is missing.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
packages/vite/src/app/composables/rpc.ts	Tracks inspect capability, resets connection state on connect, and gates inspect subscriptions based on server RPC availability.
packages/vite/src/app/app.vue	Adds UI states for “checking” and “inspect unavailable” to display a tip instead of rendering the main app.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.