update dependencies

Bring in-range patch and minor releases up to date via bun update, and
bump the exact-pinned packages where a safe patch/minor was available
(@ai-sdk/gateway, @clerk/clerk-react, ai, react, react-dom, @types/react).

Knock-on fixes required by the bumps:

- @base-ui/react 1.4: DrawerPreview graduated to Drawer, rename the import
- eslint-plugin-react-hooks 7.1 added immutability and effect-cascade rules:
  * useOnlineStatus moves its event handlers inside the effect so they
    aren't referenced before declaration
  * useIsMobile switches to useSyncExternalStore so it no longer calls
    setState synchronously inside useEffect
- @types/react 19.2.14 tightened ChangeEvent/InputEvent: drop the unused
  onInput→onChange shim in Textarea so the underlying handler types match

Skipped majors that need separate consideration: astro 5→6, eslint 9→10,
typescript 5→6, jsdom 27→29, knip 5→6, @types/node 22→25, @astrojs/{node,
react,vercel} majors, @vitejs/plugin-react 5→6, vercel 50→53, satori
0.19→0.26, prettier-plugin-tailwindcss 0.7→0.8, @clack/prompts 0→1,
@hugeicons/core-free-icons 3→4, @vercel/config 0.0→0.3.

Author: carlassmann

bun.lock

