From 0b5af04a6ae89026dd208efd5a51702c0aae3de1 Mon Sep 17 00:00:00 2001
From: Amit Haridas <amit.wh@gmail.com>
Date: Fri, 5 Jun 2026 13:14:50 +0530
Subject: [PATCH] feat(renderer): PreviewPane tracks scroll ratio

---
 src/renderer/components/preview/PreviewPane.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/preview/PreviewPane.tsx b/src/renderer/components/preview/PreviewPane.tsx
index 16acf53..3e55bdf 100644
--- a/src/renderer/components/preview/PreviewPane.tsx
+++ b/src/renderer/components/preview/PreviewPane.tsx
@@ -1,8 +1,10 @@
 import { MarkdownRenderer } from './MarkdownRenderer';
 import { usePreviewStore } from '@/stores/preview-store';
+import { useScrollSync } from '@/hooks/use-scroll-sync';
 
 export function PreviewPane() {
-  const { source } = usePreviewStore();
+  const { source, setScrollRatio } = usePreviewStore();
+  const { handlePreviewScroll } = useScrollSync({ onPreviewScroll: setScrollRatio });
 
   if (!source) {
     return (
@@ -13,7 +15,7 @@ export function PreviewPane() {
   }
 
   return (
-    <div className="h-full overflow-auto bg-card/10">
+    <div className="h-full overflow-auto bg-card/10" onScroll={handlePreviewScroll}>
       <MarkdownRenderer source={source} />
     </div>
   );