Skip to content

feat: add PWA support and mobile UI improvements - #7258

Closed
athal7 wants to merge 1 commit into
anomalyco:devfrom
athal7:opencode/hidden-forest
Closed

feat: add PWA support and mobile UI improvements#7258
athal7 wants to merge 1 commit into
anomalyco:devfrom
athal7:opencode/hidden-forest

Conversation

@athal7

@athal7athal7 commented Jan 7, 2026•
edited
Loading

Copy link
Copy Markdown
Contributor

Summary

  • PWA support with service worker caching and web manifest
  • Mobile UI improvements for iOS/Android browsers
  • Touch-friendly controls and keyboard handling

Features

  • Service worker with intelligent caching (stale-while-revalidate)
  • Web app manifest for installable PWA experience
  • iOS meta tags and safe area inset support for notched devices
  • Virtual keyboard detection for proper layout adjustments
  • Project reordering via move up/down menu options on mobile
  • Scroll-to-bottom button when not at conversation end

Related Issues

Demo

Before

trim.3D3639B6-5A06-4CEC-A581-2E71E71D836D.MOV

After

trim.DC05A0D8-1C92-40CB-8646-1D8C25C2CC2D.MOV

@github-actions

github-actionsBot commented Jan 7, 2026

Copy link
Copy Markdown
Contributor

The following comment was made by an LLM, it may be inaccurate:

No duplicate PRs found

@athal7
athal7 marked this pull request as draft January 7, 2026 22:03
@athal7
athal7force-pushed the opencode/hidden-forest branch 3 times, most recently from 8e14998 to 1f1089eCompareJanuary 7, 2026 22:15
@athal7
athal7 marked this pull request as ready for review January 7, 2026 22:17
@athal7
athal7force-pushed the opencode/hidden-forest branch 3 times, most recently from 70a44b5 to e016d06CompareJanuary 7, 2026 22:51
@athal7
athal7 marked this pull request as draft January 7, 2026 22:55
@athal7
athal7force-pushed the opencode/hidden-forest branch from e016d06 to 67cc211CompareJanuary 7, 2026 22:58
@athal7
athal7 marked this pull request as ready for review January 7, 2026 23:18
@athal7athal7 changed the title feat(app): add mobile-friendly web UIfeat(app): add PWA support and mobile UI improvementsJan 7, 2026
@athal7athal7 changed the title feat(app): add PWA support and mobile UI improvementsfeat: add PWA support and mobile UI improvementsJan 8, 2026
@athal7
athal7force-pushed the opencode/hidden-forest branch from d72695d to 0da9180CompareJanuary 9, 2026 15:09
@athal7
athal7 marked this pull request as draft January 10, 2026 23:37
@athal7
athal7force-pushed the opencode/hidden-forest branch 2 times, most recently from e359812 to 085ad3dCompareJanuary 11, 2026 21:37
@athal7
athal7 marked this pull request as ready for review January 11, 2026 23:36
@Jovines

Jovines commented Jan 13, 2026

Copy link
Copy Markdown

Great work on this PWA support PR, this is really valuable! ✨
Quick small thought: adding Web Push support would let users get notifications with the PWA closed, which would be a nice little enhancement.
Fyi, https://github.com/tiann/hapi already has this Web Push capability implemented for reference.
Just a suggestion, no obligations at all!

@athal7
athal7force-pushed the opencode/hidden-forest branch 4 times, most recently from 22c516f to a18e38bCompareJanuary 13, 2026 13:20
@athal7

athal7 commented Jan 13, 2026

Copy link
Copy Markdown
ContributorAuthor

Thanks for the suggestion! I've added Web Push notification support in the latest commit:

  • Service worker now handles push events and shows notifications
  • Added notificationclick handler to focus/open the app when tapped
  • Server endpoints for push subscription management (/push/subscribe, /push/unsubscribe)
  • Auto-subscribes when notification permission is granted

This allows notifications to be delivered even when the PWA is closed.

@athal7
athal7force-pushed the opencode/hidden-forest branch from a18e38b to 7556808CompareJanuary 13, 2026 13:21
@Jovines

Jovines commented Jan 13, 2026

Copy link
Copy Markdown

Haha thanks for the quick implementation! Looks awesome!

@athal7
feat(mobile): UI improvements and question tool interactivity
08103a5
- Add remote access support for mobile via Tailscale (serverUrl, port detection)
- Add SyncGate loading component for directory layout
- Wire up question tool respond/reject handlers in DataProvider
- Pass sessionID/callID to tool props for question interactivity
- Add responsive padding in prompt-input for mobile
- Add scroll-to-bottom button and auto-scroll improvements
- Add regression tests for mobile features (178 tests)
@athal7
athal7force-pushed the opencode/hidden-forest branch from 7338a04 to 08103a5CompareJanuary 18, 2026 04:30
@athal7

athal7 commented Jan 18, 2026

Copy link
Copy Markdown
ContributorAuthor

Closing in favor of a more targeted PR with just the mobile UX improvements (scroll-to-bottom, archive button visibility, responsive spacing). The question tool support was already merged in #8232.

@athal7athal7 closed this Jan 18, 2026
@noor-tg

noor-tg commented Jan 29, 2026•
edited
Loading

Copy link
Copy Markdown

@athal7 thanks for your efforts. but what about pwa for mobile ?
what I did is:

  • run opencode web --mdns
  • open the web view from mobile device.
  • try to install the page using chrome add to home screen.
  • [BUT] it is still wrapped in browser.
  • I think this pr would have made the pwa ux better on mobile.

@athal7

athal7 commented Jan 29, 2026

Copy link
Copy Markdown
ContributorAuthor

@noor-tg this wasn't merged

@noor-tg

noor-tg commented Jan 29, 2026•
edited
Loading

Copy link
Copy Markdown

@noor-tg this wasn't merged

I know. I commented on this because I thought it will enhance the mobile ux while using opencode web.

@athal7

athal7 commented Jan 29, 2026

Copy link
Copy Markdown
ContributorAuthor

@noor-tg there were changes upstream that this pr did not keep up

This was referenced Feb 4, 2026
Closed
Closed
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@adamdotdevinadamdotdevinAwaiting requested review from adamdotdevin

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[FEATURE]: Mobile-friendly web UI

3 participants

@athal7@Jovines@noor-tg