@@ -19,98 +19,98 @@
 		"knip:fix": "knip --fix --no-config-hints"
 	},
 	"dependencies": {
-		"@ai-sdk/gateway": "3.0.76",
-		"@base-ui/react": "^1.2.0",
+		"@ai-sdk/gateway": "3.0.110",
+		"@base-ui/react": "^1.4.1",
 		"@ccssmnn/intl": "^0.1.1",
-		"@clerk/backend": "^3.2.1",
-		"@clerk/clerk-react": "5.59.6",
+		"@clerk/backend": "^3.4.5",
+		"@clerk/clerk-react": "5.61.3",
 		"@fontsource-variable/geist": "^5.2.8",
 		"@hono/zod-validator": "^0.7.6",
 		"@hookform/resolvers": "^5.2.2",
-		"@hugeicons/core-free-icons": "^3.1.1",
-		"@hugeicons/react": "^1.1.5",
+		"@hugeicons/core-free-icons": "^3.3.0",
+		"@hugeicons/react": "^1.1.6",
 		"@tailwindcss/typography": "^0.5.19",
-		"@tanstack/react-router": "^1.157.3",
-		"@tanstack/react-virtual": "^3.13.18",
+		"@tanstack/react-router": "^1.169.2",
+		"@tanstack/react-virtual": "^3.13.24",
 		"@vercel/config": "^0.0.26",
-		"ai": "6.0.131",
-		"astro": "^5.16.15",
-		"better-result": "^2.7.0",
+		"ai": "6.0.175",
+		"astro": "^5.18.1",
+		"better-result": "^2.9.2",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
 		"date-fns": "^4.1.0",
 		"date-fns-tz": "^3.2.0",
-		"hono": "^4.11.5",
+		"hono": "^4.12.17",
 		"idb-keyval": "^6.2.2",
-		"jazz-tools": "^0.20.4",
-		"motion": "^12.29.0",
-		"nanoid": "^5.1.6",
-		"react": "19.2.3",
+		"jazz-tools": "^0.20.18",
+		"motion": "^12.38.0",
+		"nanoid": "^5.1.11",
+		"react": "19.2.5",
 		"react-bootstrap-icons": "^1.11.6",
-		"react-dom": "19.2.3",
-		"react-easy-crop": "^5.5.6",
-		"react-hook-form": "^7.71.1",
+		"react-dom": "19.2.5",
+		"react-easy-crop": "^5.5.7",
+		"react-hook-form": "^7.75.0",
 		"react-markdown": "^10.1.0",
 		"react-textarea-autosize": "^8.5.9",
 		"rehype-raw": "^7.0.0",
 		"remark-gfm": "^4.0.1",
 		"sonner": "^2.0.7",
-		"tailwind-merge": "^3.4.0",
+		"tailwind-merge": "^3.5.0",
 		"web-haptics": "^0.0.6",
 		"web-push": "^3.6.7",
-		"workbox-window": "^7.4.0",
-		"zod": "^4.3.6",
-		"zustand": "^5.0.10"
+		"workbox-window": "^7.4.1",
+		"zod": "^4.4.3",
+		"zustand": "^5.0.13"
 	},
 	"devDependencies": {
-		"@astrojs/check": "^0.9.6",
-		"@astrojs/node": "^9.5.2",
+		"@astrojs/check": "^0.9.9",
+		"@astrojs/node": "^9.5.5",
 		"@astrojs/react": "^4.4.2",
-		"@astrojs/ts-plugin": "^1.10.6",
-		"@astrojs/vercel": "^9.0.4",
+		"@astrojs/ts-plugin": "^1.10.7",
+		"@astrojs/vercel": "^9.0.5",
 		"@clack/prompts": "^0.11.0",
-		"@eslint/js": "^9.39.2",
+		"@eslint/js": "^9.39.4",
 		"@fontsource/inter": "^5.2.8",
 		"@resvg/resvg-js": "^2.6.2",
-		"@tailwindcss/vite": "^4.1.18",
-		"@tanstack/react-router-devtools": "^1.157.3",
-		"@tanstack/router-cli": "^1.157.3",
-		"@tanstack/router-plugin": "^1.157.3",
+		"@tailwindcss/vite": "^4.2.4",
+		"@tanstack/react-router-devtools": "^1.166.13",
+		"@tanstack/router-cli": "^1.166.42",
+		"@tanstack/router-plugin": "^1.167.34",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.2",
-		"@types/node": "^22.19.7",
-		"@types/react": "19.2.9",
+		"@types/node": "^22.19.17",
+		"@types/react": "19.2.14",
 		"@types/react-dom": "19.2.3",
 		"@types/web-push": "^3.6.4",
-		"@typescript-eslint/eslint-plugin": "^8.53.1",
-		"@typescript-eslint/parser": "^8.53.1",
+		"@typescript-eslint/eslint-plugin": "^8.59.2",
+		"@typescript-eslint/parser": "^8.59.2",
 		"@vite-pwa/astro": "^1.2.0",
-		"@vitejs/plugin-react": "^5.1.2",
-		"@vitest/ui": "^4.0.18",
+		"@vitejs/plugin-react": "^5.2.0",
+		"@vitest/ui": "^4.1.5",
 		"babel-plugin-react-compiler": "^1.0.0",
 		"concurrently": "^9.2.1",
 		"dotenv-cli": "^11.0.0",
-		"eslint": "^9.39.2",
+		"eslint": "^9.39.4",
 		"eslint-plugin-architecture": "file:tools/eslint-plugin-architecture",
-		"eslint-plugin-astro": "^1.5.0",
+		"eslint-plugin-astro": "^1.7.0",
 		"eslint-plugin-react": "^7.37.5",
-		"eslint-plugin-react-hooks": "^7.0.1",
-		"globals": "^17.1.0",
+		"eslint-plugin-react-hooks": "^7.1.1",
+		"globals": "^17.6.0",
 		"jsdom": "^27.4.0",
-		"knip": "^5.88.0",
-		"prettier": "^3.8.1",
+		"knip": "^5.88.1",
+		"prettier": "^3.8.3",
 		"prettier-plugin-astro": "^0.14.1",
-		"prettier-plugin-tailwindcss": "^0.7.2",
-		"satori": "^0.19.1",
-		"tailwindcss": "^4.1.18",
+		"prettier-plugin-tailwindcss": "^0.7.4",
+		"satori": "^0.19.3",
+		"tailwindcss": "^4.2.4",
 		"tsx": "^4.21.0",
 		"tw-animate-css": "^1.4.0",
 		"typescript": "5.9.3",
-		"vercel": "^50.5.0",
-		"vitest": "^4.0.18",
-		"workbox-precaching": "^7.4.0",
-		"workbox-routing": "^7.4.0",
-		"workbox-strategies": "^7.4.0"
+		"vercel": "^50.44.0",
+		"vitest": "^4.1.5",
+		"workbox-precaching": "^7.4.1",
+		"workbox-routing": "^7.4.1",
+		"workbox-strategies": "^7.4.1"
 	}
 }

package.json

@@ -1,19 +1,22 @@
-import * as React from "react"
+import { useSyncExternalStore } from "react"
 
 let MOBILE_BREAKPOINT = 768
+let MOBILE_QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`
 
 export function useIsMobile() {
-	let [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
+}
+
+function subscribe(onStoreChange: () => void) {
+	let mql = window.matchMedia(MOBILE_QUERY)
+	mql.addEventListener("change", onStoreChange)
+	return () => mql.removeEventListener("change", onStoreChange)
+}
 
-	React.useEffect(() => {
-		let mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-		let onChange = () => {
-			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-		}
-		mql.addEventListener("change", onChange)
-		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-		return () => mql.removeEventListener("change", onChange)
-	}, [])
+function getSnapshot() {
+	return window.matchMedia(MOBILE_QUERY).matches
+}
 
-	return !!isMobile
+function getServerSnapshot() {
+	return false
 }

src/app/hooks/use-mobile.ts

@@ -7,6 +7,29 @@ function useOnlineStatus(): boolean {
 	let [hasCheckedConnectivity, setHasCheckedConnectivity] = useState(false)
 
 	useEffect(() => {
+		async function checkConnectivity() {
+			try {
+				await fetch("/online-check", {
+					method: "GET",
+					cache: "no-cache",
+					signal: AbortSignal.timeout(2000),
+				})
+				setIsOnline(true)
+			} catch {
+				setIsOnline(false)
+			} finally {
+				setHasCheckedConnectivity(true)
+			}
+		}
+
+		function handleOnline() {
+			setIsOnline(true)
+		}
+
+		function handleOffline() {
+			setIsOnline(false)
+		}
+
 		if (navigator.onLine && !hasCheckedConnectivity) {
 			checkConnectivity()
 		}
@@ -20,28 +43,5 @@ function useOnlineStatus(): boolean {
 		}
 	}, [hasCheckedConnectivity])
 
-	async function checkConnectivity() {
-		try {
-			await fetch("/online-check", {
-				method: "GET",
-				cache: "no-cache",
-				signal: AbortSignal.timeout(2000),
-			})
-			setIsOnline(true)
-		} catch {
-			setIsOnline(false)
-		} finally {
-			setHasCheckedConnectivity(true)
-		}
-	}
-
-	function handleOnline() {
-		setIsOnline(true)
-	}
-
-	function handleOffline() {
-		setIsOnline(false)
-	}
-
 	return isOnline
 }

src/app/hooks/use-online-status.ts

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import { DrawerPreview as DrawerPrimitive } from "@base-ui/react/drawer"
+import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer"
 
 import { cn } from "#app/lib/utils"
 

src/shared/ui/drawer.tsx

@@ -10,7 +10,6 @@ function Textarea({
 	className,
 	autoResize: _enableAutoResize = true,
 	maxHeight,
-	onInput,
 	ref,
 	...props
 }: Omit<TextareaAutosizeProps, "maxRows" | "style"> & {
@@ -28,7 +27,6 @@ function Textarea({
 				"border-input bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full resize-none rounded-xl border px-3 py-3 text-base transition-colors outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px] md:text-sm",
 				className,
 			)}
-			onChange={onInput}
 			{...props}
 		/>
 	)