From 70aea76bf668ecb2ca4304d6016bb2c79696c3c7 Mon Sep 17 00:00:00 2001
From: LinYushen <linyushen@proton.me>
Date: Thu, 9 Apr 2026 17:22:46 +0800
Subject: [PATCH] fix(views): remove background container from provider logos
 (#573)

Show provider logos directly without the green/gray rounded background
container in both runtime list and detail views.

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 packages/views/runtimes/components/runtime-detail.tsx | 8 ++------
 packages/views/runtimes/components/runtime-list.tsx   | 8 ++------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/packages/views/runtimes/components/runtime-detail.tsx b/packages/views/runtimes/components/runtime-detail.tsx
index 88b264b89..ad5ccef9f 100644
--- a/packages/views/runtimes/components/runtime-detail.tsx
+++ b/packages/views/runtimes/components/runtime-detail.tsx
@@ -82,12 +82,8 @@ export function RuntimeDetail({ runtime }: { runtime: AgentRuntime }) {
       {/* Header */}
       <div className="flex h-12 shrink-0 items-center justify-between border-b px-4">
         <div className="flex min-w-0 items-center gap-2">
-          <div
-            className={`flex h-7 w-7 shrink-0 items-center justify-center rounded-md ${
-              runtime.status === "online" ? "bg-success/10" : "bg-muted"
-            }`}
-          >
-            <ProviderLogo provider={runtime.provider} className="h-4 w-4" />
+          <div className="flex h-7 w-7 shrink-0 items-center justify-center">
+            <ProviderLogo provider={runtime.provider} className="h-5 w-5" />
           </div>
           <div className="min-w-0">
             <h2 className="text-sm font-semibold truncate">{runtime.name}</h2>
diff --git a/packages/views/runtimes/components/runtime-list.tsx b/packages/views/runtimes/components/runtime-list.tsx
index a135ce19e..125ffdbe1 100644
--- a/packages/views/runtimes/components/runtime-list.tsx
+++ b/packages/views/runtimes/components/runtime-list.tsx
@@ -35,12 +35,8 @@ function RuntimeListItem({
         isSelected ? "bg-accent" : "hover:bg-accent/50"
       }`}
     >
-      <div
-        className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${
-          runtime.status === "online" ? "bg-success/10" : "bg-muted"
-        }`}
-      >
-        <ProviderLogo provider={runtime.provider} className="h-4 w-4" />
+      <div className="flex h-8 w-8 shrink-0 items-center justify-center">
+        <ProviderLogo provider={runtime.provider} className="h-5 w-5" />
       </div>
       <div className="min-w-0 flex-1">
         <div className="truncate text-sm font-medium">{runtime.name}</div>