fix(editor): insert dynamic fields into the last focused editor

Sidebar dynamic fields always targeted the body editor, so with the cursor
in the heading/subheading the field landed at the body's stale selection.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

Author: priosshrsth

src/features/editor/components/Editor/Editor.tsx

@@ -54,6 +54,7 @@ export const Editor = ({ content }: EditorProps) => {
     content,
     immediatelyRender: false, // Avoid SSR & hydration issues
     editorProps: { attributes: { class: 'text-custom-xs' } },
+    onFocus: ({ editor }) => useEditorStore.getState().setFocusedEditor(editor),
     onUpdate: ({ editor }) => {
       settingsStoreApi?.getState().setSettings({
         content: editor.getHTML(),

src/features/editor/components/Editor/MinimalEditor.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import { useEditorStore } from '@editor/stores/editorStore'
 import { getMinimalExtensions } from '@extensions/minimal-extensions'
 import { EditorContent, useEditor } from '@tiptap/react'
 import { useEffect, useRef } from 'react'
@@ -54,6 +55,7 @@ export const MinimalEditor = ({
         return true
       },
     },
+    onFocus: ({ editor }) => useEditorStore.getState().setFocusedEditor(editor),
     onUpdate: ({ editor }) => onChange?.(editor.getHTML()),
   })
 

src/features/editor/components/Sidebar/DynamicFields/DynamicFieldItem.tsx

@@ -9,10 +9,10 @@ type DynamicFieldItemProps = {
 }
 
 export const DynamicFieldItem = ({ fieldContent, value, name, icon }: DynamicFieldItemProps) => {
-  const editor = useEditorStore((s) => s.editor)
-
   const handleClick = () => {
-    editor?.chain().focus().insertAutofillField({ value }).run()
+    const { editor, focusedEditor } = useEditorStore.getState()
+    const target = focusedEditor && !focusedEditor.isDestroyed ? focusedEditor : editor
+    target?.chain().focus().insertAutofillField({ value }).run()
   }
 
   return (

src/features/editor/stores/editorStore.ts

@@ -6,6 +6,9 @@ interface EditorState {
   setEditor: (editor: Editor) => void
   destroyEditor: () => void
 
+  focusedEditor: Editor | null
+  setFocusedEditor: (editor: Editor) => void
+
   showEmbedInput: boolean
   setShowEmbedInput: (showEmbedInput: boolean) => void
 
@@ -22,6 +25,9 @@ export const useEditorStore = create<EditorState>()((set) => ({
   setEditor: (editor: Editor) => set({ editor }),
   destroyEditor: () => set({ editor: null }),
 
+  focusedEditor: null,
+  setFocusedEditor: (focusedEditor: Editor) => set({ focusedEditor }),
+
   showEmbedInput: false,
   setShowEmbedInput: (showEmbedInput: boolean) => set({ showEmbedInput }),