TipTap Editor

useEffect(() => {
  if (!editor) return;
  const store = useCanvasStore.getState();
  store.editorRef.current = editor;

  // Flush any set_content that arrived BEFORE the editor mounted
  if (store.pendingSetContent) {
    editor.commands.setContent(store.pendingSetContent.content, ...);
    store.setPendingSetContent(null);
  }

  return () => {
    // unmount: clear ref so interceptor falls back to pending
    if (store.editorRef.current === editor) {
      store.editorRef.current = null;
    }
  };
}, [editor]);

const handleEditorUpdate = useCallback(({ editor }) => {
  if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
  saveTimerRef.current = setTimeout(async () => {
    const output = format === 'markdown' ? editor.getMarkdown() : editor.getHTML();
    await writeCanvasFile(activeFile.filePath, output);
    setLastSaved(Date.now());
  }, AUTO_SAVE_DELAY_MS);
}, [activeFile, format]);