From 6c97a46dae52a4d88893adac9d7be4b43b7d51ea Mon Sep 17 00:00:00 2001
From: "opencode-agent[bot]"
 <219766164+opencode-agent[bot]@users.noreply.github.com>
Date: Tue, 4 Aug 2026 06:26:48 -0500
Subject: [PATCH] fix(stats): hide zero-usage countries (#40400)

---
 packages/stats/app/src/routes/[lab]/[model].tsx | 5 +++--
 packages/stats/app/src/routes/index.css         | 4 ++--
 packages/stats/app/src/routes/index.tsx         | 5 +++--
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/stats/app/src/routes/[lab]/[model].tsx b/packages/stats/app/src/routes/[lab]/[model].tsx
index 40a0ac9c505..3b2bf341fdb 100644
--- a/packages/stats/app/src/routes/[lab]/[model].tsx
+++ b/packages/stats/app/src/routes/[lab]/[model].tsx
@@ -988,9 +988,10 @@ function GeoWorldMap(props: {
   const i18n = useI18n()
   const opacityScale = createMemo(() => scaleSqrt().domain([0, props.maxTokens]).range([0.26, 0.96]).clamp(true))
   const countryOpacity = (country: CountryEntry | undefined) => {
-    if (!country) return 0
+    if (!country || country.tokens <= 0) return 0
     const opacity = opacityScale()(country.tokens)
-    if (!props.activeCountry || props.activeCountry === country.country) return opacity
+    if (props.activeCountry === country.country) return 1
+    if (!props.activeCountry) return opacity
     return Math.max(0.18, opacity * 0.36)
   }
 
diff --git a/packages/stats/app/src/routes/index.css b/packages/stats/app/src/routes/index.css
index b55c3153f2c..c378688490c 100644
--- a/packages/stats/app/src/routes/index.css
+++ b/packages/stats/app/src/routes/index.css
@@ -2275,7 +2275,7 @@ body {
 
 [data-page="stats"] [data-slot="geo-countries"] path[data-active="true"] {
   fill: color-mix(in srgb, var(--stats-accent) 70%, var(--stats-text));
-  opacity: 1;
+  opacity: var(--geo-country-opacity);
 }
 
 [data-page="stats"] [data-slot="geo-country-markers"] circle {
@@ -2292,7 +2292,7 @@ body {
 
 [data-page="stats"] [data-slot="geo-country-markers"] circle[data-active="true"] {
   fill: color-mix(in srgb, var(--stats-accent) 70%, var(--stats-text));
-  opacity: 1;
+  opacity: var(--geo-country-opacity);
 }
 
 [data-page="stats"] [data-slot="geo-borders"] {
diff --git a/packages/stats/app/src/routes/index.tsx b/packages/stats/app/src/routes/index.tsx
index 7debf5c30b7..c6549b1f613 100644
--- a/packages/stats/app/src/routes/index.tsx
+++ b/packages/stats/app/src/routes/index.tsx
@@ -1410,9 +1410,10 @@ function GeoWorldMap(props: {
   const i18n = useI18n()
   const opacityScale = createMemo(() => scaleSqrt().domain([0, props.maxTokens]).range([0.26, 0.96]).clamp(true))
   const countryOpacity = (country: CountryEntry | undefined) => {
-    if (!country) return 0
+    if (!country || country.tokens <= 0) return 0
     const opacity = opacityScale()(country.tokens)
-    if (!props.activeCountry || props.activeCountry === country.country) return opacity
+    if (props.activeCountry === country.country) return 1
+    if (!props.activeCountry) return opacity
     return Math.max(0.18, opacity * 0.36)
   }