How do you connect to devtools inspector for a chrome page?

[epicwhale]

I am struggling to figure what's the right way to get access to the devtools inspector of a CDP session for a page, so I can inspect the GUI / DOM using Chrome Developer Tools visually.

I am starting the docker using:

docker run \
  --rm \
  -p 3000:3000 \
  -e "CONCURRENT=10" \
  -e "TOKEN=6R0W53R135510" \
  -e "TIMEOUT=500000" \
  -e "CORS=true" \
  ghcr.io/browserless/chromium

I am able to connect to it successfully in python playwright via below (seems to work):

import asyncio
from playwright.async_api import async_playwright, Playwright

playwright = await async_playwright().start()
browser = await playwright.chromium.connect_over_cdp("ws://localhost:3000?token=6R0W53R135510")
page = await browser.new_page()
await page.goto("https://example.com")

The json/list endpoint seems to return a page:

[
{
"description": "",
"devtoolsFrontendUrl": "ws://0.0.0.0:3000/devtools/inspector.html?ws=127.0.0.1%3A44301%2Fdevtools%2Fpage%2FD97A4BCE6358367D1B95DF7D1B14D615",
"id": "D97A4BCE6358367D1B95DF7D1B14D615",
"title": "",
"type": "page",
"url": "",
"webSocketDebuggerUrl": "ws://0.0.0.0:3000/devtools/page/D97A4BCE6358367D1B95DF7D1B14D615"
}
]

But visiting either of the two below does not seem to be connecting to the web socket?

http://localhost:3000/devtools/inspector.html?ws=127.0.0.1%3A44301%2Fdevtools%2Fpage%2FD97A4BCE6358367D1B95DF7D1B14D615

or

http://localhost:3000/devtools/inspector.html?ws=127.0.0.1%3A44301%2Fdevtools%2Fpage%2FD97A4BCE6358367D1B95DF7D1B14D615&token=6R0W53R135510

Wondering what's the right way to get GUI access to the inspector?

Any pointers appreciated, thanks!