ui: add default icon (#1553)

Co-authored-by: Kalvin C <kalvinnchau@users.noreply.github.com>

Cargo.lock

@@ -2201,7 +2201,7 @@ dependencies = [
 
 [[package]]
 name = "goose-bench"
-version = "1.0.10"
+version = "1.0.12"
 dependencies = [
  "anyhow",
  "async-trait",

ui/desktop/src/components/settings_v2/providers/ProviderSettingsPage.tsx

@@ -47,6 +47,12 @@ const fakeProviderState: ProviderState[] = [
     isConfigured: false,
     metadata: { location: null },
   },
+  {
+    id: 'gcp_vertex_ai',
+    name: 'GCP Vertex AI',
+    isConfigured: true,
+    metadata: { location: null },
+  },
 ];
 
 export default function ProviderSettings({ onClose }: { onClose: () => void }) {

ui/desktop/src/components/settings_v2/providers/modal/subcomponents/ProviderLogo.tsx

@@ -6,6 +6,7 @@ import GroqLogo from './icons/groq@3x.png';
 import OllamaLogo from './icons/ollama@3x.png';
 import DatabricksLogo from './icons/databricks@3x.png';
 import OpenRouterLogo from './icons/openrouter@3x.png';
+import DefaultLogo from './icons/default@3x.png';
 
 // Map provider names to their logos
 const providerLogos = {
@@ -16,12 +17,13 @@ const providerLogos = {
   ollama: OllamaLogo,
   databricks: DatabricksLogo,
   openrouter: OpenRouterLogo,
+  default: DefaultLogo,
 };
 
 export default function ProviderLogo({ providerName }) {
   // Convert provider name to lowercase and fetch the logo
   const logoKey = providerName.toLowerCase();
-  const logo = providerLogos[logoKey] || OpenAILogo; // TODO: need default icon
+  const logo = providerLogos[logoKey] || DefaultLogo;
 
   return (
     <div className="flex justify-center mb-2">