UI Stabilization: Global color theme updates (#75B2D6), AI Assistant styling refactor, and navigation fixes

memento-note/components/note-editor/note-editor-toolbar.tsx

@@ -19,8 +19,9 @@ import { Badge } from '@/components/ui/badge'
 import {
   X, Plus, Palette, Image as ImageIcon, Bell, Eye, Link as LinkIcon, Sparkles,
   Maximize2, Copy, ArrowLeft, ChevronRight, PanelRight, Check, Loader2, Save, MoreHorizontal,
-  Trash2, LogOut, Wand2
+  Trash2, LogOut, Wand2, Share2
 } from 'lucide-react'
+import { NoteShareDialog } from './note-share-dialog'
 import { deleteNote, leaveSharedNote } from '@/app/actions/notes'
 import { useRefresh } from '@/lib/use-refresh'
 import { useLanguage } from '@/lib/i18n'
@@ -39,6 +40,7 @@ export function NoteEditorToolbar({ mode, onClose }: NoteEditorToolbarProps) {
   const { t } = useLanguage()
   const { refreshNotes } = useRefresh()
   const [isConverting, setIsConverting] = useState(false)
+  const [shareOpen, setShareOpen] = useState(false)
 
   const notebookName = notebooks.find(nb => nb.id === note.notebookId)?.name || null
 
@@ -187,6 +189,19 @@ export function NoteEditorToolbar({ mode, onClose }: NoteEditorToolbarProps) {
             </button>
           )}
 
+          {/* Share button */}
+          {!readOnly && (
+            <button
+              title="Partager la note"
+              aria-label="Partager la note"
+              onClick={() => setShareOpen(true)}
+              className="p-1.5 rounded-full border border-black/20 dark:border-white/20 text-foreground hover:bg-black/5 dark:hover:bg-white/5 transition-all"
+            >
+              <Share2 size={16} />
+            </button>
+          )}
+
+
           {/* Three-dot options menu */}
           {!readOnly && (
             <DropdownMenu>
@@ -214,6 +229,15 @@ export function NoteEditorToolbar({ mode, onClose }: NoteEditorToolbarProps) {
             </DropdownMenu>
           )}
 
+          {/* Share Dialog portal */}
+          {shareOpen && (
+            <NoteShareDialog
+              noteId={note.id}
+              noteTitle={state.title}
+              onClose={() => setShareOpen(false)}
+            />
+          )}
+
           {/* Info panel toggle — rightmost, icon only */}
           <button
             aria-label="Informations du document"