feat(ranked): explain clan/friend pairing on the ranked mode screen (port of #4861 to main)

[Celant]

Port of #4861, which merged into v33, so the change isn't lost on the next release cut.

Straight git cherry-pick -x of 72b1861ec — no conflicts, and the resulting RankedModal.ts and en.json are byte-identical to the v33 versions.

What

Adds a note under the cards on the ranked mode select screen:

In team modes, clanmates and friends in the queue are placed on the same team where possible. Friends are paired first, then clanmates. If your ratings are too far apart you'll be matched separately to keep games fair.

Worded for team modes generally rather than 2v2 specifically, so it still reads correctly as more team gamemodes are added. It deliberately doesn't quote the ELO threshold — that value lives in the matchmaking API, a separate repo the client can't import from, so any client-side literal would silently go stale when the matchmaker is retuned.

New mode_selector.ranked_pairing_note key in en.json only; Crowdin owns the other locales.

Testing

• tsc --noEmit clean, prettier clean, against main's tree rather than just assuming the v33 result carries over.
• Client suite: 225 files, 2594 tests, all passing.

Note

The matchmaking change this describes is openfrontio/infra#495, which is still open. Until it merges and deploys, this note describes pairing behaviour the API doesn't implement yet.

🤖 Generated with Claude Code

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 4a9a574f-7218-4cc6-a3bb-d1bce679c7e2

📥 Commits

Reviewing files that changed from the base of the PR and between 0668045 and 168f005.

📒 Files selected for processing (2)

• resources/lang/en.json
• src/client/components/RankedModal.ts

---

Walkthrough

The ranked modal now shows a translated note below the ranked mode cards. The note explains friend and clanmate pairing priority and rating-based separation.

Changes

Ranked pairing guidance

Layer / File(s)	Summary
Add ranked pairing note resources/lang/en.json, src/client/components/RankedModal.ts	Adds the mode_selector.ranked_pairing_note translation and renders it as a centered, muted paragraph below the ranked cards.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

• openfrontio/OpenFrontIO#4596: Added the ranked cards and matchmaking flow extended by this UI change.
• openfrontio/OpenFrontIO#4778: Added clan preference support related to the pairing guidance.
• openfrontio/OpenFrontIO#4861: Modified the same translation key and RankedModal.ts area.

Suggested labels: UI/UX

Suggested reviewers: evanpelle, ryanbarlow97

Poem

Ranked cards stand in a row,
Friends pair first, then clans flow.
Ratings keep the matches fair,
A clearer note now guides them there.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly identifies the ranked mode pairing explanation and the port to main.
Description check	✅ Passed	The description directly explains the ranked pairing note, localization change, testing, and API dependency.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches 💡 1

🛠️ Fix failing CI checks 💡

• Create stacked PR
• Commit on current branch

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}