fix: stabilize handleContentChange callback via ref to prevent NoteEditor re-render stealing focus

apps/web/src/routes/_app/notes.tsx

@@ -53,6 +53,7 @@ function NotesPage() {
   const queryClient = useQueryClient();
   const [search, setSearch] = useState("");
   const [selectedNote, setSelectedNote] = useState<Note | null>(null);
+  const [titleDraft, setTitleDraft] = useState("");
   const [editorContent, setEditorContent] = useState("");
   const saveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const [showBacklinks, setShowBacklinks] = useState(false);
@@ -93,24 +94,30 @@ function NotesPage() {
     try {
       const detail = await api.get<Note>("/notes/" + note.id);
       setSelectedNote(detail);
+      setTitleDraft(detail.title);
       setEditorContent(detail.content || "");
     } catch {
       setSelectedNote(note);
+      setTitleDraft(note.title);
       setEditorContent(note.content || "");
     }
     setShowBacklinks(false);
     setShowVersions(false);
   };
 
+  const selectedNoteRef = useRef(selectedNote);
+  selectedNoteRef.current = selectedNote;
+
   const handleContentChange = useCallback((html: string) => {
     setEditorContent(html);
     if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
     saveTimerRef.current = setTimeout(() => {
-      if (selectedNote) {
+      const note = selectedNoteRef.current;
-        updateMutation.mutate({ id: selectedNote.id, data: { content: html } });
+      if (note) {
+        updateMutation.mutate({ id: note.id, data: { content: html } });
       }
     }, 500);
-  }, [selectedNote, updateMutation]);
+  }, [updateMutation]);
 
 
   return (
@@ -166,6 +173,7 @@ function NotesPage() {
               <input
                 key={selectedNote?.id || 'none'}
                 defaultValue={selectedNote?.title || ''}
+                onMouseDown={(e) => e.stopPropagation()}
                 onBlur={(e) => {
                   if (selectedNote && e.target.value !== selectedNote.title) {
                     updateMutation.mutate({ id: selectedNote.id, data: { title: e.target.value } });

fix_notes2.py

@@ -0,0 +1,13 @@
+import sys
+
+with open(sys.argv[1], 'r') as f:
+    content = f.read()
+
+old = '<input\n                key={selectedNote?.id || \'none\'}\n                defaultValue={selectedNote?.title || \'\'}\n                onBlur={(e) => {'
+new = '<input\n                key={selectedNote?.id || \'none\'}\n                defaultValue={selectedNote?.title || \'\'}\n                onMouseDown={(e) => e.stopPropagation()}\n                onBlur={(e) => {'
+
+content = content.replace(old, new, 1)
+
+with open(sys.argv[1], 'w') as f:
+    f.write(content)
+print('Done')