PR Custody

refine: update onboarding choice page copy and add NEW badge

@devin-ai-integration[bot]checks n/achecks…devin/1773929032-choice-page-copy → main1 files · +15 −6review: @palash-cupdated 2mo ago

GitHub

▸Description· 2 comments · 1 noise

Summary

Updates the onboarding "How do you want to use Composio?" choice page with refined copy and a NEW pill badge on the consumer card, per DASH-368.

Changes:

Left card (consumer): Title → "Composio For You", subtitle → two-line "For your personal productivity.\nConnect 1000+ apps to Claude Code, ChatGPT, Cursor", added a NEW pill badge (no emoji) next to the title
Right card (developer): Title → "Composio Developer Platform", subtitle → two-line "For the agents you're building.\nSDK, API keys, and your developer dashboard.", no badge
Subtitles now use whitespace-pre-line so the \n renders as a visible line break

Single file changed: src/app/(public)/onboarding/_components/platform-selector.tsx

Updates since last revision

Removed the ✨ sparkle emoji from the NEW pill badge (now plain text "NEW")
Split each subtitle into two lines with \n and added whitespace-pre-line to the description div

Review & Testing Checklist for Human

Subtitle line breaks render correctly: Verify both subtitles break into two lines at the intended point (after the period). The whitespace-pre-line class must be present on the description <div> for the \n to produce a visible break — confirm this in the deployed preview
NEW badge styling: Verify the plain-text "NEW" pill (bg-primary/10 text-primary rounded-full) looks correct without the sparkle emoji, and aligns nicely next to "Composio For You"
Title + badge wrapping: The title div uses flex items-center gap-2 — verify "Composio For You" + badge doesn't wrap awkwardly at narrower widths (the grid is grid-cols-2 with no responsive breakpoint)

Test Plan

Navigate to the onboarding flow at /onboarding/platform
Verify left card shows "Composio For You" with a plain "NEW" pill badge (no emoji)
Verify right card shows "Composio Developer Platform" with no badge
Verify both subtitles display on two lines (line break after the first sentence)
Resize browser to check layout doesn't break at smaller widths

Notes

No functional/logic changes — only copy, a decorative badge element, and a CSS class addition
The pre-existing window.location.href lint warning in this file is unrelated to this change

Link to Devin session: https://app.devin.ai/sessions/f5710c609c5042468e97b45a059e9c6d Requested by: @palash-c

@devin-ai-integration[bot]agent2mo ago

'Think on Visual/Copy for the choice page' (DASH-368)

User instruction: @devin in composio_dashboard repo onboarding first question is this I want

Refined Copy

Column 1: Badge

Left Card: ✨ NEW (make it a pill next to Composio For you along with the card title)

Right Card: —

────────────────────────────────────────

Column 1: Title

Left Card: Composio For You

Right Card: Composio Developer Platform

────────────────────────────────────────

Column 1: Subtitle

Left Card: "For your personal productivity. Connect 1000+ apps to Claude Code, ChatGPT, Cursor"

Right Card: "For the agents you're building. SDK, API keys, and your developer dashboard."

@devin-ai-integration[bot]agent2mo ago

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
Look at CI failures and help fix them

⚙️ Control Options:

Disable automatic comment and CI monitoring

▸ 1 bot/status comment hidden

@vercel[bot]2mo ago

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
dashboard	Ready	Preview, Comment	Mar 19, 2026 2:24pm

loading diff…