Add MCP setup screen (#22468)

## Summary

- Add a first-tab MCP setup experience under MCP & APIs with quick
install cards, manual configuration, client logos, and HTTPS gating for
Claude install links.
- Rename API/Webhooks settings surfaces to MCP & APIs and update related
icons, permissions, breadcrumbs, and command menu entries.
- Add the Tabler sparkle-2 icon wrapper and MCP setup visual assets.

## Screenshots

| Before | After |
| --- | --- |
| ![Before: APIs & Webhooks MCP
tab](https://gist.githubusercontent.com/Bonapara/f8a97d31fbc3cab2771d18cbacd53d4c/raw/5838d123bc3aae3df0d37507b3e69135bec86444/before-mcp-settings.png)
| <img alt="image"
src="https://github.com/user-attachments/assets/a6ae2ae6-322b-4370-b9b6-0a3d73ff7fa7"
/> |

<!-- This is an auto-generated description by cubic. -->
<a
href="https://cubic.dev/pr/twentyhq/twenty/pull/22468?utm_source=github"
target="_blank" rel="noopener noreferrer"
data-no-image-dialog="true"><picture><source
media="(prefers-color-scheme: dark)"
srcset="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"><source
media="(prefers-color-scheme: light)"
srcset="https://www.cubic.dev/buttons/review-in-cubic-light.svg"><img
alt="Review in cubic"
src="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"></picture></a>
<!-- End of auto-generated description by cubic. -->

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Thomas des Francs
2026-07-04 16:38:59 +02:00
committed by GitHub
parent cfe0fc7ce6
commit 1a60d4eaa3
66 changed files with 1304 additions and 178 deletions
@@ -906,11 +906,11 @@ export const STANDARD_COMMAND_MENU_ITEMS = {
},
goToSettingsApiWebhooks: {
universalIdentifier: 'ed2c2fde-1e7a-4a42-ba63-221eaa7c9759',
label: 'Go to APIs & Webhooks Settings',
icon: 'IconApi',
label: 'Go to MCP & APIs Settings',
icon: 'IconPlug',
isPinned: false,
position: 58,
shortLabel: 'APIs & Webhooks',
shortLabel: 'MCP & APIs',
availabilityType: CommandMenuItemAvailabilityType.GLOBAL,
conditionalAvailabilityExpression: 'permissionFlags.API_KEYS_AND_WEBHOOKS',
availabilityObjectMetadataUniversalIdentifier: null,
@@ -922,7 +922,7 @@ export const STANDARD_COMMAND_MENU_ITEMS = {
goToSettingsApplications: {
universalIdentifier: '44db6d7a-79ac-485e-b3da-da8776bd7777',
label: 'Go to Apps Settings',
icon: 'IconPlug',
icon: 'IconApps',
isPinned: false,
position: 59,
shortLabel: 'Apps',