fix: move proxy group filter from speedGroupByName to overview page (#1847) (#1877)

Co-authored-by: Claude <noreply@anthropic.com>

Author: vhvy

pages/overview.vue

@@ -21,9 +21,17 @@ const globalStore = useGlobalStore()
 const connectionsStore = useConnectionsStore()
 const endpointStore = useEndpointStore()
 const configStore = useConfigStore()
+const proxiesStore = useProxiesStore()
 
 const formatBytes = (bytes: number) => byteSize(bytes).toString()
 
+// Ensure proxy data is available for isProxyGroup filtering in top proxies chart
+onMounted(() => {
+  if (proxiesStore.proxies.length === 0) {
+    proxiesStore.fetchProxies()
+  }
+})
+
 // Reactive theme colors - recomputes when theme changes
 const themeColors = computed(() => {
   // Access curTheme to create reactive dependency
@@ -230,8 +238,9 @@ const networkTypesChartOptions = computed<Highcharts.Options>(() => {
 const topProxiesChartOptions = computed<Highcharts.Options>(() => {
   const speedByName = connectionsStore.speedGroupByName
 
-  // Get top 5 proxies by speed
+  // Get top 5 proxies by speed, excluding proxy groups
   const sortedProxies = Object.entries(speedByName)
+    .filter(([name]) => !proxiesStore.isProxyGroup(name))
     .sort(([, a], [, b]) => b - a)
     .slice(0, 5)
 

stores/connections.ts

@@ -306,15 +306,12 @@ export const useConnectionsStore = defineStore('connections', () => {
     dataUsageMap.value = updates
   }
 
-  // Computed: speed grouped by proxy name (excluding proxy groups)
+  // Computed: speed grouped by proxy name
   const speedGroupByName = computed(() => {
-    const proxiesStore = useProxiesStore()
     const returnMap: Record<string, number> = {}
 
     activeConnections.value.forEach((c) => {
       c.chains.forEach((chain) => {
-        if (proxiesStore.isProxyGroup(chain)) return
-
         if (!returnMap[chain]) {
           returnMap[chain] = 0
         }