From e2521752a4d811eff3d5099e06f820cb8a998954 Mon Sep 17 00:00:00 2001
From: Jinjing <6427696+AmethystLiang@users.noreply.github.com>
Date: Sat, 4 Jul 2026 15:13:35 -0700
Subject: [PATCH] Use official OpenCode SVG icon instead of remote favicon

Replaces the remote favicon loading for OpenCode with a local SVG icon.
This avoids flaky external network requests and ensures the icon renders
properly across light and dark themes using theme-aware currentColor.
---
 .../components/agent/AgentCombobox.test.tsx   | 10 ++++++++++
 src/renderer/src/lib/agent-catalog.tsx        |  5 ++++-
 src/renderer/src/lib/agent-icon-glyphs.tsx    | 20 +++++++++++++++++++
 3 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/components/agent/AgentCombobox.test.tsx b/src/renderer/src/components/agent/AgentCombobox.test.tsx
index f1b44096213..8698d4b0295 100644
--- a/src/renderer/src/components/agent/AgentCombobox.test.tsx
+++ b/src/renderer/src/components/agent/AgentCombobox.test.tsx
@@ -27,4 +27,14 @@ describe('AgentCombobox', () => {
     expect(markup).not.toContain('https://github.com/Gitlawb.png')
     expect(markup).not.toContain('<svg')
   })
+
+  it('uses the official OpenCode SVG mark instead of a remote favicon', () => {
+    const markup = renderToStaticMarkup(<AgentIcon agent="opencode" />)
+
+    expect(markup).toContain('<svg')
+    expect(markup).toContain('viewBox="0 0 240 300"')
+    expect(markup).not.toContain('/resources/opencode.webp')
+    expect(markup).not.toContain('https://www.google.com/s2/favicons')
+    expect(markup).not.toContain('<img')
+  })
 })
diff --git a/src/renderer/src/lib/agent-catalog.tsx b/src/renderer/src/lib/agent-catalog.tsx
index 069db28292a..d43401e502f 100644
--- a/src/renderer/src/lib/agent-catalog.tsx
+++ b/src/renderer/src/lib/agent-catalog.tsx
@@ -9,6 +9,7 @@ import {
   CopilotIcon,
   KiloIcon,
   OmpIcon,
+  OpenCodeIcon,
   PiIcon
 } from './agent-icon-glyphs'
 import { translate } from '@/i18n/i18n'
@@ -86,7 +87,6 @@ export const getAgentCatalog = createLocalizedCatalog((): AgentCatalogEntry[] =>
     id: 'opencode',
     label: translate('auto.lib.agent.catalog.e7a4ca5103', 'OpenCode'),
     cmd: 'opencode',
-    faviconDomain: 'opencode.ai',
     homepageUrl: 'https://opencode.ai/docs/cli/'
   },
   {
@@ -336,6 +336,9 @@ export function AgentIcon({
   if (agent === 'copilot') {
     return <CopilotIcon size={size} />
   }
+  if (agent === 'opencode') {
+    return <OpenCodeIcon size={size} />
+  }
   const catalogEntry = getAgentCatalog().find((a) => a.id === agent)
   if (catalogEntry?.iconUrl) {
     return (
diff --git a/src/renderer/src/lib/agent-icon-glyphs.tsx b/src/renderer/src/lib/agent-icon-glyphs.tsx
index 1bf69207005..420c34f80fa 100644
--- a/src/renderer/src/lib/agent-icon-glyphs.tsx
+++ b/src/renderer/src/lib/agent-icon-glyphs.tsx
@@ -112,6 +112,26 @@ export function CopilotIcon({ size = 14 }: { size?: number }): React.JSX.Element
   )
 }
 
+export function OpenCodeIcon({ size = 14 }: { size?: number }): React.JSX.Element {
+  // SVG geometry sourced from opencode.ai/brand's official logo asset.
+  // Why: the branded fills are adapted to currentColor so the mark is visible
+  // in both Orca themes and avoids the flaky favicon proxy.
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 240 300"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden
+      className="text-current"
+    >
+      <path d="M180 240H60V120H180V240Z" fill="currentColor" fillOpacity="0.28" />
+      <path d="M180 60H60V240H180V60ZM240 300H0V0H240V300Z" fill="currentColor" />
+    </svg>
+  )
+}
+
 export function AgentLetterIcon({
   letter,
   size = 14