diff --git a/libs/design-system/src/core/ScrollArea.tsx b/libs/design-system/src/core/ScrollArea.tsx
index c91edf49a..db8d55f2d 100644
--- a/libs/design-system/src/core/ScrollArea.tsx
+++ b/libs/design-system/src/core/ScrollArea.tsx
@@ -2,6 +2,7 @@
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'
import { cx } from 'class-variance-authority'
+import { useCallback, useEffect, useState } from 'react'
type Props = {
id?: string
@@ -20,6 +21,20 @@ export function ScrollArea({
keyToResetScrollbars,
ref,
}: Props) {
+ const [viewport, setViewport] = useState
(null)
+ const viewportRef = useCallback(
+ (node: HTMLDivElement | null) => {
+ setViewport(node)
+ if (typeof ref === 'function') {
+ ref(node)
+ } else if (ref) {
+ ref.current = node
+ }
+ },
+ [ref],
+ )
+ useRemeasureOnScrollSizeChange(viewport)
+
return (
)
}
+
+// Radix sizes and positions the thumbs from measurements it refreshes only when
+// its content element or a scrollbar resizes. The viewport classes above lock
+// the content element to the viewport's height so children can use h-full,
+// which means it never resizes when its children grow, and the thumbs keep the
+// measurements from the first render until the window is resized.
+// Watch the viewport's scroll size and, when it changes, alter the content
+// element's content box by a fraction of a pixel so radix's own ResizeObserver
+// fires and re-measures. Remounting the scrollbars instead would hide them
+// under the pointer, because their hover-visible state resets on mount.
+function useRemeasureOnScrollSizeChange(viewport: HTMLDivElement | null) {
+ useEffect(() => {
+ const content = viewport?.firstElementChild
+ if (
+ !viewport ||
+ !(content instanceof HTMLElement) ||
+ typeof ResizeObserver === 'undefined'
+ ) {
+ return
+ }
+
+ let lastWidth = viewport.scrollWidth
+ let lastHeight = viewport.scrollHeight
+ let frame = 0
+ let nudged = false
+
+ const check = () => {
+ frame = 0
+ const width = viewport.scrollWidth
+ const height = viewport.scrollHeight
+ if (width === lastWidth && height === lastHeight) {
+ return
+ }
+ lastWidth = width
+ lastHeight = height
+ nudged = !nudged
+ // Browsers track layout in 1/64px or 1/60px units, so the change has to
+ // be larger than that for the ResizeObserver to see it.
+ content.style.paddingBottom = nudged ? '0.05px' : '0px'
+ }
+ const scheduleCheck = () => {
+ if (!frame) {
+ frame = requestAnimationFrame(check)
+ }
+ }
+
+ const resizeObserver = new ResizeObserver(scheduleCheck)
+ const observeChildren = () => {
+ resizeObserver.disconnect()
+ for (const child of Array.from(content.children)) {
+ resizeObserver.observe(child)
+ }
+ }
+ observeChildren()
+
+ // Children that are themselves h-full do not resize when their descendants
+ // overflow them, so also check on DOM changes and whenever the user scrolls.
+ const mutationObserver = new MutationObserver(() => {
+ observeChildren()
+ scheduleCheck()
+ })
+ mutationObserver.observe(content, { childList: true, subtree: true })
+ viewport.addEventListener('scroll', scheduleCheck, { passive: true })
+
+ return () => {
+ if (frame) {
+ cancelAnimationFrame(frame)
+ }
+ resizeObserver.disconnect()
+ mutationObserver.disconnect()
+ viewport.removeEventListener('scroll', scheduleCheck)
+ }
+ }, [viewport])
+}
diff --git a/libs/e2e/package.json b/libs/e2e/package.json
index 113b2445c..ce83a0d4c 100644
--- a/libs/e2e/package.json
+++ b/libs/e2e/package.json
@@ -9,9 +9,9 @@
},
"types": "./src/index.d.ts",
"dependencies": {
- "@playwright/test": "^1.58.2",
+ "@playwright/test": "^1.63.0",
"@siafoundation/explored-types": "^0.21.0",
"@siafoundation/react-core": "^8.2.1",
- "playwright": "^1.58.2"
+ "playwright": "^1.63.0"
}
}
diff --git a/libs/hostd-react/package.json b/libs/hostd-react/package.json
index 4ef9cac56..f1ec5865f 100644
--- a/libs/hostd-react/package.json
+++ b/libs/hostd-react/package.json
@@ -12,6 +12,6 @@
"@siafoundation/hostd-types": "^0.11.0",
"@siafoundation/react-core": "^8.2.0",
"@siafoundation/units": "^3.9.0",
- "swr": "^2.3.7"
+ "swr": "^2.5.1"
}
}
diff --git a/libs/indexd-react/package.json b/libs/indexd-react/package.json
index e62092615..8c77732e1 100644
--- a/libs/indexd-react/package.json
+++ b/libs/indexd-react/package.json
@@ -12,6 +12,6 @@
"@siafoundation/indexd-types": "0.16.0",
"@siafoundation/react-core": "^8.2.1",
"@siafoundation/units": "3.9.0",
- "swr": "^2.3.7"
+ "swr": "^2.5.1"
}
}
diff --git a/libs/react-core/package.json b/libs/react-core/package.json
index 20acb5a8d..677b2a21e 100644
--- a/libs/react-core/package.json
+++ b/libs/react-core/package.json
@@ -12,8 +12,8 @@
"@siafoundation/request": "^0.5.1",
"axios": "^1.13.5",
"detect-gpu": "^5.0.34",
- "swr": "^2.3.7",
- "use-local-storage-state": "^19.5.0"
+ "swr": "^2.5.1",
+ "use-local-storage-state": "^20.0.0"
},
"peerDependencies": {
"@siafoundation/types": "^0.13.0",
diff --git a/libs/react-core/src/useDelete.ts b/libs/react-core/src/useDelete.ts
index f5765c95d..c775d7f7e 100644
--- a/libs/react-core/src/useDelete.ts
+++ b/libs/react-core/src/useDelete.ts
@@ -21,7 +21,7 @@ import { buildMutateMatcherFn } from './mutate'
type DeleteFunc = {
delete: (
- args: InternalCallbackArgs,
+ args: InternalCallbackArgs,
) => Promise>
}
diff --git a/libs/renterd-react/package.json b/libs/renterd-react/package.json
index e69fec9c0..9c9630a00 100644
--- a/libs/renterd-react/package.json
+++ b/libs/renterd-react/package.json
@@ -12,6 +12,6 @@
"@siafoundation/react-core": "^8.2.0",
"@siafoundation/renterd-types": "^0.18.1",
"@siafoundation/units": "^3.9.0",
- "swr": "^2.3.7"
+ "swr": "^2.5.1"
}
}
diff --git a/libs/walletd-react/package.json b/libs/walletd-react/package.json
index 4c067e77c..894e0d728 100644
--- a/libs/walletd-react/package.json
+++ b/libs/walletd-react/package.json
@@ -12,6 +12,6 @@
"@siafoundation/react-core": "^8.0.0",
"@siafoundation/units": "^3.9.0",
"@siafoundation/walletd-types": "^0.7.4",
- "swr": "^2.3.7"
+ "swr": "^2.5.1"
}
}
diff --git a/package.json b/package.json
index 58dd0a842..7514dfaec 100644
--- a/package.json
+++ b/package.json
@@ -19,15 +19,15 @@
},
"dependencies": {
"next": "16.2.6",
- "react": "19.2.1",
- "react-dom": "19.2.1"
+ "react": "19.3.0",
+ "react-dom": "19.3.0"
},
"devDependencies": {
- "@changesets/cli": "^2.29.5",
- "@commitlint/cli": "^16.3.0",
- "@commitlint/config-conventional": "^16.2.4",
- "@eslint/compat": "^1.3.1",
- "@eslint/eslintrc": "^3.3.1",
+ "@changesets/cli": "^3.0.2",
+ "@commitlint/cli": "^21.2.2",
+ "@commitlint/config-conventional": "^21.2.2",
+ "@eslint/compat": "^2.1.1",
+ "@eslint/eslintrc": "^3.3.7",
"@nx-tools/nx-container": "^6.8.0",
"@nx/devkit": "22.1.3",
"@nx/eslint": "22.1.3",
@@ -39,49 +39,52 @@
"@nx/react": "22.1.3",
"@nx/rollup": "22.1.3",
"@nx/workspace": "22.1.3",
- "@playwright/test": "^1.58.2",
- "@swc-node/register": "^1.10.10",
- "@swc/cli": "^0.7.8",
- "@swc/core": "^1.13.0",
- "@swc/helpers": "0.5.17",
- "@testing-library/react": "16.3.0",
- "@testing-library/user-event": "^14.6.1",
+ "@playwright/test": "^1.63.0",
+ "@swc-node/register": "^1.12.1",
+ "@swc/cli": "^0.8.1",
+ "@swc/core": "^1.16.2",
+ "@swc/helpers": "0.5.23",
+ "@testing-library/react": "16.3.3",
+ "@testing-library/user-event": "^14.6.7",
"@types/carbon__icons-react": "^10.31.2",
"@types/jest": "^30.0.0",
- "@types/node": "18.19.14",
- "@types/react": "19.2.7",
- "@types/react-dom": "19.2.3",
- "@typescript-eslint/eslint-plugin": "8.49.0",
- "@typescript-eslint/parser": "8.49.0",
- "autoprefixer": "10.4.21",
- "babel-jest": "^30.2.0",
+ "@types/node": "26.5.1",
+ "@types/react": "19.3.0",
+ "@types/react-dom": "19.3.0",
+ "@typescript-eslint/eslint-plugin": "8.70.0",
+ "@typescript-eslint/parser": "8.70.0",
+ "autoprefixer": "10.5.6",
+ "babel-jest": "^30.5.1",
"eslint": "9.30.1",
"eslint-config-next": "16.2.6",
- "eslint-config-prettier": "10.1.5",
+ "eslint-config-prettier": "10.1.8",
"eslint-plugin-import": "2.32.0",
"eslint-plugin-jsx-a11y": "6.10.2",
"eslint-plugin-playwright": "2.2.0",
"eslint-plugin-react": "7.37.5",
"eslint-plugin-react-hooks": "7.0.1",
"file-loader": "^6.2.0",
- "jest": "^30.2.0",
- "jest-environment-jsdom": "^30.2.0",
+ "jest": "^30.5.1",
+ "jest-environment-jsdom": "^30.5.1",
"jest-fixed-jsdom": "^0.0.11",
"nx": "22.1.3",
- "playwright": "^1.58.2",
- "postcss": "8.4.38",
- "prettier": "3.6.2",
- "rimraf": "^6.0.1",
- "rollup-plugin-preserve-directives": "^0.2.0",
+ "playwright": "^1.63.0",
+ "postcss": "8.5.28",
+ "prettier": "3.9.6",
+ "rimraf": "^6.1.3",
+ "rollup-plugin-preserve-directives": "^0.4.0",
"tailwindcss": "3.4.3",
- "ts-jest": "^29.4.6",
+ "ts-jest": "^29.4.12",
"ts-node": "10.9.2",
"tslib": "^2.8.1",
"typescript": "5.9.3",
- "typescript-eslint": "8.49.0"
+ "typescript-eslint": "8.70.0"
},
"packageManager": "bun@1.2.18",
"engines": {
"node": ">=22.12.0"
+ },
+ "overrides": {
+ "axios": "1.13.5"
}
}