fixing dragging issues

app/components/Window.tsx

@@ -44,11 +44,13 @@ const Window: React.FC<WindowProps> = ({
 }) => {
   const [isMaximized, setIsMaximized] = React.useState(false);
   const [previousSize, setPreviousSize] = React.useState({ width, height, x, y: Math.max(y, 32) });
-  const [currentPosition, setCurrentPosition] = React.useState({ x, y: Math.max(y, 32) });
-  const [currentSize, setCurrentSize] = React.useState({ width, height });
   const [isMobile, setIsMobile] = React.useState(false);
   const [isDraggingOrResizing, setIsDraggingOrResizing] = React.useState(false);
 
+  // Use refs to track current position/size without causing re-renders
+  const currentPositionRef = React.useRef({ x, y: Math.max(y, 32) });
+  const currentSizeRef = React.useRef({ width, height });
+
   // Detect mobile device
   useEffect(() => {
     const checkMobile = () => {
@@ -90,10 +92,10 @@ const Window: React.FC<WindowProps> = ({
   const handleMaximize = () => {
     if (!isMaximized) {
       setPreviousSize({
-        width: currentSize.width,
-        height: currentSize.height,
-        x: currentPosition.x,
-        y: currentPosition.y
+        width: currentSizeRef.current.width,
+        height: currentSizeRef.current.height,
+        x: currentPositionRef.current.x,
+        y: currentPositionRef.current.y
       });
       setIsMaximized(true);
     } else {
@@ -118,8 +120,13 @@ const Window: React.FC<WindowProps> = ({
     disableDragging: true,
     enableResizing: false
   } : {
-    position: currentPosition,
-    size: currentSize,
+    // Use default for uncontrolled mode - only sets initial position
+    default: {
+      x: currentPositionRef.current.x,
+      y: currentPositionRef.current.y,
+      width: currentSizeRef.current.width,
+      height: currentSizeRef.current.height
+    },
     disableDragging: false,
     enableResizing: resizable
   };
@@ -138,17 +145,21 @@ const Window: React.FC<WindowProps> = ({
         bringToFront();
       }}
       onDrag={(e, d) => {
-        // Prevent dragging above TopBar during drag
+        // Constrain dragging to not go above TopBar
         if (d.y < 32) {
+          // Update position ref to boundary
+          currentPositionRef.current = { x: d.x, y: 32 };
           return false;
         }
+        // Update position ref during drag
+        currentPositionRef.current = { x: d.x, y: d.y };
       }}
       onDragStop={(e, d) => {
         setIsDraggingOrResizing(false);
         if (!isMaximized) {
-          // Ensure window doesn't go above TopBar
-          const newY = Math.max(d.y, 32);
-          setCurrentPosition({ x: d.x, y: newY });
+          // Ensure window doesn't go above TopBar and update position ref
+          const constrainedY = Math.max(d.y, 32);
+          currentPositionRef.current = { x: d.x, y: constrainedY };
         }
       }}
       onResizeStart={() => {
@@ -158,13 +169,12 @@ const Window: React.FC<WindowProps> = ({
       onResizeStop={(e, direction, ref, delta, position) => {
         setIsDraggingOrResizing(false);
         if (!isMaximized) {
-          setCurrentSize({
+          // Update size and position refs
+          currentSizeRef.current = {
             width: ref.offsetWidth,
             height: ref.offsetHeight,
-          });
-          // Ensure window doesn't go above TopBar after resize
-          const newY = Math.max(position.y, 32);
-          setCurrentPosition({ ...position, y: newY });
+          };
+          currentPositionRef.current = position;
         }
       }}
       className="absolute"