Merge pull request #34110 from overleaf/mg-toolbar-language-suggestions

Add language suggestion controls to editor toolbar

GitOrigin-RevId: fe52b909b44ef8ccfc1449366bbf62f2d9d7ee4e

services/web/frontend/js/features/source-editor/components/toolbar/toolbar-items.tsx

@@ -1,4 +1,4 @@
-import { FC, memo } from 'react'
+import { ComponentType, FC, memo } from 'react'
 import { EditorState } from '@codemirror/state'
 import { useEditorContext } from '../../../../shared/context/editor-context'
 import { ToolbarButton } from './toolbar-button'
@@ -18,6 +18,14 @@ import { useProjectContext } from '@/shared/context/project-context'
 import { useEditorPropertiesContext } from '@/features/ide-react/context/editor-properties-context'
 import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
 import { isCursorOnEmptyLine } from '@/features/source-editor/utils/is-cursor-on-empty-line'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+
+const sourceEditorToolbarButtonGroups = importOverleafModules(
+  'sourceEditorToolbarButtonGroups'
+) as {
+  import: { default: ComponentType; overflowGroupId: string }
+  path: string
+}[]
 
 const addCommentFromToolbar = () => commands.addComment('toolbar')
 
@@ -70,6 +78,10 @@ export const ToolbarItems: FC<{
           />
         </div>
       )}
+      {sourceEditorToolbarButtonGroups.map(
+        ({ import: { default: Component, overflowGroupId }, path }) =>
+          showGroup(overflowGroupId) && <Component key={path} />
+      )}
       {languageName === 'latex' && (
         <>
           {showGroup('group-section') && (