feat(web): use Sourcebot branded logo in MCP OAuth consent screen#1062
feat(web): use Sourcebot branded logo in MCP OAuth consent screen#1062
Conversation
… OAuth consent screen Replace generic logo_512.png with proper sb_logo_dark_small.png and sb_logo_light_small.png assets on the MCP integration OAuth consent screen. - Shows dark logo variant in dark mode - Shows light logo variant in light mode - Consistent with logo usage in other parts of the app Co-authored-by: Michael Sukkarieh <msukkari@users.noreply.github.com>
WalkthroughThese changes add dark/light mode support to the OAuth consent screen by replacing a single logo with two theme-specific logo images controlled by conditional Tailwind classes, and documenting this modification in the changelog. Changes
Estimated code review effort🎯 2 (Simple) | ⏱️ ~8 minutes 🚥 Pre-merge checks | ✅ 2 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (2 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Co-authored-by: Michael Sukkarieh <msukkari@users.noreply.github.com>
Co-authored-by: Michael Sukkarieh <msukkari@users.noreply.github.com>
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 1
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.
Inline comments:
In `@CHANGELOG.md`:
- Line 11: Update the changelog entry "Updated MCP OAuth consent screen to use
Sourcebot branded logo with dark/light mode support.
[`#1062`](https://github.com/sourcebot-dev/sourcebot/pull/1062)" by prefixing it
with "[EE]" and correcting compound hyphenation: change "Sourcebot branded" to
"Sourcebot-branded" and hyphenate "dark/light-mode" (result: "[EE] Updated MCP
OAuth consent screen to use Sourcebot-branded logo with dark/light-mode support.
[`#1062`](...)").
🪄 Autofix (Beta)
Fix all unresolved CodeRabbit comments on this PR:
- Push a commit to this branch (recommended)
- Create a new PR with the fixes
ℹ️ Review info
⚙️ Run configuration
Configuration used: Organization UI
Review profile: CHILL
Plan: Pro
Run ID: a4063a77-9d2d-4158-8cfd-d49c5cd04c83
📒 Files selected for processing (2)
CHANGELOG.mdpackages/web/src/app/oauth/authorize/components/consentScreen.tsx
| ## [Unreleased] | ||
|
|
||
| ### Changed | ||
| - Updated MCP OAuth consent screen to use Sourcebot branded logo with dark/light mode support. [#1062](https://github.com/sourcebot-dev/sourcebot/pull/1062) |
There was a problem hiding this comment.
Add [EE] prefix to this changelog entry (and fix compound adjective hyphenation).
This entry appears to describe an enterprise-only OAuth/MCP change and should be prefixed with [EE]; also use “Sourcebot-branded” for grammar consistency.
✏️ Suggested edit
-- Updated MCP OAuth consent screen to use Sourcebot branded logo with dark/light mode support. [`#1062`](https://github.com/sourcebot-dev/sourcebot/pull/1062)
+- [EE] Updated MCP OAuth consent screen to use a Sourcebot-branded logo with dark/light mode support. [`#1062`](https://github.com/sourcebot-dev/sourcebot/pull/1062)As per coding guidelines: “Prefix enterprise-only features with [EE]”.
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
| - Updated MCP OAuth consent screen to use Sourcebot branded logo with dark/light mode support. [#1062](https://github.com/sourcebot-dev/sourcebot/pull/1062) | |
| - [EE] Updated MCP OAuth consent screen to use a Sourcebot-branded logo with dark/light mode support. [`#1062`](https://github.com/sourcebot-dev/sourcebot/pull/1062) |
🧰 Tools
🪛 LanguageTool
[grammar] ~11-~11: Use a hyphen to join words.
Context: ...CP OAuth consent screen to use Sourcebot branded logo with dark/light mode suppor...
(QB_NEW_EN_HYPHEN)
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.
In `@CHANGELOG.md` at line 11, Update the changelog entry "Updated MCP OAuth
consent screen to use Sourcebot branded logo with dark/light mode support.
[`#1062`](https://github.com/sourcebot-dev/sourcebot/pull/1062)" by prefixing it
with "[EE]" and correcting compound hyphenation: change "Sourcebot branded" to
"Sourcebot-branded" and hyphenate "dark/light-mode" (result: "[EE] Updated MCP
OAuth consent screen to use Sourcebot-branded logo with dark/light-mode support.
[`#1062`](...)").
2 participants
Summary
Replace the generic
logo_512.pngwith proper Sourcebot branded logos that support both dark and light mode in the MCP OAuth consent screen.Changes
sb_logo_dark_small.pngandsb_logo_light_small.pnginstead of the genericlogo_512.pnghidden dark:block)block dark:hidden)topBar.tsxand other componentsBefore
The consent screen showed a generic black circle logo that doesn't match Sourcebot branding.
After
The consent screen now shows the proper Sourcebot logo, with correct variants for dark and light mode.
Testing
topBar.tsxandsourcebotLogo.tsxFixes SOU-813
Linear Issue: SOU-813
Summary by CodeRabbit