Add @mention support in AI Chat input (#17943)

## Summary - Add `@mention` support to the AI Chat text input by replacing the plain textarea with a minimal Tiptap editor and building a shared `mention` module with reusable Tiptap extensions (`MentionTag`, `MentionSuggestion`), search hook (`useMentionSearch`), and suggestion menu — all shared with the existing BlockNote-based Notes mentions to avoid code duplication - Mentions are serialized as `[[record:objectName:recordId:displayName]]` markdown (the format already understood by the backend and rendered in chat messages), and displayed using the existing `RecordLink` chip component for visual consistency - Fix images in chat messages overflowing their container by constraining to `max-width: 100%` - Fix web_search tool display showing literal `{query}` instead of the actual query (ICU single-quote escaping issue in Lingui `t` tagged templates) ## Test plan - [ ] Open AI Chat, type `@` and verify the suggestion menu appears with searchable records - [ ] Select a mention from the dropdown (via click or keyboard Enter/ArrowUp/Down) and verify the record chip renders inline - [ ] Send a message containing a mention and verify it appears correctly in the conversation as a clickable `RecordLink` - [ ] Verify Enter sends the message when the suggestion menu is closed, and selects a mention when the menu is open - [ ] Verify images in AI chat responses are constrained to the container width - [ ] Verify the web_search tool step shows the actual search query (e.g. "Searched the web for Salesforce") instead of `{query}` - [ ] Verify Notes @mentions still work as before Made with [Cursor](https://cursor.com) --------- Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-14 14:37:33 +01:00
parent 0876197c8d
commit 6f251a6f8e
72 changed files with 1920 additions and 1043 deletions
@@ -0,0 +1,97 @@
+import { type Attachment } from '@/activities/files/types/Attachment';
+import { filterAttachmentsToRestore } from '@/activities/utils/filterAttachmentsToRestore';
+import { getActivityAttachmentIdsAndNameToUpdate } from '@/activities/utils/getActivityAttachmentIdsAndNameToUpdate';
+import { getActivityAttachmentIdsToDelete } from '@/activities/utils/getActivityAttachmentIdsToDelete';
+import { getActivityAttachmentPathsToRestore } from '@/activities/utils/getActivityAttachmentPathsToRestore';
+import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
+import { useDeleteManyRecords } from '@/object-record/hooks/useDeleteManyRecords';
+import { useLazyFetchAllRecords } from '@/object-record/hooks/useLazyFetchAllRecords';
+import { useRestoreManyRecords } from '@/object-record/hooks/useRestoreManyRecords';
+import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
+import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
+import { FeatureFlagKey } from '~/generated-metadata/graphql';
+
+export const useAttachmentSync = (attachments: Attachment[]) => {
+  const isFilesFieldMigrated = useIsFeatureEnabled(
+    FeatureFlagKey.IS_FILES_FIELD_MIGRATED,
+  );
+  const { deleteManyRecords: deleteAttachments } = useDeleteManyRecords({
+    objectNameSingular: CoreObjectNameSingular.Attachment,
+  });
+
+  const { restoreManyRecords: restoreAttachments } = useRestoreManyRecords({
+    objectNameSingular: CoreObjectNameSingular.Attachment,
+  });
+
+  const { fetchAllRecords: findSoftDeletedAttachments } =
+    useLazyFetchAllRecords({
+      objectNameSingular: CoreObjectNameSingular.Attachment,
+      filter: {
+        deletedAt: {
+          is: 'NOT_NULL',
+        },
+      },
+    });
+
+  const { updateOneRecord } = useUpdateOneRecord();
+
+  const syncAttachments = async (
+    newBody: string,
+    previousBody?: string | null,
+  ) => {
+    if (!newBody) return;
+
+    const previousBodyOrEmptyArray = previousBody?.trim() ? previousBody : '[]';
+
+    const attachmentIdsToDelete = getActivityAttachmentIdsToDelete(
+      newBody,
+      attachments,
+      previousBodyOrEmptyArray,
+      isFilesFieldMigrated,
+    );
+
+    if (attachmentIdsToDelete.length > 0) {
+      await deleteAttachments({
+        recordIdsToDelete: attachmentIdsToDelete,
+      });
+    }
+
+    const attachmentPathsToRestore = getActivityAttachmentPathsToRestore(
+      newBody,
+      attachments,
+      isFilesFieldMigrated,
+    );
+
+    if (attachmentPathsToRestore.length > 0) {
+      const softDeletedAttachments =
+        (await findSoftDeletedAttachments()) as Attachment[];
+
+      const attachmentIdsToRestore = filterAttachmentsToRestore({
+        attachmentPathsToRestore,
+        softDeletedAttachments: softDeletedAttachments ?? [],
+        isFilesFieldMigrated,
+      });
+
+      await restoreAttachments({
+        idsToRestore: attachmentIdsToRestore,
+      });
+    }
+
+    const attachmentsToUpdate = getActivityAttachmentIdsAndNameToUpdate(
+      newBody,
+      attachments,
+      isFilesFieldMigrated,
+    );
+
+    for (const attachmentToUpdate of attachmentsToUpdate) {
+      if (!attachmentToUpdate.id || !attachmentToUpdate.name) continue;
+      await updateOneRecord({
+        objectNameSingular: CoreObjectNameSingular.Attachment,
+        idToUpdate: attachmentToUpdate.id,
+        updateOneRecordInput: { name: attachmentToUpdate.name },
+      });
+    }
+  };
+
+  return { syncAttachments };
+};