Skip to content

[Feature]: allow wider side panel sizes for built-in browser #3893

Description

@olivoil

Before submitting

  • I searched existing issues and did not find a duplicate.
  • I am describing a concrete problem or use case, not just a vague idea.

Area

apps/web

Problem or use case

The right panel has a hard stop at 1400px. On larger monitors, that leaves plenty of negative space around the chat, while the browser viewport stays pretty narrow.

It would be useful to remove the hard 1400px wide limit to preview wider desktop layouts in the built-in browser.

Image

The width of the panel is currently limited to this in apps/web/src/components/preview/PreviewPanelShell.tsx:

return Math.min(
  PREVIEW_PANEL_MAX_WIDTH_PX, // 1400px
  Math.floor(vw * PREVIEW_PANEL_MAX_WIDTH_FRACTION), // 0.7
);

Proposed solution

Would it make sense to remove the fixed 1400px ceiling and let the existing 70vw limit handle this instead?

return Math.floor(vw * PREVIEW_PANEL_MAX_WIDTH_FRACTION);

Why this matters

Users with larger monitors. On a 6k monitor, at the moment, I have to switch to an external browser, because the built-in browser is just too small.

Smallest useful scope

return Math.floor(vw * PREVIEW_PANEL_MAX_WIDTH_FRACTION);

Alternatives considered

No response

Risks or tradeoffs

No response

Examples or references

No response

Contribution

  • I would be open to helping implement this.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementRequested improvement or new capability.needs-triageIssue needs maintainer review and initial categorization.

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions