Integrate Plugin Inline Under Reviewers SectionPublic

Agent

OpenCode

Model

GPT-5.3 Codex

StartedFeb 11, 2:23 PM

Shared

Feb 11, 2:23 PM

Messages468

Downloads16

Summary

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

Done — I moved the panel into GitHub’s PR sidebar and restyled it to blend in as a native section under Reviewers.

The plugin now mounts directly in .discussion-sidebar, positioned immediately after the Reviewers block instead of floating in the viewport (content.js:272, content.js:309).
I removed the custom “card” look (fixed position, large borders, shadow, boxed stats) and switched to subtle GitHub-like spacing/typography (content.js:62).
The section now reads as an inline sidebar item with lightweight controls and no extra visual chrome (content.js:325).
I removed the in-body Open Source Explorer mentions; the only remaining mention is the subtle footer text: “Powered by the Open Source Explorer” (content.js:346).
“Not found” copy is now neutral and simple: “No contributor profile found yet.” with a low-key directory link (content.js:414).
I also ran a syntax check: node --check content.js (passes).

If you want, next I can:

Tighten it even further to look exactly like an existing GitHub sidebar item (matching heading size/line-height one-to-one).
Apply the same visual changes to bookmarklet.js too so both extension + bookmarklet UIs are consistent.

yes exactly, i don't want that popup style anymore

Perfect — I removed the popup treatment entirely.

The panel now mounts as a native GitHub sidebar section directly under Reviewers instead of floating (content.js and bookmarklet.js).
I stripped popup/card chrome (fixed positioning, large borders, shadow, boxed stat rows) and switched to GitHub-like sidebar spacing and color tokens so it blends in.
I removed inline mentions of “Open Source Explorer” from the body states; the only mention left is the subtle footer line: Powered by the Open Source Explorer.
I applied the same inline/no-popup behavior to both scripts so extension and bookmarklet match.
Syntax checks pass: 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

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.

It now retries mounting for a few seconds if the sidebar isn’t ready yet.
It now targets the visible right sidebar (not a hidden one) and falls back across GitHub sidebar variants.
Applied in both content.js and bookmarklet.js.

Please do this once:

Reload the extension in chrome://extensions
Hard refresh the PR page (Cmd+Shift+R)

If it still doesn’t appear, send me what this returns in DevTools console and I’ll patch immediately:

i ju[Image 1]

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:

Finds the Reviewers section by text/role/testid (not just old sidebar classes).
Handles newer/alternate GitHub layouts.
Keeps retrying while GitHub lazily renders the page.
Falls back to inline placement in the main PR view if no sidebar exists (still not popup style).

Please do this once:

Reload extension in chrome://extensions
Hard refresh PR page (Cmd+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

Done — I removed those two links from the contributor card in both places:

content.js
bookmarklet.js

Specifically, the GitHub and Market.dev link row is gone now (and related row styling removed).
I also rechecked syntax for both files.

If you want, I can also make the contributor name non-clickable too.

also remove browse directory

Done — removed “Browse directory” in both files.

Updated content.js and bookmarklet.js so the not-found state now just shows:
- No contributor profile found yet.
- no extra link below it

Syntax checks still pass for both files.

pls commit and push

Done — committed and pushed.

Commit: 230ee91
Branch: main pushed to origin/main successfully (ed79474..230ee91)

change projects heading to "Notable Projects"

({ 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})