web: mobile & touch devices cannot access context details

[brittlewis12]

Description

the tooltip for accessing context details is nonfunctional on touch devices on web.

moreover, because of the simplified tab experience on narrow viewports, mobile devices also have no other means to accessing the context details pane.

Plugins

n/a

OpenCode version

1.1.34

Steps to reproduce

1. start opencode web
2. visit the opencode web client on a mobile touch device

expected behavior:

• when i tap on the context ring inset in the prompt input i should see the context tooltip with brief details about token usage for the session; when i tap the context ring again while the tooltip is still open, i should see the full context pane.

actual behavior:

• when i tap on the context ring, no tooltip ever appears. occasionally, i inadvertently focus the prompt input rather than invoke the tooltip or context pane as i intended.
• there is no way to access the context detail pane on mobile viewports

Screenshot and/or share link

unable to access any context details on mobile:

ScreenRecording_01-24-2026.16-00-30_1.mp4

proposed solution, both fix tappable tooltip, and expose context tab:

ScreenRecording_01-24-2026.15-58-42_1.mp4

Operating System

macOS 15.6.1 (opencode server), iOS 26.2 (opencode web client)

Terminal

n/a

[github-actions]

This issue might be a duplicate of existing issues. Please check:

• Poor mobile web experience. #7990: Poor mobile web experience - covers multiple mobile web UI issues including layout and interaction problems
• opencode web mobile: upon click enter submitting rather than adding newline #10319: opencode web mobile: upon click enter submitting rather than adding newline - another mobile web interaction issue
• iOS auto-zooms on input focus in web UI #6784: iOS auto-zooms on input focus in web UI - related touch/mobile input issue on iOS
• Add mouse/touch support to permission prompt buttons #8992: Add mouse/touch support to permission prompt buttons - addresses touch input support across the web interface

Feel free to ignore if none of these address your specific case.

[brittlewis12]

i have a working prototype ready to go for this, but i’m uncertain about the substance of the approach, which involves some workarounds to the existing Kobalte tooltip which explicitly ignores touch events.

there are also some finer details around the user-facing copy: do we want to distinguish between “tap” and the existing “click” copy? if so, are we comfortable with machine-assisted translation for the localization? edit: i see the hint text has been removed entirely. perfect! i’ll simply mirror that.

i’m happy to put up a PR and work out these details there if that’s preferable!