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"}
+
+ >
+ );
+ })()}