Skip to content

[Feature]: Browser Preview Panel in Dashboard #27574

Description

@thatdudepaco888

Summary

Add a live browser preview panel to the OpenClaw Dashboard that shows what the built-in browser sees in real-time.

Problem to solve

Use Case
Users running OpenClaw on a VPS (in a container/Docker) want to watch the AI browse the web and troubleshoot issues. Currently, there's no way to see what the bot sees when it navigates pages.

Why It Matters
Troubleshooting: Users can see where the browser fails or gets stuck
Transparency: Watch the AI's browsing behavior in real-time
UX parity: Manus.ai already has a similar "watch the agent browse" feature — users expect this

Context
Many users run OpenClaw on remote VPS/containers, not locally
The Chrome extension relay doesn't work from local browser → remote gateway
Screenshots work but aren't real-time
No Canvas/node available on iOS yet (still internal preview)

Proposed solution

Suggested Implementation
A panel in the Dashboard that:

Shows live screenshots of the built-in browser at ~1-2 FPS
Displays current URL and page title
Shows console errors in real-time
Allows manual navigation/clicking (optional)

Alternatives considered

No response

Impact

Affected users/systems/channels:

Users running OpenClaw on remote VPS/containers (not local)
Anyone using the built-in browser tool for web scraping, research, or automation
Severity: Annoying / blocks workflow

Currently: Annoying (have to ask for screenshots after each step)
When debugging: Blocks workflow (can't see where the browser fails)
Frequency: Always

Every time the browser tool is used remotely, the user is blind to what's happening
Consequence:

Can't troubleshoot browser issues (can't see errors or page state)
Slower iteration (have to request screenshots for every step)
Poor UX compared to competitors (Manus.ai offers live browsing view)
Users may miss important page elements or errors

Evidence/examples

No response

Additional information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Normal backlog priority with limited blast radius.clawsweeper:fix-shape-clearClawSweeper found a clear likely implementation shape for this issue.clawsweeper:needs-maintainer-reviewClawSweeper marked this issue as needing maintainer review before automation.clawsweeper:needs-product-decisionClawSweeper marked this issue as needing a product or behavior decision.clawsweeper:needs-security-reviewClawSweeper marked this issue as needing security-sensitive review.clawsweeper:no-new-fix-prClawSweeper does not recommend queueing a new automated fix PR for this issue.clawsweeper:source-reproClawSweeper found a high-confidence source-level issue reproduction.enhancementNew feature or requestimpact:securitySecurity boundary, credential, authz, sandbox, or sensitive-data risk.impact:ux-frictionUser-facing flow adds avoidable confusion or support burden without fully blocking progress.issue-rating: 🦞 diamond lobsterVery strong issue quality with high-confidence source-level or clear reproduction.

    Type

    No type

    Fields

    Priority

    None yet

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions