chore(deps): land bot dependency bumps in one consolidated lockfile

apps/desktop/package.json

@@ -273,7 +273,7 @@
     "pako": "^2.1.0",
     "pdfjs-dist": "5.4.296",
     "postcss": "^8.5.15",
-    "prettier": "^3.8.3",
+    "prettier": "^3.9.6",
     "qrcode.react": "^4.2.0",
     "react": "^19.2.8",
     "react-complex-tree": "^2.6.1",

apps/landing/package.json

@@ -23,10 +23,10 @@
     "@vercel/speed-insights": "^2.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "framer-motion": "^12.24.7",
     "lenis": "^1.3.23",
     "libsodium-wrappers-sumo": "^0.8.2",
     "lucide-react": "^0.562.0",
+    "motion": "^12.24.7",
     "ogl": "^1.0.11",
     "posthog-js": "^1.405.3",
     "react": "^19.2.8",

apps/landing/src/App.tsx

@@ -1,6 +1,6 @@
 import { BrowserRouter, Routes, Route, Navigate, useLocation } from 'react-router'
 import { useEffect } from 'react'
-import { MotionConfig } from 'framer-motion'
+import { MotionConfig } from 'motion/react'
 import { HelmetProvider } from 'react-helmet-async'
 import { Header } from '@/components/layout/Header'
 import { Footer } from '@/components/layout/Footer'

apps/landing/src/components/demo/ChapterRail.tsx

@@ -4,7 +4,7 @@ import {
   useReducedMotion,
   useTransform,
   type MotionValue
-} from 'framer-motion'
+} from 'motion/react'
 import type { MouseEvent } from 'react'
 import { CLIPS } from './types'
 import { FLOW_STEPS } from '@/lib/constants'

apps/landing/src/components/demo/DemoPlayer.tsx

@@ -1,5 +1,5 @@
 import { useState, useCallback } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
+import { motion, AnimatePresence } from 'motion/react'
 import { MockupFrame } from '@/components/shared/MockupFrame'
 import { ChapterRail, CHAPTERS } from '@/components/demo/ChapterRail'
 import { DemoScene } from '@/components/demo/DemoScene'

apps/landing/src/components/demo/DemoScene.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Play } from 'lucide-react'
 import type { MouseEvent } from 'react'
 import { CLIPS, type SeekRequest } from './types'

apps/landing/src/components/demo/hooks/useShowcaseTimer.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react'
-import { useMotionValue } from 'framer-motion'
+import { useMotionValue } from 'motion/react'
 import { CLIPS, type TabId } from '../types'
 
 type ProgressMilestone = 25 | 50 | 75

apps/landing/src/components/layout/Header.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react'
 import { Link, useNavigate, useLocation } from 'react-router'
 import { Menu, X, ChevronDown, type LucideIcon } from 'lucide-react'
-import { motion, AnimatePresence } from 'framer-motion'
+import { motion, AnimatePresence } from 'motion/react'
 import { Button } from '@/components/ui/button'
 import { Mascot } from '@/components/ui/mascot'
 import { Container } from './Container'

apps/landing/src/components/sections/FAQ.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Container } from '@/components/layout/Container'
 import {
   Accordion,

apps/landing/src/components/sections/Features.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
+import { motion, AnimatePresence } from 'motion/react'
 import { ChevronLeft, ChevronRight } from 'lucide-react'
 import { Container } from '@/components/layout/Container'
 import { FEATURES } from '@/lib/constants'

apps/landing/src/components/sections/FinalCTA.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Container } from '@/components/layout/Container'
 import { DownloadCTA } from '@/components/shared/DownloadCTA'
 

apps/landing/src/components/sections/FlowShowcase.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Container } from '@/components/layout/Container'
 import { DemoPlayer } from '@/components/demo/DemoPlayer'
 import { BLUR_REVEAL_ANIMATE, BLUR_REVEAL_INITIAL, BLUR_REVEAL_TRANSITION } from '@/lib/motion'

apps/landing/src/components/sections/FounderStory.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Link } from 'react-router'
 import { Container } from '@/components/layout/Container'
 import { GITHUB_URL, TWITTER_DEV_URL } from '@/lib/constants'

apps/landing/src/components/sections/Hero.tsx

@@ -1,4 +1,4 @@
-import { motion, useReducedMotion } from 'framer-motion'
+import { motion, useReducedMotion } from 'motion/react'
 import { Container } from '@/components/layout/Container'
 import { DownloadCTA } from '@/components/shared/DownloadCTA'
 

apps/landing/src/components/sections/SecurityShowcase.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
-import { motion, useInView, useReducedMotion } from 'framer-motion'
+import { motion, useInView, useReducedMotion } from 'motion/react'
 import { Link } from 'react-router'
 import { Container } from '@/components/layout/Container'
 

apps/landing/src/components/shared/LegalLayout.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Container } from '@/components/layout/Container'
 import { BLUR_REVEAL_ANIMATE, BLUR_REVEAL_INITIAL, BLUR_REVEAL_TRANSITION } from '@/lib/motion'
 

apps/landing/src/components/shared/MockupFrame.tsx

@@ -1,5 +1,5 @@
 import { type ReactNode, useState, useCallback, useEffect } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
+import { motion, AnimatePresence } from 'motion/react'
 import { X } from 'lucide-react'
 import { cn } from '@/lib/utils'
 

apps/landing/src/components/site/CommunityLoop.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Link } from 'react-router'
 import { Mascot } from '@/components/ui/mascot'
 import { HomeSection, SectionTitle } from '@/components/site/primitives'

apps/landing/src/components/site/ConnectedShowcase.tsx

@@ -1,4 +1,4 @@
-import { motion, useReducedMotion } from 'framer-motion'
+import { motion, useReducedMotion } from 'motion/react'
 import { Link } from 'react-router'
 import { ArrowUpRight } from 'lucide-react'
 import { ClipperStack } from '@/components/site/ClipperStack'

apps/landing/src/components/site/EverythingRow.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Mascot } from '@/components/ui/mascot'
 import { FeatureChip, HomeSection, SectionTitle } from '@/components/site/primitives'
 

apps/landing/src/components/site/Faq.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Container } from '@/components/layout/Container'
 import {
   Accordion,

apps/landing/src/components/site/FinalCta.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import { motion, useReducedMotion } from 'framer-motion'
+import { motion, useReducedMotion } from 'motion/react'
 import { Link } from 'react-router'
 import { ArrowRight } from 'lucide-react'
 import { Button } from '@/components/ui/button'

apps/landing/src/components/site/Hero2.tsx

@@ -1,5 +1,5 @@
 import { useRef, useState } from 'react'
-import { motion, useReducedMotion, useScroll, useTransform } from 'framer-motion'
+import { motion, useReducedMotion, useScroll, useTransform } from 'motion/react'
 import { ArrowRight, Play } from 'lucide-react'
 import { Link } from 'react-router'
 import heroBg from '@/assets/hero-bg.png'
@@ -182,7 +182,7 @@ export function Hero2() {
             Two halves of one sheet, each pinned to its own edge so the lined sheets hug the
             left and the yellow legal pad hugs the right. Nudged below the panel edge (negative
             bottom, clipped by overflow-hidden) so only the tops peek, behind the app window
-            (z-5 < z-10). framer-motion owns `transform`, so the push-down uses `bottom`. */}
+            (z-5 < z-10). motion owns `transform`, so the push-down uses `bottom`. */}
         <motion.img
           src={paperLeft}
           alt=""

apps/landing/src/components/site/HeroDemoDialog.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react'
 import { createPortal } from 'react-dom'
-import { AnimatePresence, motion } from 'framer-motion'
+import { AnimatePresence, motion } from 'motion/react'
 import { X } from 'lucide-react'
 import { DemoPlayer } from '@/components/demo/DemoPlayer'
 

apps/landing/src/components/site/PageHero.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { cn } from '@/lib/utils'
 import { HERO_TINT_CLASSES, type HeroTint } from '@/lib/site-tints'
 

apps/landing/src/components/site/PricingTeaser.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Link } from 'react-router'
 import { ArrowRight, Check } from 'lucide-react'
 import { HomeSection, SectionTitle } from '@/components/site/primitives'

apps/landing/src/components/site/PrivacyShowcase.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
-import { motion, useInView, useReducedMotion } from 'framer-motion'
+import { motion, useInView, useReducedMotion } from 'motion/react'
 import { Link } from 'react-router'
 import { Container } from '@/components/layout/Container'
 

apps/landing/src/components/site/StructureShowcase.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { HomeSection, SectionTitle } from '@/components/site/primitives'
 import { Mascot } from '@/components/ui/mascot'
 import { cn } from '@/lib/utils'

apps/landing/src/components/site/UseCasesGallery.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Link } from 'react-router'
 import { Mascot } from '@/components/ui/mascot'
 import { cn } from '@/lib/utils'

apps/landing/src/components/site/primitives.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Link } from 'react-router'
 import { cn } from '@/lib/utils'
 import { TINT_CLASSES, type MegaCardTint } from '@/lib/site-tints'

apps/landing/src/components/site/widgets/AgentChatWidget.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react'
 import type { FormEvent, KeyboardEvent, PointerEvent as ReactPointerEvent } from 'react'
-import { motion, useReducedMotion } from 'framer-motion'
+import { motion, useReducedMotion } from 'motion/react'
 import { ChevronDown, FileText, Globe, Send, Shield, Sparkles, Square } from 'lucide-react'
 import { cn } from '@/lib/utils'
 

apps/landing/src/components/site/widgets/CliWidget.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react'
 import type { FormEvent, PointerEvent as ReactPointerEvent } from 'react'
-import { useReducedMotion } from 'framer-motion'
+import { useReducedMotion } from 'motion/react'
 import { cn } from '@/lib/utils'
 
 /*

apps/landing/src/components/site/widgets/NoteEditorWidget.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
-import { AnimatePresence, motion } from 'framer-motion'
+import { AnimatePresence, motion } from 'motion/react'
 import {
   AlarmClock,
   Bookmark,

apps/landing/src/pages/AIAgent.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import {
   ArrowRight,
   ArrowUpRight,

apps/landing/src/pages/AlternativePage.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Check, Minus, Plus, X } from 'lucide-react'
 import { Container } from '@/components/layout/Container'
 import { PageHead } from '@/components/shared/PageHead'

apps/landing/src/pages/Calendar.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import {
   ArrowRight,
   ArrowUpRight,

apps/landing/src/pages/Cli.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Link } from 'react-router'
 import { Terminal, Download, ArrowRight, Zap, Braces, Lock, type LucideIcon } from 'lucide-react'
 import { PageHead } from '@/components/shared/PageHead'

apps/landing/src/pages/ComparePage.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { ArrowRight } from 'lucide-react'
 import { Container } from '@/components/layout/Container'
 import { PageHead } from '@/components/shared/PageHead'

apps/landing/src/pages/DownloadDesktop.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import {
   ArrowRight,
   CheckCircle2,

apps/landing/src/pages/Features.tsx

@@ -46,7 +46,7 @@ import {
   ChevronRight,
   PanelLeft
 } from 'lucide-react'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Container } from '@/components/layout/Container'
 import { PageHead } from '@/components/shared/PageHead'
 import { FinalCta } from '@/components/site/FinalCta'

apps/landing/src/pages/Inbox.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import {
   Archive,
   ArrowRight,

apps/landing/src/pages/Journal.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import {
   ArrowRight,
   ArrowUpRight,

apps/landing/src/pages/Login.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { AnimatePresence, motion, useReducedMotion } from 'framer-motion'
+import { AnimatePresence, motion, useReducedMotion } from 'motion/react'
 import { Link, Navigate, useNavigate, useSearchParams } from 'react-router'
 import { Helmet } from 'react-helmet-async'
 import { Button } from '@/components/ui/button'

apps/landing/src/pages/NotFound.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Home } from 'lucide-react'
 import { Container } from '@/components/layout/Container'
 import { Button } from '@/components/ui/button'

apps/landing/src/pages/Notes.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import {
   ArrowRight,
   ArrowUpRight,

apps/landing/src/pages/Pricing.tsx

@@ -1,6 +1,6 @@
 import { Fragment, useState } from 'react'
 import { Link, useNavigate } from 'react-router'
-import { motion, useReducedMotion } from 'framer-motion'
+import { motion, useReducedMotion } from 'motion/react'
 import { Check, ShieldCheck, ExternalLink } from 'lucide-react'
 import { Container } from '@/components/layout/Container'
 import { PageHead } from '@/components/shared/PageHead'

apps/landing/src/pages/Roadmap.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { ArrowRight } from 'lucide-react'
 import { Container } from '@/components/layout/Container'
 import { PageHead } from '@/components/shared/PageHead'

apps/landing/src/pages/Security.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { PageHead } from '@/components/shared/PageHead'
 import {
   HardDrive,

apps/landing/src/pages/Tasks.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import {
   ArrowRight,
   ArrowUpDown,

apps/landing/src/pages/UseCases.tsx

@@ -1,4 +1,4 @@
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { ArrowRight } from 'lucide-react'
 import { Container } from '@/components/layout/Container'
 import { PageHead } from '@/components/shared/PageHead'

apps/landing/src/pages/WebClipper.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import {
   ArrowRight,
   ArrowUpRight,

apps/landing/vite.config.ts

@@ -95,7 +95,7 @@ export default defineConfig(({ mode }) => {
           // prerendered DOM, so React.lazy would flash a fallback on direct loads).
           manualChunks: {
             'react-vendor': ['react', 'react-dom', 'react-router'],
-            motion: ['framer-motion', 'lenis'],
+            motion: ['motion/react', 'lenis'],
             paddle: ['@paddle/paddle-js'],
             // Must stay the module.full.no-external subpath: the bare specifier
             // resolves to the lean bundle that lazy-loads rrweb as an external

package.json

@@ -72,7 +72,7 @@
   "devDependencies": {
     "husky": "^9.1.7",
     "lint-staged": "^17.0.7",
-    "prettier": "^3.8.3",
+    "prettier": "^3.9.6",
     "react-doctor": "^0.9.0",
     "turbo": "^2.9.16",
     "typescript": "^5.9.3"