From c7d3b332eaeb422a1269ba9e56f53fe9cee2aba4 Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Tue, 27 Jan 2026 10:08:18 +1300
Subject: [PATCH] fix(32-01): enable touch gesture scrolling in chat panel

- Add nowheel class to prevent React Flow from intercepting scroll
- Add touchAction: pan-y for proper touch gesture support
- Add onWheelCapture to stop event propagation to canvas
---
 src/components/ChatPanel.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ChatPanel.tsx b/src/components/ChatPanel.tsx
index b07019a8..8b34d007 100644
--- a/src/components/ChatPanel.tsx
+++ b/src/components/ChatPanel.tsx
@@ -42,8 +42,12 @@ export function ChatPanel({ isOpen, onClose }: ChatPanelProps) {
         </button>
       </div>
 
-      {/* Messages area */}
-      <div className="flex-1 overflow-y-auto p-4 space-y-4 min-h-0">
+      {/* Messages area - nowheel class prevents React Flow from intercepting scroll */}
+      <div
+        className="nowheel flex-1 overflow-y-auto p-4 space-y-4 min-h-0"
+        style={{ touchAction: 'pan-y' }}
+        onWheelCapture={(e) => e.stopPropagation()}
+      >
         {messages.length === 0 && (
           <div className="text-center text-neutral-500 text-sm py-8">
             <p>Ask me anything about creating workflows!</p>