diff --git a/src/renderer/components/editor/EditorPane.tsx b/src/renderer/components/editor/EditorPane.tsx
index 59c45d9..29d8746 100644
--- a/src/renderer/components/editor/EditorPane.tsx
+++ b/src/renderer/components/editor/EditorPane.tsx
@@ -1,9 +1,16 @@
+import { useEffect } from 'react';
 import { CodeMirrorEditor } from './CodeMirrorEditor';
 import { useEditorStore } from '@/stores/editor-store';
+import { usePreviewStore } from '@/stores/preview-store';
 
 export function EditorPane() {
   const { buffers, activeId } = useEditorStore();
   const buf = activeId ? buffers.get(activeId) : null;
+  const setPreviewSource = usePreviewStore((s) => s.setSource);
+
+  useEffect(() => {
+    if (buf) setPreviewSource(buf.content);
+  }, [buf?.id, buf?.content, buf, setPreviewSource]);
 
   if (!buf) {
     return (
@@ -22,4 +29,4 @@ export function EditorPane() {
       />
     </div>
   );
-}
+}
\ No newline at end of file