fix(files): stop the duplicate 'mention' extension-name warning

The @-mention menu extension and the mention node were both named 'mention', so TipTap
logged "Duplicate extension names found: ['mention']" on every editor (twice under the
collaborative placeholder + live pair). Rename the menu extension to 'mentionMenu' (the
node keeps 'mention', its persisted doc-node type) and move its editor.storage.mention ->
editor.storage.mentionMenu. Verified the warning no longer fires.

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/mention-chip.tsx

@@ -38,7 +38,7 @@ export function MentionChipView({ node, editor }: ReactNodeViewProps) {
   const { kind, id, label } = node.attrs as MentionAttrs
   const Icon = mentionIcon(kind, id, label) as StyleableIcon | undefined
   const iconStyle = Icon ? getBareIconStyle(Icon) : undefined
-  const navigable = editor.storage.mention?.navigable === true
+  const navigable = editor.storage.mentionMenu?.navigable === true
   const workspaceId = typeof params.workspaceId === 'string' ? params.workspaceId : undefined
   const path = navigable && workspaceId ? simLinkPath(workspaceId, kind, id) : null
 

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/mention.ts

@@ -25,7 +25,7 @@ export interface MentionStorage {
 
 declare module '@tiptap/core' {
   interface Storage {
-    mention: MentionStorage
+    mentionMenu: MentionStorage
   }
 }
 
@@ -35,10 +35,10 @@ declare module '@tiptap/core' {
  * entity inserts it as a portable `sim:<kind>/<id>` markdown link (same wire format as the chat
  * composer's `chip-clipboard-codec`), so it round-trips natively through the editor's link + markdown
  * machinery. The plugin's `items` is an empty gate; the real list is sourced reactively from the store
- * inside {@link MentionList}, populated by the host via the extension's `mention` storage.
+ * inside {@link MentionList}, populated by the host via the extension's `mentionMenu` storage.
  */
 export const Mention = Extension.create<Record<string, never>, MentionStorage>({
-  name: 'mention',
+  name: 'mentionMenu',
 
   addStorage() {
     return { store: createMentionStore(), onOpen: null, enabled: true, navigable: false }
@@ -53,7 +53,7 @@ export const Mention = Extension.create<Record<string, never>, MentionStorage>({
         allowSpaces: false,
         startOfLine: false,
         allow: ({ editor, range }) => {
-          if (!editor.storage.mention.enabled) return false
+          if (!editor.storage.mentionMenu.enabled) return false
           if (editor.isActive('codeBlock') || editor.isActive('link') || editor.isActive('code')) {
             return false
           }
@@ -78,10 +78,10 @@ export const Mention = Extension.create<Record<string, never>, MentionStorage>({
           mapProps: (props) => ({
             query: props.query,
             command: props.command,
-            store: props.editor.storage.mention.store,
+            store: props.editor.storage.mentionMenu.store,
             editor: props.editor,
           }),
-          onOpen: (props) => props.editor.storage.mention?.onOpen?.(),
+          onOpen: (props) => props.editor.storage.mentionMenu?.onOpen?.(),
         }),
       }),
     ]

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/use-editor-mentions.ts

@@ -27,15 +27,15 @@ export function useEditorMentions(
   useEffect(() => {
     if (!editor) return
     const taggingOn = Boolean(workspaceId) && !disableTagging
-    editor.storage.mention.enabled = taggingOn
-    editor.storage.mention.navigable = navigable
-    editor.storage.mention.onOpen = taggingOn ? () => setActive(true) : null
+    editor.storage.mentionMenu.enabled = taggingOn
+    editor.storage.mentionMenu.navigable = navigable
+    editor.storage.mentionMenu.onOpen = taggingOn ? () => setActive(true) : null
     return () => {
-      editor.storage.mention.onOpen = null
+      editor.storage.mentionMenu.onOpen = null
     }
   }, [editor, workspaceId, navigable, disableTagging])
 
   useEffect(() => {
-    editor?.storage.mention.store.set(items)
+    editor?.storage.mentionMenu.store.set(items)
   }, [editor, items])
 }