Prevent Chrome panel component inspect flow from toggling Vite overlay panel

[Copilot]

When Chrome Vue DevTools and vite-plugin-vue-devtools are used together, starting/stopping component inspect from the Chrome panel was also triggering panel visibility toggles in the Vite overlay flow, causing unwanted inspector/popup behavior.

• Scope

  • Isolate inspect-start/inspect-end panel toggling to non-Chrome hosts.

• Change

  • Updated packages/client/src/pages/components.vue:
    • Added isInChromePanel guard.
    • onInspectComponentStart / onInspectComponentEnd now emit toggle-panel only when not running inside Chrome DevTools panel.

• Behavioral impact

  • Chrome extension inspect flow no longer drives Vite overlay panel visibility.
  • Existing iframe/separate-window behavior is preserved.

function onInspectComponentStart() {
  if (!isInChromePanel)
    rpc.value.emit('toggle-panel', false)
}

function onInspectComponentEnd() {
  if (!isInChromePanel)
    rpc.value.emit('toggle-panel', true)
}

• • https://github.com/user-attachments/assets/9ad13711-e588-47de-b5fd-944e52698717

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/vuejs-devtools/vuejs-devtools/packages/client/node_modules/.bin/../vite/bin/vite.js build (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/vuejs-devtools/vuejs-devtools/packages/client/node_modules/.bin/../vite/bin/vite.js build --config vite.lib.config.ts (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[cpatti97100]

thank you @SidStraw for your work here :) this is really important for me 🙏🏼

[SidStraw]

Thank you for your support and the reminder!
This PR is only a draft intended to be merged into this fork.
I’ve just opened a PR in the upstream repository: vuejs#1126