feat: redesign merge box integration as native sub-row#355
Open
Conversation
Contributor
Merge ProtectionsYour pull request matches the following merge protections and will not be merged until they are valid. 🔴 Required ReviewsWaiting for:
This rule is failing.
🟢 Enforce conventional commitWonderful, this rule succeeded.Make sure that we follow https://www.conventionalcommits.org/en/v1.0.0/
🟢 🔎 ReviewsWonderful, this rule succeeded.
🟢 📕 PR descriptionWonderful, this rule succeeded.
|
There was a problem hiding this comment.
Pull request overview
This PR redesigns the Mergify Chrome extension’s GitHub PR merge box integration to appear as a compact, native-looking sub-row within GitHub’s merge box UI, including queue state detection and merged-by-Mergify messaging.
Changes:
- Replaces the standalone injected “Mergify” merge section with a single inline row inside the merge box (logo, links, action buttons).
- Adds queue state detection (DOM-based + initial
/checksfetch) to toggle Queue/Dequeue and updates it on subsequent renders. - Adds merged-by-Mergify detection and displays a deterministic “fun” merged message on non-open PRs.
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 9 comments.
| File | Description |
|---|---|
src/mergify.js |
Reworks injection UI to a merge-box sub-row; adds queue state fetching/DOM detection, merged-by-Mergify detection, and new button rendering. |
src/__tests__/mergify.test.js |
Adds unit tests for queue detection, merged-by-Mergify detection, and merged message selection. |
docs/superpowers/specs/2026-04-13-mergebox-redesign-design.md |
Documents the intended merge box sub-row design and behavior. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
jd
force-pushed
the
devs/jd/feat/merge-box-redesign/Iffc8b73eadf4229d9521a2c142dd898d6781a794
branch
from
9df278a to
f093ea7
Compare
Member
Author
|
New design: |
jd
force-pushed
the
devs/jd/feat/merge-box-redesign/Iffc8b73eadf4229d9521a2c142dd898d6781a794
branch
from
f093ea7 to
b0ea74a
Compare
jd
force-pushed
the
devs/jd/feat/merge-box-redesign/Iffc8b73eadf4229d9521a2c142dd898d6781a794
branch
from
b0ea74a to
ba00be3
Compare
Redesign the Mergify Chrome extension's PR merge box section from a standalone block into a compact sub-row that blends with GitHub's native UI. ## Changes - Replace standalone Mergify section with an integrated row inside the merge box (logo + label + inline links + buttons) - Queue/Dequeue button toggles based on Mergify Merge Queue check run status (fetched from /checks tab on load, live-updated from expanded checks list) - Hide all action buttons on merged/closed PRs - Show fun randomized message when PR was merged by Mergify - Match GitHub's native button sizing (14px, 32px height) - Support both old (.merge-pr) and new (data-testid="mergebox-partial") GitHub merge box layouts Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> Change-Id: Iffc8b73eadf4229d9521a2c142dd898d6781a794
jd
force-pushed
the
devs/jd/feat/merge-box-redesign/Iffc8b73eadf4229d9521a2c142dd898d6781a794
branch
from
ba00be3 to
012163a
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Redesign the Mergify Chrome extension's PR merge box section from a
standalone block into a compact sub-row that blends with GitHub's
native UI.
Changes
the merge box (logo + label + inline links + buttons)
run status (fetched from /checks tab on load, live-updated from
expanded checks list)
GitHub merge box layouts
Co-Authored-By: Claude Opus 4.6 (1M context) noreply@anthropic.com