feat: add draggable mobile task composer

frontend/src/lib/mvp-utils.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { calendarModeLabel, countdownDayText, countdownKindLabel, dateKey, defaultView, habitWeek, isHabitComplete, isHabitScheduledToday, isTaskView, nextHabitSwipeValue, numericHabitInputValue, previousHabitSwipeValue, quickTaskFields, shouldToggleRowSwipe } from './mvp-utils'
+import { calendarModeLabel, clampFabPosition, countdownDayText, countdownKindLabel, dateKey, defaultView, habitWeek, isFabDrag, isHabitComplete, isHabitScheduledToday, isTaskView, nextHabitSwipeValue, numericHabitInputValue, previousHabitSwipeValue, quickTaskFields, shouldToggleRowSwipe } from './mvp-utils'
 
 describe('MVP view utilities', () => {
   it('formats a local date as YYYY-MM-DD', () => {
@@ -81,4 +81,16 @@ describe('MVP view utilities', () => {
     expect(shouldToggleRowSwipe(30, 2)).toBe(false)
     expect(shouldToggleRowSwipe(80, 60)).toBe(false)
   })
+
+  it('keeps the draggable mobile add button inside the viewport', () => {
+    expect(clampFabPosition(-10, -20, 390, 844)).toEqual({ x: 14, y: 14 })
+    expect(clampFabPosition(500, 900, 390, 844)).toEqual({ x: 324, y: 718 })
+    expect(clampFabPosition(120, 300, 390, 844)).toEqual({ x: 120, y: 300 })
+  })
+
+  it('distinguishes tapping the add button from dragging it', () => {
+    expect(isFabDrag(3, 4)).toBe(false)
+    expect(isFabDrag(8, 0)).toBe(true)
+    expect(isFabDrag(6, 7)).toBe(true)
+  })
 })