feat(user feedback): Adds draw tool for UF screenshot annotations

[c298lee]

• Updates some cropping variable names to make it more clear that it's only meant for cropping
• The pen tool button is improved in feat(user feedback): Create pen tool button for uf annotations #15102, which needs to be merged first
• The drawing tool button needs to be "on" to annotate, but cropping can happen at any time
• Once the button is "on", drawing happens on mouse down and mouse move, and on mouse up, the drawing gets "squashed" onto the image. The "squashing" can be moved to happen at a different time in a future PR if we want to incorporate undo, selection, or erasing
• The experimental flag must be on to use annotations: _experiments: {annotations: true}

Screen.Recording.2025-01-17.at.5.38.33.PM.mov

Closes#15064

[github-actions]

size-limit report 📦

Path	Size	% Change	Change
@sentry/browser	22.99 KB	-	-
@sentry/browser - with treeshaking flags	22.88 KB	-	-
@sentry/browser (incl. Tracing)	35.71 KB	-	-
@sentry/browser (incl. Tracing, Replay)	72.51 KB	-	-
@sentry/browser (incl. Tracing, Replay) - with treeshaking flags	66.06 KB	-	-
@sentry/browser (incl. Tracing, Replay with Canvas)	76.77 KB	-	-
@sentry/browser (incl. Tracing, Replay, Feedback)	89.24 KB	+0.55%	+493 B 🔺
@sentry/browser (incl. Feedback)	39.68 KB	+1.23%	+493 B 🔺
@sentry/browser (incl. sendFeedback)	27.63 KB	-	-
@sentry/browser (incl. FeedbackAsync)	32.4 KB	+0.06%	+17 B 🔺
@sentry/react	25.66 KB	-	-
@sentry/react (incl. Tracing)	38.49 KB	-	-
@sentry/vue	27.06 KB	-	-
@sentry/vue (incl. Tracing)	37.45 KB	-	-
@sentry/svelte	23.11 KB	-	-
CDN Bundle	24.38 KB	-	-
CDN Bundle (incl. Tracing)	36.02 KB	-	-
CDN Bundle (incl. Tracing, Replay)	70.66 KB	-	-
CDN Bundle (incl. Tracing, Replay, Feedback)	75.82 KB	+0.02%	+12 B 🔺
CDN Bundle - uncompressed	71.2 KB	-	-
CDN Bundle (incl. Tracing) - uncompressed	106.89 KB	-	-
CDN Bundle (incl. Tracing, Replay) - uncompressed	217.74 KB	-	-
CDN Bundle (incl. Tracing, Replay, Feedback) - uncompressed	230.3 KB	+0.02%	+33 B 🔺
@sentry/nextjs (client)	38.6 KB	-	-
@sentry/sveltekit (client)	36.23 KB	-	-
@sentry/node	156.24 KB	-	-
@sentry/node - without tracing	97.38 KB	-0.01%	-2 B 🔽
@sentry/aws-serverless	106.8 KB	-	-

View base workflow run

[billyvg]

Have you tested different combinations of mouse events inside and outside of the canvas?

This generally LGTM -- I would say it needs the feature flag + an icon before merging.

[c298lee]

Have you tested different combinations of mouse events inside and outside of the canvas?

Yes! When the pen tool is on, it only starts drawing when you press down in the canvas, you can't draw if you press down outside of the canvas and drag your mouse into the canvas. The drawing state persists as long as your mouse is still down, even if you go outside of the canvas, but the lines are only visible on the canvas.