[FRONT COMPONENTS] Headless components (#18096)

## Description

- Add `isHeadless` field to `FrontComponent` entity so front components
can run without rendering UI in the command menu
- Introduce headless front component mounting logic:
`HeadlessFrontComponentMountRoot` at the application root,
`useMountHeadlessFrontComponent`, and `useUnmountHeadlessFrontComponent`
hooks to mount/unmount headless components
- Expand the SDK with new action components (`Action`, `ActionLink`,
`ActionOpenSidePanelPage`) and host communication functions
(`openSidePanelPage`, `unmountFrontComponent`)
- Move `CommandMenuPages` type to twenty-shared so the SDK can reference
it for side panel navigation

## Video QA



https://github.com/user-attachments/assets/4f9e3bb1-fcd1-42be-b3f4-a97e80c2add2

This commit is contained in:

Raphaël Bosi

2026-02-20 15:14:42 +01:00

committed by

GitHub

parent d444648cc0

commit 7da8450075

100 changed files with 518 additions and 143 deletions

									
										packages/twenty-front/src/modules/command-menu-item/graphql/fragments/commandMenuItemFragment.ts
									
		+1
		
												View File
												
				@@ -8,6 +8,7 @@ export const COMMAND_MENU_ITEM_FRAGMENT = gql`

				    frontComponent {

				      id

				      name

				      isHeadless

				    }

				    label

				    icon