fix: open DevTools to the Right Instead of Detaching

[akhileshthite]

When inspecting elements in the browser window, the DevTools currently open as a detached window instead of docking to the right as expected. The intended behavior is for DevTools to always open in the right panel, but setting { mode: "right" } does not work properly.

Steps to reproduce:

• Open the browser.
• Right-click and select "Inspect".
• Notice that DevTools detaches instead of docking to the right.
• Modify webContents.openDevTools({ mode: "right" }) in the code.
  

  peersky-browser/src/context-menu.js

  Line 107 in 9f9db8e

  menu.append(

Current behavior:

• If { mode: "right" } is set, DevTools do not open:
  

Possible fix:

• Ensure DevTools target the correct webContents instance of the webview.
• Investigate why "right" mode fails and consider alternative approaches

[arsh-kamal]

Hi can i work on this?

[spytanu002]

Hello, may I work on this?

The issue seems to be caused by DevTools being opened on the wrong webContents.
When inspecting a , openDevTools({ mode: "right" }) must be called on the webview’s own webContents, not the parent BrowserWindow.
Targeting the correct webContents resolves the detaching behavior and allows right-docked DevTools to work as expected.

[akhileshthite]

@spytanu002 Assigned!

[akhileshthite]

Any progress on this?