Skip to content

feat(pr-review): open formSheets full-height with roomier density - #5402

Merged
iscekic merged 2 commits into
mainfrom
pr-review-sheets-a2e6
Aug 20, 2026
Merged

feat(pr-review): open formSheets full-height with roomier density#5402
iscekic merged 2 commits into
mainfrom
pr-review-sheets-a2e6

Conversation

@iscekic

@iscekic iscekic commented Aug 20, 2026

Copy link
Copy Markdown
Contributor

Summary

When you open the merge, submit review, comment composer, or file navigator sheet, it now fills the screen height. You can still pull a sheet down to its half-height position.

The merge, submit review, and comment composer sheets now use larger buttons, chips, labels, and input fields, with more spacing around each field.


The four PR-review form sheets open at the full detent instead of the half detent. The shared sheet options set sheetInitialDetentIndex to last, so the half detent remains only as a drag-down target. No route, parameter, or stored format changes.

Files
  • apps/mobile/src/app/(app)/pr-review/[owner]/[repo]/[number]/_layout.tsx — adds sheetInitialDetentIndex: 'last' to the shared sheetOptions used by the comment composer, review submit, merge, and file navigator screens.

The merge, submit review, and comment composer sheets adopt native iOS form-sheet density. Labels and chips move from text-xs to text-sm, chips and inputs grow, and body containers use gap-4 px-6 pt-4. The shared footer drops its className override prop and defaults to px-6 pb-4 pt-3; the merge and composer footers drop their tight overrides and small buttons, and every Cancel button uses mt-2.

Files
  • apps/mobile/src/components/pr-review/pr-form-sheet-chrome.tsx — removes the unused cn import and the footer className prop; changes the default footer padding from pb-1.5 pt-1 to pb-4 pt-3.
  • apps/mobile/src/components/pr-review/merge/pr-merge-sheet-parts.tsx — grows method chips, the title input, commit message heights, the delete-branch row, and the body gap; drops size="sm" and the tight footer override; Cancel uses mt-2.
  • apps/mobile/src/components/pr-review/pr-review-comment-composer-parts.tsx — drops the tight footer override and size="sm" buttons; grows the context preview; sets mt-2 on the secondary and Cancel buttons.
  • apps/mobile/src/components/pr-review/pr-review-comment-composer.tsx — grows the body container to gap-4 px-6 pt-4 and the Comment label to text-sm.
  • apps/mobile/src/components/pr-review/pr-review-submit.tsx — grows the body container to gap-4 px-6 pt-4 and the Cancel spacing to mt-2.
  • apps/mobile/src/components/pr-review/review-event-chips.tsx — grows the review event chips to min-h-11 px-4 py-2 text-sm and the row gap to gap-2.

Tests: none changed.
Generated: none changed.


Verification

On iOS, 2 cases ran and both passed.

Case What it proves Platform Result
S1 The merge sheet opens at the full detent and shows METHOD, Commit title, and Commit message with room. iOS passed
S2 The submit review sheet opens at the full detent and shows REVIEW EVENT, Comment, and Review summary. iOS passed

No defects were found.

Visual Changes

Merge sheet — A user now sees the merge sheet open at the full detent with METHOD chips, Commit title, and Commit message visible.

01-s1-merge-sheet-open-FAIL.png

With the keyboard open, the Cancel button stays visible after the Commit title gains focus.

01-s1-merge-sheet-keyboard.png

Submit review sheet — A user now sees the submit review sheet open at the full detent with REVIEW EVENT chips, Comment, and Review summary visible.

01-s2-submit-review-sheet-FAIL.png

Reviewer Notes

Human steps: none needed.
Notes: none.

Add sheetInitialDetentIndex 'last' so Merge, Submit review, comment composer, and file-navigator open at the full detent. Roomier shared footer, body spacing, chips, inputs, and labels match native iOS form-sheet density.
@iscekic iscekic self-assigned this Aug 20, 2026
@kilo-code-bot

kilo-code-bot Bot commented Aug 20, 2026

Copy link
Copy Markdown
Contributor

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (1 files)
  • apps/mobile/src/components/pr-review/pr-form-sheet-chrome.tsx
Previous Review Summary (commit c0a0e57)

Current summary above is authoritative. Previous snapshots are kept for context only.

Previous review (commit c0a0e57)

Status: No Issues Found | Recommendation: Merge

Files Reviewed (7 files)
  • apps/mobile/src/app/(app)/pr-review/[owner]/[repo]/[number]/_layout.tsx
  • apps/mobile/src/components/pr-review/merge/pr-merge-sheet-parts.tsx
  • apps/mobile/src/components/pr-review/pr-form-sheet-chrome.tsx
  • apps/mobile/src/components/pr-review/pr-review-comment-composer-parts.tsx
  • apps/mobile/src/components/pr-review/pr-review-comment-composer.tsx
  • apps/mobile/src/components/pr-review/pr-review-submit.tsx
  • apps/mobile/src/components/pr-review/review-event-chips.tsx

Reviewed by grok-4.6 · Input: 87.8K · Output: 5.1K · Cached: 112K

Review guidance: REVIEW.md from base branch main

PrFormSheetFooter no longer has any caller passing className, so remove the prop and the cn merge.
@iscekic iscekic added the human-ready The PR is ready for human review. label Aug 20, 2026
@iscekic
iscekic merged commit caa6032 into main Aug 20, 2026
18 checks passed
@iscekic
iscekic deleted the pr-review-sheets-a2e6 branch August 20, 2026 20:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

human-ready The PR is ready for human review.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants