Sprint 5A: Mobile UX + Android build + Animations

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/workflows/release.yml

@@ -88,20 +88,99 @@ jobs:
         with:
           tagName: ${{ github.ref_name }}
           releaseName: '${{ github.ref_name }}'
-          releaseBody: 'See the assets below to download the installer for your platform.'
+          releaseBody: |
+            See the assets below to download the installer for your platform.
+
+            **Android:** The APK is built for arm64 (aarch64) devices, which covers all Android phones and tablets released since ~2017 (Galaxy S8+, Pixel 2+, etc.). Older 32-bit devices are not supported.
           releaseDraft: false
           prerelease: false
           args: ${{ matrix.args }}
 
+  build-android:
+    permissions:
+      contents: write
+    runs-on: ubuntu-latest
+    name: Build (android-apk)
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Java
+        uses: actions/setup-java@v4
+        with:
+          distribution: 'temurin'
+          java-version: '17'
+
+      - name: Setup Android SDK
+        uses: android-actions/setup-android@v3
+
+      - name: Install Android NDK
+        run: sdkmanager "ndk;29.0.14206865"
+
+      - name: Install Rust stable with Android target
+        uses: dtolnay/rust-toolchain@stable
+        with:
+          targets: aarch64-linux-android
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+
+      - name: Cache Rust dependencies
+        uses: Swatinem/rust-cache@v2
+        with:
+          workspaces: './src-tauri -> target'
+          shared-key: android
+
+      - name: Install Node.js dependencies
+        run: npm ci
+
+      - name: Install Tauri CLI
+        run: npm install --save-dev @tauri-apps/cli
+
+      - name: Build Android APK (arm64 only)
+        run: npx tauri android build --apk --target aarch64
+        env:
+          NDK_HOME: ${{ env.ANDROID_HOME }}/ndk/29.0.14206865
+
+      - name: Sign APK
+        run: |
+          APK_PATH="src-tauri/gen/android/app/build/outputs/apk/universal/release/app-universal-release-unsigned.apk"
+          ALIGNED_PATH="src-tauri/gen/android/app/build/outputs/apk/universal/release/daylo-android.apk"
+
+          # Generate a signing key
+          keytool -genkey -v -keystore release.jks -keyalg RSA -keysize 2048 \
+            -validity 10000 -alias release -storepass android -keypass android \
+            -dname "CN=Daylo,O=DLSLabs,C=US"
+
+          # Align
+          ${ANDROID_HOME}/build-tools/$(ls ${ANDROID_HOME}/build-tools/ | tail -1)/zipalign -f 4 \
+            "$APK_PATH" "$ALIGNED_PATH"
+
+          # Sign
+          ${ANDROID_HOME}/build-tools/$(ls ${ANDROID_HOME}/build-tools/ | tail -1)/apksigner sign \
+            --ks release.jks --ks-pass pass:android --ks-key-alias release \
+            "$ALIGNED_PATH"
+
+      - name: Upload APK to release
+        uses: softprops/action-gh-release@v2
+        with:
+          files: src-tauri/gen/android/app/build/outputs/apk/universal/release/daylo-android.apk
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
   # Create a summary job that runs after all builds complete
   release-summary:
-    needs: build
+    needs: [build, build-android]
     runs-on: ubuntu-latest
     if: always()
     steps:
       - name: Check build results
         run: |
-          if [ "${{ needs.build.result }}" == "success" ]; then
+          if [ "${{ needs.build.result }}" == "success" ] && [ "${{ needs.build-android.result }}" == "success" ]; then
             echo "All builds completed successfully!"
             echo "Release artifacts have been uploaded to: ${{ github.server_url }}/${{ github.repository }}/releases/tag/${{ github.ref_name }}"
           else

.prettierrc

@@ -3,5 +3,6 @@
   "singleQuote": true,
   "tabWidth": 2,
   "trailingComma": "es5",
-  "printWidth": 100
+  "printWidth": 100,
+  "endOfLine": "lf"
 }

