fix(editor): custom image width parsing, fix image paste, add AI submenu features

memento-note/components/note-editor.tsx

@@ -221,6 +221,7 @@ export function NoteEditor({ note, readOnly = false, onClose }: NoteEditorProps)
   // Paste handler: upload clipboard images
   useEffect(() => {
     const handlePaste = async (e: ClipboardEvent) => {
+      if (noteType === 'richtext' && (e.target as HTMLElement)?.closest('.notion-editor')) return;
       const items = e.clipboardData?.items
       if (!items) return
       for (const item of Array.from(items)) {
@@ -237,8 +238,8 @@ export function NoteEditor({ note, readOnly = false, onClose }: NoteEditorProps)
         }
       }
     }
-    document.addEventListener('paste', handlePaste)
-    return () => document.removeEventListener('paste', handlePaste)
+    document.addEventListener('paste', handlePaste, { capture: true })
+    return () => document.removeEventListener('paste', handlePaste, { capture: true } as any)
   }, [t])
 
   const handleRemoveImage = (index: number) => {
@@ -276,6 +277,11 @@ export function NoteEditor({ note, readOnly = false, onClose }: NoteEditorProps)
     setLinks(links.filter((_, i) => i !== index))
   }
 
+  const allImages = useMemo(() => {
+    const extracted = noteType === 'richtext' ? extractImagesFromHTML(content) : [];
+    return Array.from(new Set([...images, ...extracted]));
+  }, [images, content, noteType]);
+
   const handleGenerateTitles = async () => {
     // Combine content and link metadata for AI
     const fullContentForAI = [
@@ -304,7 +310,7 @@ export function NoteEditor({ note, readOnly = false, onClose }: NoteEditorProps)
       const response = await fetch('/api/ai/title-suggestions', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ content: fullContent }),
+        body: JSON.stringify({ content: fullContentForAI }),
       })
 
       if (!response.ok) {
@@ -733,6 +739,7 @@ export function NoteEditor({ note, readOnly = false, onClose }: NoteEditorProps)
               content={content}
               onChange={setContent}
               className="min-h-[200px]"
+              onImageUpload={uploadImageFile}
             />
           ) : noteType === 'text' || noteType === 'markdown' ? (
             <div className="space-y-2">
@@ -1158,3 +1165,7 @@ export function NoteEditor({ note, readOnly = false, onClose }: NoteEditorProps)
     </Dialog>
   )
 }
+
+
+
+