Skip to content

Workspace view is not responsive: gadget panel clipped, chat squeezed on phones #64

Description

@darrinm

What happens

On a phone, the workspace view renders the chat pane and the app/gadget panel side-by-side at desktop proportions. The gadget panel is mostly clipped off the right edge of the viewport, and the chat column is squeezed. There is no way to see the gadget UI at a usable width, and no affordance to switch between panes.

Observed on iPhone (Safari, iOS), self-hosted deployment at aedcda8 (v2 / August 2026 release).

Image

Why

The app shell is already mobile-aware — AppShell.tsx collapses the sidebar into an overlay drawer below md, with a hamburger in the top chrome — so the Home / Workspaces / settings pages work fine on a phone.

But the workspace surface itself has no responsive handling at all: routes/workspace.$id.tsx, ChatInterface.tsx, and GadgetUI.tsx contain no media queries, no viewport checks, and no mobile branches. The split layout is fixed regardless of viewport width.

Suggestion

Below the same md breakpoint AppShell already uses, don't render the split: show one pane at a time (stacked, or a chat ⇄ app tab toggle in the workspace header). That matches the pattern the drawer established and would make workspaces usable on phones without touching the desktop layout.

Question

Is mobile support in scope for Cloudflare OS? It isn't mentioned in the README, docs, or plans/, but the deliberate mobile work in AppShell suggests it's intended. If it's on the map, happy to file follow-ups as we hit specific screens; if it's explicitly out of scope for now, knowing that would also be useful.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions