diff --git a/src/app/(dashboard)/dashboard/providers/[id]/page.tsx b/src/app/(dashboard)/dashboard/providers/[id]/page.tsx index 287290b101..e9f7a74934 100644 --- a/src/app/(dashboard)/dashboard/providers/[id]/page.tsx +++ b/src/app/(dashboard)/dashboard/providers/[id]/page.tsx @@ -915,6 +915,13 @@ export default function ProviderDetailPage() { ? "global" : null } + proxyHost={ + ( + proxyConfig?.keys?.[conn.id] || + proxyConfig?.providers?.[providerId] || + proxyConfig?.global + )?.host || null + } /> ))} @@ -1909,6 +1916,7 @@ function ConnectionRow({ onProxy, hasProxy, proxySource, + proxyHost, }) { const displayName = isOAuth ? connection.name || connection.email || connection.displayName || "OAuth Account" @@ -2010,18 +2018,33 @@ function ConnectionRow({ shield {rateLimitEnabled ? "Protected" : "Unprotected"} - {hasProxy && ( - <> - | - - vpn_lock - Proxy - - - )} + {hasProxy && + (() => { + const colorClass = + proxySource === "global" + ? "bg-emerald-500/15 text-emerald-500" + : proxySource === "provider" + ? "bg-amber-500/15 text-amber-500" + : "bg-blue-500/15 text-blue-500"; + const label = + proxySource === "global" + ? "Global" + : proxySource === "provider" + ? "Provider" + : "Key"; + return ( + <> + | + + vpn_lock + {proxyHost || "Proxy"} + + + ); + })()}