Add mentions feature to objects in notes (#16373)

Issue #15755 

### Context
As shown in the issue, users should be able to @ objects and have it be
linked to their associated page.

### Changes Made
- Updated the BlockNote schema to include the newly created
MentionInlineContent that displays an object using a RecordChip
- Added the UI for the menu that appears to select the requested object
(similar to this example:
https://www.blocknotejs.org/examples/ui-components/suggestion-menus-slash-menu-component)
- Added a hook to retrieve the data for the UI
- Added the @ trigger to the block editor

### Result 

https://github.com/user-attachments/assets/87dae6a2-ad7a-4642-80b2-8b1751feae24

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
Co-authored-by: Félix Malfait <felix@twenty.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
acee3
2026-02-13 08:12:37 -05:00
committed by GitHub
parent b7c1d47273
commit e2b9bc935f
19 changed files with 489 additions and 28 deletions
@@ -6950,6 +6950,8 @@ export const TwentyUiMenuItemSelectTagElement = createRemoteElement<
export type TwentyUiMenuItemSuggestionProperties = {
withIconContainer?: boolean;
text: string;
contextualText?: string;
contextualTextPosition?: string;
selected?: boolean;
className?: string;
};
@@ -6964,6 +6966,8 @@ export const TwentyUiMenuItemSuggestionElement = createRemoteElement<
properties: {
withIconContainer: { type: Boolean },
text: { type: String },
contextualText: { type: String },
contextualTextPosition: { type: String },
selected: { type: Boolean },
className: { type: String },
},