fix: improve pull-to-refresh behavior and fix code review issues

- Add error handling to prevent UI from getting stuck on refresh failure
- Fix dependency array issue by using ref to avoid unnecessary re-renders
- Implement platform-specific refresh behavior:
- Desktop/Web: scroll up when at top to refresh
- Mobile: touch-based pull-to-refresh (unchanged)
- Uses getPlatformInfo() to detect platform for appropriate behavior
Co-authored-by: Anthony <AnthonyRonning@users.noreply.github.com>

Author: github-actions[bot]

frontend/src/components/ChatHistoryList.tsx

@@ -9,6 +9,7 @@ import {
 CheckSquare,
 RefreshCw
 }from"lucide-react";
+import{getPlatformInfo}from"@/utils/platform";
 import{
 DropdownMenu,
 DropdownMenuContent,
@@ -87,6 +88,7 @@ export function ChatHistoryList({
 const[pullDistance,setPullDistance]=useState(0);
 constpullStartY=useRef(0);
 constisPulling=useRef(false);
+constpullDistanceRef=useRef(0);
 
 // Fetch initial conversations from API using the OpenSecret SDK
 const{ isPending, error }=useQuery({
@@ -182,19 +184,27 @@ export function ChatHistoryList({
 // Pull-to-refresh handler
 consthandleRefresh=useCallback(async()=>{
 setIsPullRefreshing(true);
-awaitpollForUpdates();
-// Add a small delay to show the refresh indicator
-setTimeout(()=>{
-setIsPullRefreshing(false);
-setPullDistance(0);
-},300);
+try{
+awaitpollForUpdates();
+}catch(error){
+console.error("Refresh failed:",error);
+}finally{
+// Add a small delay to show the refresh indicator
+setTimeout(()=>{
+setIsPullRefreshing(false);
+setPullDistance(0);
+},300);
+}
 },[pollForUpdates]);
 
 // Pull-to-refresh event handlers
 useEffect(()=>{
 constcontainer=containerRef?.current;
 if(!container)return;
 
+constplatformInfo=getPlatformInfo();
+constisDesktopPlatform=platformInfo.isDesktop||platformInfo.isWeb;
+
 consthandleTouchStart=(e: TouchEvent)=>{
 // Only start pull if we're at the top of the scroll
 if(container.scrollTop===0&&!isPullRefreshing){
@@ -216,6 +226,7 @@ export function ChatHistoryList({
 // Apply resistance: diminishing returns as you pull further
 constresistanceFactor=0.4;
 constadjustedDistance=Math.min(distance*resistanceFactor,80);
+pullDistanceRef.current=adjustedDistance;
 setPullDistance(adjustedDistance);
 }
 };
@@ -226,7 +237,7 @@ export function ChatHistoryList({
 isPulling.current=false;
 
 // Trigger refresh if pulled far enough (threshold: 60px)
-if(pullDistance>60){
+if(pullDistanceRef.current>60){
 handleRefresh();
 }else{
 // Reset if not pulled far enough
@@ -235,6 +246,9 @@ export function ChatHistoryList({
 };
 
 consthandleMouseDown=(e: MouseEvent)=>{
+// Only for mobile platforms - desktop uses wheel event
+if(isDesktopPlatform)return;
+
 // Only start pull if we're at the top of the scroll
 if(container.scrollTop===0&&!isPullRefreshing){
 pullStartY.current=e.clientY;
@@ -243,7 +257,7 @@ export function ChatHistoryList({
 };
 
 consthandleMouseMove=(e: MouseEvent)=>{
-if(!isPulling.current||isPullRefreshing)return;
+if(!isPulling.current||isPullRefreshing||isDesktopPlatform)return;
 
 constcurrentY=e.clientY;
 constdistance=currentY-pullStartY.current;
@@ -253,41 +267,63 @@ export function ChatHistoryList({
 // Apply resistance: diminishing returns as you pull further
 constresistanceFactor=0.4;
 constadjustedDistance=Math.min(distance*resistanceFactor,80);
+pullDistanceRef.current=adjustedDistance;
 setPullDistance(adjustedDistance);
 }
 };
 
 consthandleMouseUp=()=>{
-if(!isPulling.current)return;
+if(!isPulling.current||isDesktopPlatform)return;
 
 isPulling.current=false;
 
 // Trigger refresh if pulled far enough (threshold: 60px)
-if(pullDistance>60){
+if(pullDistanceRef.current>60){
 handleRefresh();
 }else{
 // Reset if not pulled far enough
 setPullDistance(0);
 }
 };
 
-// Add event listeners for touch (mobile) and mouse (desktop)
+// Desktop: detect scroll up when already at top (overscroll)
+consthandleWheel=(e: WheelEvent)=>{
+if(!isDesktopPlatform||isPullRefreshing)return;
+
+// Check if we're at the top and trying to scroll up
+if(container.scrollTop===0&&e.deltaY<0){
+// Prevent default to avoid browser overscroll bounce
+e.preventDefault();
+// Trigger refresh on upward scroll attempt
+handleRefresh();
+}
+};
+
+// Add event listeners based on platform
 container.addEventListener("touchstart",handleTouchStart,{passive: true});
 container.addEventListener("touchmove",handleTouchMove,{passive: false});
 container.addEventListener("touchend",handleTouchEnd);
-container.addEventListener("mousedown",handleMouseDown);
-window.addEventListener("mousemove",handleMouseMove);
-window.addEventListener("mouseup",handleMouseUp);
+
+if(isDesktopPlatform){
+// Desktop: use wheel event for scroll-to-refresh
+container.addEventListener("wheel",handleWheel,{passive: false});
+}else{
+// Mobile: use mouse events for pull-to-refresh
+container.addEventListener("mousedown",handleMouseDown);
+window.addEventListener("mousemove",handleMouseMove);
+window.addEventListener("mouseup",handleMouseUp);
+}
 
 return()=>{
 container.removeEventListener("touchstart",handleTouchStart);
 container.removeEventListener("touchmove",handleTouchMove);
 container.removeEventListener("touchend",handleTouchEnd);
+container.removeEventListener("wheel",handleWheel);
 container.removeEventListener("mousedown",handleMouseDown);
 window.removeEventListener("mousemove",handleMouseMove);
 window.removeEventListener("mouseup",handleMouseUp);
 };
-},[containerRef,isPullRefreshing,pullDistance,handleRefresh]);
+},[containerRef,isPullRefreshing,handleRefresh]);
 
 // Set up polling every 60 seconds
 useEffect(()=>{