feat: add floating gutter button (+) to trigger slash menu

memento-note/components/rich-text-editor.tsx

@@ -4,7 +4,7 @@ import { useEffect, useRef, useState, useCallback, forwardRef, useImperativeHand
 import { createPortal } from 'react-dom'
 import { useLanguage } from '@/lib/i18n'
 import { useEditor, EditorContent } from '@tiptap/react'
-import { BubbleMenu } from '@tiptap/react/menus'
+import { BubbleMenu, FloatingMenu } from '@tiptap/react/menus'
 import StarterKit from '@tiptap/starter-kit'
 import Underline from '@tiptap/extension-underline'
 import Placeholder from '@tiptap/extension-placeholder'
@@ -25,7 +25,7 @@ import {
   Quote, CodeXml, Minus, ImageIcon, Type, Highlighter, Link as LinkIcon,
   Sparkles, Wand2, Scissors, Lightbulb, X, Check, ExternalLink,
   FileText, Pilcrow, MessageSquare, AlignLeft, AlignCenter, AlignRight,
-  Superscript as SuperscriptIcon, Subscript as SubscriptIcon, Expand,
+  Superscript as SuperscriptIcon, Subscript as SubscriptIcon, Expand, Plus,
 } from 'lucide-react'
 import { cn } from '@/lib/utils'
 
@@ -115,6 +115,7 @@ function useImageInsert() {
 
 export const RichTextEditor = forwardRef<RichTextEditorHandle, RichTextEditorProps>(
   function RichTextEditor({ content, onChange, className, placeholder }, ref) {
+    const { t } = useLanguage()
     const imageInsert = useImageInsert()
 
     const editor = useEditor({
@@ -159,6 +160,19 @@ export const RichTextEditor = forwardRef<RichTextEditorHandle, RichTextEditorPro
           </BubbleMenu>
         )}
 
+        {editor && (
+          <FloatingMenu editor={editor} className="flex items-center -ml-8" tippyOptions={{ placement: 'left' }}>
+            <button
+              onClick={() => editor.chain().focus().insertContent('/').run()}
+              className="w-6 h-6 flex items-center justify-center rounded-md text-muted-foreground hover:bg-muted transition-colors"
+              title={t('richTextEditor.addBlock') || 'Add block'}
+              type="button"
+            >
+              <Plus className="w-4 h-4" />
+            </button>
+          </FloatingMenu>
+        )}
+
         {editor && <SlashCommandMenu editor={editor} onInsertImage={imageInsert.requestInsert} />}
 
         <EditorContent editor={editor} />

memento-note/locales/fr.json

@@ -459,6 +459,7 @@
     "highlight": "Surligner",
     "superscript": "Exposant",
     "subscript": "Indice",
+    "addBlock": "Ajouter un bloc",
     "slashHint": "↑↓ naviguer · Entrée insérer · Tab changer de section",
     "slashLoading": "IA Note réfléchit...",
     "slashTabAll": "Tout",