feat(brand): add Launch Agent README button + showcase page#996
Conversation
Adds two embeddable SVG buttons users can drop into their READMEs to launch a repo on Agent Relay: - /launch-agent.svg — full lockup (mark + wordmark + "Launch Agent →"), 36px tall, baby-blue gradient. - /launch-agent_small.svg — compact 32px-tall mark + CTA only, for tight spaces or alongside other shield-style badges. Also adds /brand/deploy-button showcase that previews both buttons on light and dark stages with the markdown embed snippet next to each. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
Warning You have reached your daily quota limit. Please wait up to 24 hours and I will start processing your requests again! |
📝 WalkthroughWalkthroughThis PR introduces a new Deploy Button brand showcase page. The ChangesDeploy Button Showcase
Estimated code review effort🎯 2 (Simple) | ⏱️ ~12 minutes Poem
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Warning There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure. 🔧 ESLint
web/app/brand/deploy-button/styles.module.cssParsing error: Declaration or statement expected. 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 |
![cubic-dev-ai[bot]](https://avatars.githubusercontent.com/in/1082092?s=60&v=4){kind=small}
There was a problem hiding this comment.
No issues found across 5 files
You’re at about 94% of the monthly reviewed-line limit. You may want to disable incremental reviews to conserve quota. Reviews will continue until that limit is exceeded. If you need help avoiding interruptions, please contact contact@cubic.dev.
|
Preview deployed!
This preview will be cleaned up when the PR is merged or closed. |
![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
🧹 Nitpick comments (1)
web/app/brand/deploy-button/DeployButtonShowcase.tsx (1)
29-32: ⚡ Quick winConsider using a more explicit placeholder in the snippet.
The snippet uses
…(Unicode ellipsis) as a placeholder for the repo parameter. Some users might not immediately recognize this needs to be replaced. Consider using a more explicit placeholder likeYOUR_REPOorowner/repoto make the required substitution clearer.♻️ Proposed refactor with explicit placeholder
function snippet(file: string): string { const url = `${HOST}/${file}`; - return `[](${HOST}/launch?repo=…)`; + return `[](${HOST}/launch?repo=YOUR_REPO)`; }🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the rest with a brief reason, keep changes minimal, and validate. In `@web/app/brand/deploy-button/DeployButtonShowcase.tsx` around lines 29 - 32, The snippet function currently returns a markdown URL using a Unicode ellipsis (… ) as the repo placeholder which is ambiguous; update snippet(file: string) so the returned string uses a clear explicit placeholder such as YOUR_REPO or owner/repo (e.g., replace `…` with `YOUR_REPO`) in the launch query param and any visible text so consumers immediately know to substitute their repository; keep the same HOST and file interpolation but swap the ellipsis for the chosen explicit placeholder in the returned string.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@web/app/brand/deploy-button/page.tsx`:
- Around line 9-11: Update the metadata constants in
web/app/brand/deploy-button/page.tsx so they match the page content: change the
title constant (title) from "Deploy Button" to "Launch Agent button" (or
equivalent used in the hero) and replace the description constant (description)
to remove "Deploy on Agent Relay" and "pick a direction" language; instead state
this page documents two finalized README embed variants (full and compact) for
the Launch Agent button. Ensure the new description explicitly references the
two locked-in variants (full vs compact) to reflect the PR objectives and align
with the showcase copy.
---
Nitpick comments:
In `@web/app/brand/deploy-button/DeployButtonShowcase.tsx`:
- Around line 29-32: The snippet function currently returns a markdown URL using
a Unicode ellipsis (… ) as the repo placeholder which is ambiguous; update
snippet(file: string) so the returned string uses a clear explicit placeholder
such as YOUR_REPO or owner/repo (e.g., replace `…` with `YOUR_REPO`) in the
launch query param and any visible text so consumers immediately know to
substitute their repository; keep the same HOST and file interpolation but swap
the ellipsis for the chosen explicit placeholder in the returned string.
🪄 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 Plus
Run ID: 522f06e0-1e96-4d49-ac9c-5d268e63a717
⛔ Files ignored due to path filters (2)
web/public/launch-agent.svgis excluded by!**/*.svgweb/public/launch-agent_small.svgis excluded by!**/*.svg
📒 Files selected for processing (3)
web/app/brand/deploy-button/DeployButtonShowcase.tsxweb/app/brand/deploy-button/page.tsxweb/app/brand/deploy-button/styles.module.css
| const title = 'Deploy Button'; | ||
| const description = | ||
| 'Design variants for the "Deploy on Agent Relay" embed button. Review on light and dark stages and pick a direction.'; |
There was a problem hiding this comment.
Metadata inconsistencies with page content.
The metadata contains several inconsistencies:
- Description refers to "Deploy on Agent Relay" but the page content uses "Launch Agent" consistently
- Description suggests "pick a direction" implying these are design options, but per the PR objectives these are "two locked-in variants" for different use cases (full vs compact)
- The title "Deploy Button" doesn't match the hero title "Launch Agent button" in the showcase
Consider updating the metadata to accurately reflect that this page documents two finalized button variants for README embeds, not design proposals.
♻️ Proposed fix for metadata consistency
-const title = 'Deploy Button';
+const title = 'Launch Agent Button';
const description =
- 'Design variants for the "Deploy on Agent Relay" embed button. Review on light and dark stages and pick a direction.';
+ 'Embeddable Launch Agent button variants for README files. Two finalized options: full brand lockup and compact badge for different layout contexts.';📝 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.
| const title = 'Deploy Button'; | |
| const description = | |
| 'Design variants for the "Deploy on Agent Relay" embed button. Review on light and dark stages and pick a direction.'; | |
| const title = 'Launch Agent Button'; | |
| const description = | |
| 'Embeddable Launch Agent button variants for README files. Two finalized options: full brand lockup and compact badge for different layout contexts.'; |
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@web/app/brand/deploy-button/page.tsx` around lines 9 - 11, Update the
metadata constants in web/app/brand/deploy-button/page.tsx so they match the
page content: change the title constant (title) from "Deploy Button" to "Launch
Agent button" (or equivalent used in the hero) and replace the description
constant (description) to remove "Deploy on Agent Relay" and "pick a direction"
language; instead state this page documents two finalized README embed variants
(full and compact) for the Launch Agent button. Ensure the new description
explicitly references the two locked-in variants (full vs compact) to reflect
the PR objectives and align with the showcase copy.
1 participant
Summary
/launch-agent.svg(full lockup) and/launch-agent_small.svg(compact, mark + CTA) — two SVG buttons users can embed in their README to launch a repo on Agent Relay./brand/deploy-buttonpage that previews both buttons on light and dark stages alongside the markdown embed snippet.#62a1ce → #2d6a9c), full-white mark + wordmark, subtle 1px border, modern Inter-style CTA with a trailing arrow.Embed
Compact version:
Test plan
/brand/deploy-buttonlocally and confirm both buttons render correctly on light + dark stages/launch-agent.svgand/launch-agent_small.svg🤖 Generated with Claude Code