space/patchpass
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve Mobile UI #4

Merged
space merged 4 commits from feature/mobile-ui into main 2026-08-01 01:50:11 +02:00
Conversation 6 Commits 4 Files Changed 36
+2093 -572
space commented 2026-08-01 00:44:46 +02:00
Owner
Copy Link
Copy Source
No description provided.
space added 2 commits 2026-08-01 00:44:47 +02:00
build: add a compose file that builds the image locally 5ddb56ef97 
docker-compose.yml pulls registry.reversed.dev. This variant builds from the
checkout instead and needs no .env — every variable falls back to a working
localhost default, so the stack comes up ready to register the first admin.

Also exposes Postgres on 5434 (clear of the dev database on 5433) and adds a
backend healthcheck so `depends_on` ordering is meaningful.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
feat(ui): make the UI feel native on mobile
Deploy / Build (pull_request) Successful in 49s
Details
Deploy / Build and Push Docker Image (pull_request) Has been skipped
Details
Deploy / Test & Lint (pull_request) Successful in 34s
Details
0c49b132ee 
Reworks the frontend around phone-first interaction patterns and makes the
app installable to a home screen.

Shell
- Bottom tab bar (Home / Requests / Agents / Alerts / Settings) below `md`,
  with the unread badge moved onto the Alerts tab; the bell stays on desktop.
- Account menu opens as a bottom sheet on phones, dropdown on desktop.
- Safe-area insets throughout: `viewport-fit=cover` plus `env(safe-area-inset-*)`
  on the sticky header, tab bar and sheet footers.

Sheets
- New `Sheet` primitive: drag-to-dismiss bottom sheet on phones, centred dialog
  from `sm` up. `Modal` now delegates to it, so every dialog inherits the
  gesture, the scroll lock and the safe-area padding.
- Portalled to `<body>` — an ancestor with a transform (the page fade-in) was
  otherwise becoming the containing block and displacing the fixed overlay.
- Scroll lock pins `<body>` and restores position, which iOS needs; plain
  `overflow: hidden` still rubber-bands there.
- `ConfirmSheet` replaces `window.confirm` for destructive actions.

Screens
- Request detail gets a sticky decision bar above the tab bar; the sidebar
  decision card is now desktop-only.
- Requests state filter becomes a swipeable pill row instead of a select.
- Agent cards show two primary actions plus an overflow sheet on phones.
- Diffs and code blocks contain their horizontal overscroll so a sideways swipe
  no longer triggers browser back; diffs gain a line-wrap toggle.
- `min-w-0` on grid tracks — items default to `min-width: auto`, so truncated
  meta lines were widening columns past the viewport at 320px.

Touch and input
- 44px minimum touch targets, `:active` press feedback, no tap highlight.
- 16px inputs on coarse pointers so iOS stops zooming on focus.
- autocomplete/inputmode hints so password managers and keyboards behave.
- `overscroll-behavior-y: none` disables pull-to-refresh; motion respects
  `prefers-reduced-motion`.

PWA
- Manifest, generated app icons (192/512/apple-touch) and standalone display
  metadata, so the app installs to a home screen without browser chrome.
- Backend serves `.webmanifest` as `application/manifest+json`; rjweb's type
  map has no entry for it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
space commented 2026-08-01 00:44:50 +02:00
Author
Owner
Copy Link
Copy Source

🚀 PR Preview — space/patchpass #4

Status: 🟢 Live at http://52.59.213.168:3000
Commit: 0c49b132
Updated: 2026-07-31 22:49:11 UTC

Powered by PR Previews

## 🚀 PR Preview — `space/patchpass` #4 **Status:** 🟢 Live at http://52.59.213.168:3000 **Commit:** `0c49b132` **Updated:** 2026-07-31 22:49:11 UTC --- _Powered by [PR Previews](https://pp.reversed.dev)_
space added 1 commit 2026-08-01 00:53:59 +02:00
Allowed "*" as a CORS_DOMAINS entry which overrides the cors middleware
Deploy / Build (pull_request) Successful in 26s
Details
Deploy / Test & Lint (pull_request) Successful in 32s
Details
Deploy / Build and Push Docker Image (pull_request) Has been skipped
Details
43040b2ac8
space commented 2026-08-01 00:54:02 +02:00
Author
Owner
Copy Link
Copy Source

🚀 PR Preview — space/patchpass #4

Status: ⚫ Stopped (Manual stop via UI)
Commit: 43040b2a
Updated: 2026-07-31 22:56:43 UTC

Powered by PR Previews

## 🚀 PR Preview — `space/patchpass` #4 **Status:** ⚫ Stopped (Manual stop via UI) **Commit:** `43040b2a` **Updated:** 2026-07-31 22:56:43 UTC --- _Powered by [PR Previews](https://pp.reversed.dev)_
space commented 2026-08-01 00:57:43 +02:00
Author
Owner
Copy Link
Copy Source

/pp start

/pp start
space commented 2026-08-01 00:57:43 +02:00
Author
Owner
Copy Link
Copy Source

🚀 Starting preview...

🚀 Starting preview...
space commented 2026-08-01 00:57:43 +02:00
Author
Owner
Copy Link
Copy Source

🚀 PR Preview — space/patchpass #4

Status: 🟢 Live at http://54.93.96.215:3000
Commit: 43040b2a
Updated: 2026-07-31 23:02:22 UTC

Powered by PR Previews

## 🚀 PR Preview — `space/patchpass` #4 **Status:** 🟢 Live at http://54.93.96.215:3000 **Commit:** `43040b2a` **Updated:** 2026-07-31 23:02:22 UTC --- _Powered by [PR Previews](https://pp.reversed.dev)_
space added 1 commit 2026-08-01 01:19:32 +02:00
fix(ui): un-cramp the requests filter row
Deploy / Build (pull_request) Successful in 1m15s
Details
Deploy / Test & Lint (pull_request) Successful in 53s
Details
Deploy / Build and Push Docker Image (pull_request) Has been skipped
Details
ce2d9d9f77 
The state pills and the agent select sat 10px apart, and the pill row was
sliced mid-chip at the viewport edge with nothing to say it scrolled.

- New `ScrollRow`: fades whichever edge still has content behind it, so a
  clipped chip reads as "scroll for more" instead of as a broken layout.
  Reused for the admin and connect-modal tab strips.
- Drop scroll-snap from the pill row. It clamped the resting scrollLeft to the
  container's 12px padding, so the first chip sat flush against the screen edge
  with no gutter; flick-snapping through short chips felt wrong regardless.
- Breathing room: pills to select 10px -> 14px, filters to list 16px -> 20px.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
space commented 2026-08-01 01:19:35 +02:00
Author
Owner
Copy Link
Copy Source

🚀 PR Preview — space/patchpass #4

Status: ⚫ Stopped (PR closed)
Commit: ce2d9d9f
Updated: 2026-07-31 23:50:14 UTC

Powered by PR Previews

## 🚀 PR Preview — `space/patchpass` #4 **Status:** ⚫ Stopped (PR closed) **Commit:** `ce2d9d9f` **Updated:** 2026-07-31 23:50:14 UTC --- _Powered by [PR Previews](https://pp.reversed.dev)_
space merged commit b68eac587a into main 2026-08-01 01:50:11 +02:00
space deleted branch feature/mobile-ui 2026-08-01 01:50:11 +02:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
luna (Luna) space (Space)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: space/patchpass#4
Delete Branch "feature/mobile-ui"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?