Integrate Plugin Inline Under Reviewers Section
Integrate Plugin Inline Under Reviewers Section
Agent
OpenCode
Model
GPT-5.3 Codex
StartedFeb 11, 2:23 PM
Shared
Feb 11, 2:23 PM
Messages468
Downloads16
Put this plugin inline under the reviewers and follow the same style and spacing as github [Image 1]
Also, remove mentions of "Open Source Explorer" just at the bottom of it say in light Powered by the Open Source Explorer but very subtle
REmove all the borders etc so it looks like a part of the github page
Inspecting project file structure
Inspecting UI injection script
Redesigning plugin for GitHub sidebar
Evaluating bookmarklet sync
Assessing bookmarklet redundancy
Planning dual bookmarklet and plugin update
Investigating trailing invalid code
Inspecting uncommitted changes
>git status --shortEvaluating modification scope
Planning comprehensive content.js patch
Targeting patch line 466
Inspecting expert details render function
Applying patch to markup rendering
Reviewing panel mount and content cleanup
Checking style class usage
Planning syntax verification
>node --check content.jsChecking for obsolete CSS classes
Validating rewritten sections
Reviewing style alignment and mentions
>git diff -- content.jsReviewing UI styling and integration details
>git status --shortSummarizing final changes and verification steps
Done — I moved the panel into GitHub’s PR sidebar and restyled it to blend in as a native section under Reviewers.
.discussion-sidebar, positioned immediately after the Reviewers block instead of floating in the viewport (content.js:272, content.js:309).content.js:62).content.js:325).content.js:346).content.js:414).node --check content.js (passes).If you want, next I can:
bookmarklet.js too so both extension + bookmarklet UIs are consistent.yes exactly, i don't want that popup style anymore
Assessing bookmarklet style issues
Analyzing script syntax validity
>node --check bookmarklet.jsPlanning bookmarklet style patch
Planning comprehensive function patching
Planning large style and helper patch
Patching bookmarklet function
Updating panel text
Patching expert details rendering
Cleaning trailing code in bookmarklet.js
Checking mentions for removal
Running syntax check on files
>node --check content.js>node --check bookmarklet.jsVerifying no leftover fixed positioning
Reviewing border style changes
>git diff -- content.js bookmarklet.jsVerifying bookmarklet sync status
>git status --shortSummarizing popup removal changes
Perfect — I removed the popup treatment entirely.
content.js and bookmarklet.js).Powered by the Open Source Explorer.node --check content.js and node --check bookmarklet.js.If you refresh GitHub and still see the old UI, reload the extension once in chrome://extensions and hard refresh the PR page.
i dont see anything now
Diagnosing sidebar mount failure
Reviewing content.js for improvements
Checking early return effects
Designing robust panel mounting with retries and sidebar fallbacks
Patching bookmarklet state
Planning border style cleanup
>node --check content.js>node --check bookmarklet.jsVerifying patch application
>git diff -- content.js bookmarklet.jsImplementing visible sidebar selection
Running syntax checks
>node --check content.js>node --check bookmarklet.jsPreparing fix instructions
>git status --shortCrafting concise fix instructions
Got it — I just fixed that.
I updated the mount logic so it no longer silently fails when GitHub renders the sidebar late or uses a different sidebar container.
content.js and bookmarklet.js.Please do this once:
chrome://extensionsCmd+Shift+R)If it still doesn’t appear, send me what this returns in DevTools console and I’ll patch immediately:
({ panel: !!document.querySelector("#md-expert-pr-panel"), sidebar: document.querySelector(".discussion-sidebar, .Layout-sidebar")?.className || null})i ju[Image 1]
Refining sidebar and reviewers detection
Planning function patching
Designing resilient sidebar selectors
Verifying argument updates in calls
>node --check content.js>node --check bookmarklet.jsSuggesting diagnostic checks
Improving fallback panel insertion
>node --check content.js>node --check bookmarklet.jsSummarizing fix and next steps
Thanks — that screenshot was super helpful.
sidebar: null means your GitHub PR view doesn’t use the old .discussion-sidebar classes, so the previous selector path missed it.
I just patched this again in both content.js and bookmarklet.js:
Please do this once:
chrome://extensionsCmd+Shift+R)If it still doesn’t show, run this in console and send me output:
({ styleLoaded: !!document.getElementById("md-expert-pr-style"), panelMounted: !!document.getElementById("md-expert-pr-panel"), reviewersTextNodes: [...document.querySelectorAll("h2,h3,h4,[role='heading']")] .filter(n => (n.textContent || "").trim().toLowerCase() === "reviewers") .length})great. now just drop the "Github" and "market.dev" links
Planning removal of links section
Planning links removal
Reviewing CSS cleanup
({ panel: !!document.querySelector("#md-expert-pr-panel"), sidebar: document.querySelector(".discussion-sidebar, .Layout-sidebar")?.className || null})({ styleLoaded: !!document.getElementById("md-expert-pr-style"), panelMounted: !!document.getElementById("md-expert-pr-panel"), reviewersTextNodes: [...document.querySelectorAll("h2,h3,h4,[role='heading']")] .filter(n => (n.textContent || "").trim().toLowerCase() === "reviewers") .length})