Fix page zoom bug

components/canvas/selected.tsx

 })
 
 const SelectIndicator = styled('path', {
-  zStrokeWidth: 1,
+  zStrokeWidth: 2,
   strokeLineCap: 'round',
   strokeLinejoin: 'round',
   stroke: '$selected',
-  fill: 'transparent',
   pointerEvents: 'none',
-  paintOrder: 'stroke fill markers',
 
   variants: {
     isLocked: {

lib/shape-utils/arrow.tsx

           <path
             d={getArrowArcPath(start, end, circle, bend)}
             fill="none"
-            strokeWidth={+style.strokeWidth * 1.85}
+            strokeWidth={(+style.strokeWidth * 1.85).toString()}
             strokeLinecap="round"
           />
           <path d={path} strokeWidth={+style.strokeWidth * 1.5} />

lib/shape-utils/rectangle.tsx

     return (
       <g id={id}>
         <rect
+          className="hi"
           rx={radius}
           ry={radius}
           x={+styles.strokeWidth / 2}
           width={Math.max(0, size[0] + -styles.strokeWidth)}
           height={Math.max(0, size[1] + -styles.strokeWidth)}
           strokeWidth={0}
+          fill={styles.fill}
         />
         <path d={path} fill={styles.stroke} />
       </g>

state/hacks.ts

   const p1 = screenToWorld(point, data)
   camera.point = vec.add(camera.point, vec.sub(p1, p0))
 
-  data.pageStates[data.currentPageId].camera = { ...camera }
+  const pageState = data.pageStates[data.currentPageId]
+  pageState.camera = { ...camera }
+
+  data.pageStates[data.currentPageId] = { ...pageState }
 
   state.forceData(Object.freeze(data))
 }

state/inputs.tsx

   activePointerId?: number
   lastPointerUpTime = 0
   points: Record<string, PointerInfo> = {}
+  lastPointer: PointerInfo
 
   touchStart(e: TouchEvent | React.TouchEvent, target: string) {
     const { shiftKey, ctrlKey, metaKey, altKey } = e
     this.points[touch.identifier] = info
     this.activePointerId = touch.identifier
 
+    this.lastPointer = info
     return info
   }
 
       this.points[touch.identifier] = info
     }
 
+    this.lastPointer = info
     return info
   }
 
     this.points[e.pointerId] = info
     this.activePointerId = e.pointerId
 
+    this.lastPointer = info
     return info
   }
 
       altKey,
     }
 
+    this.lastPointer = info
     return info
   }
 
       this.points[e.pointerId] = info
     }
 
+    this.lastPointer = info
     return info
   }
 
       this.lastPointerUpTime = Date.now()
     }
 
+    this.lastPointer = info
     return info
   }
 
   }
 
   isDoubleClick() {
-    const { origin, point } = this.pointer
+    if (!this.lastPointer) return
+
+    const { origin, point } = this.lastPointer
+
     return (
       Date.now() - this.lastPointerUpTime < DOUBLE_CLICK_DURATION &&
       vec.dist(origin, point) < 8

state/state.ts

             },
             pointingBounds: {
               on: {
+                STOPPED_POINTING_BOUNDS: [],
                 STOPPED_POINTING: [
+                  {
+                    if: 'isPointingBounds',
+                    do: 'clearSelectedIds',
+                  },
                   {
                     if: 'isPressingShiftKey',
                     then: [