fix(KB-167): prevent task modal from opening on mobile scroll

- Implement touch gesture detection to distinguish tap from scroll gestures
- Add CSS touch-action property for proper mobile scroll handling
- Add comprehensive tests for touch gesture behavior in TaskCard
- Include changeset for patch release

packages/dashboard/app/components/__tests__/TaskCard.test.tsx

@@ -2101,6 +2101,70 @@ describe("TaskCard touch gesture handling", () => {
     expect(onOpenDetail).not.toHaveBeenCalled();
   });
 
+  it("does NOT open modal during vertical scrolling", async () => {
+    const onOpenDetail = vi.fn();
+
+    render(
+      <TaskCard
+        task={makeTask()}
+        onOpenDetail={onOpenDetail}
+        addToast={noopToast}
+      />
+    );
+
+    const card = document.querySelector('[data-id="KB-099"]');
+    expect(card).toBeDefined();
+
+    fireEvent.touchStart(card!, {
+      touches: [{ clientX: 100, clientY: 100 }],
+    });
+
+    fireEvent.touchMove(card!, {
+      touches: [{ clientX: 100, clientY: 115 }],
+    });
+
+    fireEvent.touchEnd(card!, {
+      changedTouches: [{ clientX: 100, clientY: 115 }],
+      target: card,
+    });
+
+    await new Promise((resolve) => setTimeout(resolve, 50));
+
+    expect(onOpenDetail).not.toHaveBeenCalled();
+  });
+
+  it("does NOT open modal during horizontal scrolling", async () => {
+    const onOpenDetail = vi.fn();
+
+    render(
+      <TaskCard
+        task={makeTask()}
+        onOpenDetail={onOpenDetail}
+        addToast={noopToast}
+      />
+    );
+
+    const card = document.querySelector('[data-id="KB-099"]');
+    expect(card).toBeDefined();
+
+    fireEvent.touchStart(card!, {
+      touches: [{ clientX: 100, clientY: 100 }],
+    });
+
+    fireEvent.touchMove(card!, {
+      touches: [{ clientX: 115, clientY: 100 }],
+    });
+
+    fireEvent.touchEnd(card!, {
+      changedTouches: [{ clientX: 115, clientY: 100 }],
+      target: card,
+    });
+
+    await new Promise((resolve) => setTimeout(resolve, 50));
+
+    expect(onOpenDetail).not.toHaveBeenCalled();
+  });
+
   it("does NOT open modal on long press (slow touch)", async () => {
     const onOpenDetail = vi.fn();
 

packages/dashboard/app/styles.css

@@ -489,6 +489,7 @@ body {
     transform var(--transition-fast),
     opacity var(--transition-normal);
   user-select: none;
+  touch-action: pan-y;
 }
 .card:hover {
   background: var(--card-hover);