coinbase · AndreiCalazans · Jun 25, 2026 · Jun 25, 2026 · Jun 25, 2026 · Jun 25, 2026
diff --git a/packages/common/CHANGELOG.md b/packages/common/CHANGELOG.md
@@ -8,6 +8,10 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.5.1 ((6/25/2026, 02:10 PM PST))
+
+This is an artificial version bump with no new change.
+
 ## 9.5.0 ((6/25/2026, 07:24 AM PST))
 
 This is an artificial version bump with no new change.

diff --git a/packages/common/package.json b/packages/common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-common",
-  "version": "9.5.0",
+  "version": "9.5.1",
   "description": "Coinbase Design System - Common",
   "repository": {
     "type": "git",

diff --git a/packages/mcp-server/CHANGELOG.md b/packages/mcp-server/CHANGELOG.md
@@ -8,6 +8,10 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.5.1 ((6/25/2026, 02:10 PM PST))
+
+This is an artificial version bump with no new change.
+
 ## 9.5.0 ((6/25/2026, 07:24 AM PST))
 
 This is an artificial version bump with no new change.

diff --git a/packages/mcp-server/package.json b/packages/mcp-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mcp-server",
-  "version": "9.5.0",
+  "version": "9.5.1",
   "description": "Coinbase Design System - MCP Server",
   "repository": {
     "type": "git",

diff --git a/packages/mobile/CHANGELOG.md b/packages/mobile/CHANGELOG.md
@@ -8,6 +8,12 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.5.1 (6/25/2026 PST)
+
+#### 🐞 Fixes
+
+- Perf: avoid JS-thread reads of `toPositions.value` in the chart `Gradient` effect — Reanimated 4 routes shared-value `.value` reads through synchronous runOnUISync (~29ms each, ~1.6s / 28% of CPU on chart-heavy mobile screens); mirror the last-written array in a useRef instead. [[#774](https://github.com/coinbase/cds/pull/774)]
+
 ## 9.5.0 (6/25/2026 PST)
 
 #### 🚀 Updates

diff --git a/packages/mobile/package.json b/packages/mobile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-mobile",
-  "version": "9.5.0",
+  "version": "9.5.1",
   "description": "Coinbase Design System - Mobile",
   "repository": {
     "type": "git",

diff --git a/packages/mobile/src/visualizations/chart/gradient/Gradient.tsx b/packages/mobile/src/visualizations/chart/gradient/Gradient.tsx
@@ -113,6 +113,17 @@ export const Gradient = memo<GradientProps>(
 
     const hasRendered = useRef(false);
 
+    // Mirror the array we last wrote into `toPositions` / `fromPositions` so
+    // the effect below never has to read `toPositions.value` from the JS
+    // thread. In Reanimated 4 each JS-side read of `sharedValue.value` is a
+    // synchronous `runOnUISync` round-trip (~29ms per call in production
+    // Android traces, ~1.6s / 28% of CPU on chart-heavy screens). This
+    // component is the sole writer of `toPositions.value` -- every effect
+    // run writes `[...targetPositions]` -- so a JS-side ref is always in
+    // sync with the UI runtime and lets us compare lengths and copy the
+    // previous array without going over the bridge.
+    const lastWrittenPositionsRef = useRef(targetPositions);
+
     useEffect(() => {
       if (!shouldRender) {
         hasRendered.current = false;
@@ -131,6 +142,7 @@ export const Gradient = memo<GradientProps>(
         fromPositions.value = [...targetPositions];
         toPositions.value = [...targetPositions];
         positionsProgress.value = 1;
+        lastWrittenPositionsRef.current = targetPositions;
         return;
       }
 
@@ -139,10 +151,11 @@ export const Gradient = memo<GradientProps>(
       endX.value = buildTransition(targetEnd.x, transition);
       endY.value = buildTransition(targetEnd.y, transition);
 
-      const canAnimatePositions = toPositions.value.length === targetPositions.length;
+      const previousPositions = lastWrittenPositionsRef.current;
+      const canAnimatePositions = previousPositions.length === targetPositions.length;
       if (canAnimatePositions) {
         currentColors.value = targetColors;
-        fromPositions.value = [...toPositions.value];
+        fromPositions.value = [...previousPositions];
         toPositions.value = [...targetPositions];
         positionsProgress.value = 0;
         positionsProgress.value = buildTransition(1, transition);
@@ -152,6 +165,7 @@ export const Gradient = memo<GradientProps>(
         toPositions.value = [...targetPositions];
         positionsProgress.value = 1;
       }
+      lastWrittenPositionsRef.current = targetPositions;
     }, [
       transition,
       targetStart.x,

diff --git a/packages/web/CHANGELOG.md b/packages/web/CHANGELOG.md
@@ -8,6 +8,10 @@ All notable changes to this project will be documented in this file.
 
 <!-- template-start -->
 
+## 9.5.1 ((6/25/2026, 02:10 PM PST))
+
+This is an artificial version bump with no new change.
+
 ## 9.5.0 (6/25/2026 PST)
 
 #### 🚀 Updates

diff --git a/packages/web/package.json b/packages/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cds-web",
-  "version": "9.5.0",
+  "version": "9.5.1",
   "description": "Coinbase Design System - Web",
   "repository": {
     "type": "git",