Skip to content

Conversation

@athal7
Copy link
Contributor

@athal7 athal7 commented Jan 7, 2026

Summary

  • Add PWA support with service worker, manifest, and iOS meta tags for installable web app
  • Add virtual keyboard detection hook for proper layout adjustments on iOS/Android
  • Add safe area inset CSS variables for notched devices (iPhone)
  • Improve touch target sizes for mobile accessibility (44px minimum)
  • Add mobile tab bar for switching between session and review views
  • Use stale-while-revalidate caching for unhashed static assets (favicons, icons)
  • Add explicit logo export for TypeScript module resolution

Closes #5126

@athal7 athal7 requested a review from adamdotdevin as a code owner January 7, 2026 21:52
@github-actions
Copy link
Contributor

github-actions bot commented Jan 7, 2026

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 athal7 force-pushed the opencode/hidden-forest branch 3 times, most recently from 8e14998 to 1f1089e Compare January 7, 2026 22:15
@athal7 athal7 marked this pull request as ready for review January 7, 2026 22:17
@athal7 athal7 force-pushed the opencode/hidden-forest branch 3 times, most recently from 70a44b5 to e016d06 Compare January 7, 2026 22:51
@athal7 athal7 marked this pull request as draft January 7, 2026 22:55
@athal7 athal7 force-pushed the opencode/hidden-forest branch from e016d06 to 67cc211 Compare January 7, 2026 22:58
@athal7 athal7 marked this pull request as ready for review January 7, 2026 23:18
@athal7 athal7 changed the title feat(app): add mobile-friendly web UI feat(app): add PWA support and mobile UI improvements Jan 7, 2026
@athal7 athal7 changed the title feat(app): add PWA support and mobile UI improvements feat: add PWA support and mobile UI improvements Jan 8, 2026
@athal7
Copy link
Contributor Author

athal7 commented Jan 8, 2026

Mobile UI Demo

demo-pwa-mobile-ui.mp4

Features demonstrated:

  • PWA-ready app with viewport-fit=cover for notched devices
  • Mobile hamburger menu navigation
  • 44px minimum touch targets (archive buttons always visible on mobile)
  • Sidebar auto-dismiss on session selection
  • Touch-friendly prompt input area
  • Backdrop tap to dismiss sidebar

athal7 added 2 commits January 9, 2026 08:33
- Add PWA support with service worker, manifest, and iOS meta tags
- Add virtual keyboard detection hook for proper layout adjustments
- Add safe area inset CSS variables for notched devices
- Improve touch target sizes for mobile accessibility (44px minimum)
- Add mobile tab bar for switching between session and review views
- Use stale-while-revalidate caching for unhashed static assets
- Add explicit logo export for TypeScript resolution

# Conflicts:
#	packages/app/src/pages/layout.tsx
#	packages/app/src/pages/session.tsx
- Add on:click handler to session/new session links to dismiss mobile sidebar
- Increase archive button padding from p-2.5 to p-3.5 for 44px min touch target

# Conflicts:
#	packages/app/src/pages/layout.tsx
@athal7 athal7 force-pushed the opencode/hidden-forest branch from d72695d to 0da9180 Compare January 9, 2026 15:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE]: Mobile-friendly web UI

1 participant