docs/plans/2026-02-26-s5-05-animations-bottomsheet-design.md

@@ -0,0 +1,76 @@
+# S5-05: Animations & BottomSheet Refinement — Design
+
+## Problem
+
+1. **BottomSheet backdrop bug:** Tapping the dimmed area doesn't close the sheet (inner div intercepts clicks)
+2. **No exit animations:** All modals/toasts/dropdowns vanish instantly on close
+3. **BottomSheet too basic:** No swipe-to-dismiss, no snap points, no slide animation
+4. **View switching is jarring:** Year/Month swap is instantaneous
+
+## Solution
+
+### 1. `useAnimatedPresence` hook
+
+Reusable hook for delayed unmount pattern:
+
+```ts
+function useAnimatedPresence(isOpen: boolean, duration: number): {
+  shouldRender: boolean  // Keep in DOM during exit animation
+  isAnimating: boolean   // true = entering, false = exiting
+}
+```
+
+Components stay mounted during exit animation, then unmount after `duration` ms.
+
+### 2. BottomSheet — Native-feel gestures
+
+- **Snap points:** 75vh (default), 50vh (half), 0 (closed)
+- **Swipe-to-dismiss:** Drag down past 30% threshold closes sheet
+- **Slide-up animation:** `transform: translateY()` with `cubic-bezier(0.32, 0.72, 0, 1)` 300ms
+- **Backdrop fix:** Move `onClick={onClose}` to backdrop div directly
+- **Backdrop interpolation:** Opacity syncs with sheet position during drag
+- **Touch handling:** `onPointerDown/Move/Up` for cross-device support
+
+### 3. Exit animations for all overlay components
+
+| Component | Enter | Exit |
+|-----------|-------|------|
+| Modal | fade-in + zoom-in-95 200ms | fade-out + zoom-out-95 150ms |
+| ConfirmDialog | fade-in + zoom-in-95 200ms | fade-out + zoom-out-95 150ms |
+| QuickLog | slide-up 300ms | slide-down 250ms |
+| Toast | slide-in-from-right 300ms | slide-out-to-right 200ms |
+| DropdownMenu | fade-in + slide-from-top 150ms | fade-out + slide-to-top 100ms |
+| BottomSheet | slide-up 300ms | slide-down 200ms |
+
+### 4. View transition (Year/Month)
+
+Fade crossfade 200ms using CSS transition on opacity with `useAnimatedPresence`.
+
+### 5. Unified timing
+
+- **Enter:** `cubic-bezier(0.32, 0.72, 0, 1)` 300ms
+- **Exit:** `cubic-bezier(0.32, 0.72, 0, 1)` 200ms
+- **Micro-interactions:** Existing hover/active unchanged
+
+## Approach
+
+- Zero new dependencies (no framer-motion)
+- Tailwind CSS transitions + `useAnimatedPresence` hook
+- Touch gestures via native pointer events
+
+## Files to create/modify
+
+| File | Action |
+|------|--------|
+| `src/hooks/useAnimatedPresence.ts` | Create — delayed unmount hook |
+| `src/hooks/useAnimatedPresence.test.ts` | Create — tests |
+| `src/hooks/index.ts` | Update — export new hook |
+| `src/components/ui/BottomSheet.tsx` | Rewrite — gestures + animations |
+| `src/components/ui/BottomSheet.test.tsx` | Update — new behavior tests |
+| `src/components/ui/Modal.tsx` | Update — exit animation |
+| `src/components/ui/Modal.test.tsx` | Update — exit animation test |
+| `src/components/activities/QuickLog.tsx` | Update — slide animation |
+| `src/components/ui/Toast.tsx` | Update — exit animation |
+| `src/components/ui/DropdownMenu.tsx` | Update — exit animation |
+| `src/components/ui/ConfirmDialog.tsx` | Update — exit animation |
+| `src/App.tsx` | Update — view transition wrapper |