---
id: TASK-71
title: 'Gradual zoom, toolbar reorganization, pinch-to-zoom'
status: Done
assignee: []
created_date: '2026-02-28 00:53'
labels:
  - canvas
  - UX
  - mobile
dependencies: []
priority: medium
---

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
Three improvements to canvas UX:
1. **Gradual zoom** — button zoom 1.25x→1.1x, wheel zoom 0.9/1.1→0.95/1.05, cursor-centered wheel zoom
2. **Toolbar rename** — "📝 Create" → "📝 Note", removed quick-add "+" button
3. **Redistribute rApps** — removed standalone "📱 rApps" dropdown, moved 16 embed buttons into thematic groups (Note, Media, Embed, Decide, Creative)
4. **Pinch-to-zoom** — added two-finger pinch gesture with center-point zoom, alongside existing two-finger pan
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [ ] #1 Zoom buttons use 1.1x multiplier (10% steps)
- [ ] #2 Ctrl+wheel zoom uses 0.95/1.05 (5% steps)
- [ ] #3 Wheel and pinch zoom center on cursor/pinch midpoint
- [ ] #4 Toolbar shows '📝 Note' not '📝 Create'
- [ ] #5 No '📱 rApps' standalone dropdown exists
- [ ] #6 All 16 rApp embed buttons distributed into thematic groups
- [ ] #7 No quick-add '+' button in toolbar
- [ ] #8 Pinch-to-zoom works on touch devices alongside two-finger pan
- [ ] #9 All embed buttons still create folk-rapp shapes when clicked
<!-- AC:END -->

## Final Summary

<!-- SECTION:FINAL_SUMMARY:BEGIN -->
Modified `website/canvas.html` (58 insertions, 62 deletions). Zoom made more gradual across all input methods. Toolbar reorganized — rApp embeds distributed into thematic groups. Added pinch-to-zoom with center-point tracking. Cleaned up quick-add button and mobile menu rApps auto-open logic.
<!-- SECTION:FINAL_SUMMARY:END -->
