From f22534b33cd2c57e47f9f5bc2f62758d089b5900 Mon Sep 17 00:00:00 2001
From: tomsmith8 <tomsmith8@users.noreply.github.com>
Date: Wed, 20 May 2026 09:18:50 +0000
Subject: [PATCH] Generated with Hive: Fix node preview panel to load content
 and reset scroll on connection tap

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

diff --git a/src/components/layout/node-preview-panel.tsx b/src/components/layout/node-preview-panel.tsx
index f6b7c7f..66fcbdb 100644
--- a/src/components/layout/node-preview-panel.tsx
+++ b/src/components/layout/node-preview-panel.tsx
@@ -612,6 +612,7 @@ export function NodePreviewPanel({ node, onBack, schemas }: NodePreviewPanelProp
   const [probeNonce, setProbeNonce] = useState(0)
   const [copied, setCopied] = useState(false)
   const copyTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
+  const scrollContentRef = useRef<HTMLDivElement>(null)
   const [watched, setWatched] = useState(false)
   const [watchLoading, setWatchLoading] = useState(false)
 
@@ -624,6 +625,7 @@ export function NodePreviewPanel({ node, onBack, schemas }: NodePreviewPanelProp
   function handleNavigate(peer: GraphNode) {
     setHistory((prev) => [...prev, currentNode])
     setCurrentNode(peer)
+    scrollContentRef.current?.parentElement?.scrollTo({ top: 0 })
   }
 
   function handleBack() {
@@ -845,7 +847,7 @@ export function NodePreviewPanel({ node, onBack, schemas }: NodePreviewPanelProp
 
     probe()
     return () => controller.abort()
-  }, [node.ref_id, refreshBalance, nodeIsBlocked, probeNonce])
+  }, [currentNode.ref_id, refreshBalance, nodeIsBlocked, probeNonce])
 
   const fp = fullNode?.properties
 
@@ -990,7 +992,7 @@ export function NodePreviewPanel({ node, onBack, schemas }: NodePreviewPanelProp
       </div>
 
       <ScrollArea className="flex-1 min-h-0">
-        <div className="px-4 py-4 space-y-4">
+        <div ref={scrollContentRef} className="px-4 py-4 space-y-4">
           {/* Thumbnail — only rendered when a real image exists */}
           {showThumbnail && (
             <img