fix: hide rich text bubble menu options when inline code is active

[dielduarte]

Description

This is how it looks like now:
https://www.loom.com/share/f89ba51587f2401997d1ce24800747ea

Essentially we hide all rich text options from the menu when the mark is the inline code

---

Summary by cubic

Hide rich-text bubble menu options when inline code is active so only the node selector and code toggle are shown. Includes a patch changeset for @react-email/editor.

• Bug Fixes
  • Use useEditorState from @tiptap/react to detect editor.isActive('code') and render only node selector + code toggle.
  • Hide link, formatting, and alignment controls in code mode to meet Linear MES-546.

^{Written for commit 9f49851. Summary will update on new commits.}

[changeset-bot]

🦋 Changeset detected

Latest commit: 9f49851

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@react-email/editor	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
react-email	Ready	Preview, Comment	May 13, 2026 6:53pm
react-email-demo	Ready	Preview, Comment	May 13, 2026 6:53pm

[cubic-dev-ai]

cubic analysis

No issues found across 2 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

Linked issue analysis

Linked issue: MES-546: Inline code mode blocks other settings

Status	Acceptance criteria	Notes
✅	Hide non-code formatting buttons (Bold, Italic, Underline, Strike, Uppercase) when inline code is active	The diff renders the group containing Bold/Italic/Underline/Strike/Uppercase only in the non-code branch; when isCodeActive is true those items are not rendered.
✅	Hide the link selector when inline code is active	BubbleMenuLinkSelector is rendered only in the non-code branch; it is omitted in the isCodeActive branch.
✅	Hide alignment controls (left/center/right) when inline code is active	The alignment BubbleMenuItemGroup is only rendered in the non-code branch and is not present when isCodeActive is true.
✅	Keep node selector and the inline code button available when inline code is active	When isCodeActive is true the UI renders the NodeSelector and BubbleMenuCode components, preserving access to them.

_{Auto-approved: This change conditionally hides rich text formatting options in the bubble menu when inline code is active, using the same patterns already present in the component, with no impact on business logic, data, or infrastructure.}