From c5f8a084f780b04d90e37f636217c2e9425367df Mon Sep 17 00:00:00 2001
From: jerilynzheng <zheng.jerilyn@gmail.com>
Date: Sun, 1 Feb 2026 09:14:23 -0800
Subject: [PATCH] feat: Add Vercel endpoint icon with light/dark mode support

Add SVG icon for Vercel AI Gateway endpoint that adapts to system
color scheme using CSS prefers-color-scheme media query.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 client/public/assets/vercel.svg           | 7 +++++++
 client/src/hooks/Endpoint/UnknownIcon.tsx | 1 +
 2 files changed, 8 insertions(+)
 create mode 100644 client/public/assets/vercel.svg

diff --git a/client/public/assets/vercel.svg b/client/public/assets/vercel.svg
new file mode 100644
index 0000000000..57d92d4dea
--- /dev/null
+++ b/client/public/assets/vercel.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 1155 1000" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    path { fill: #000; }
+    @media (prefers-color-scheme: dark) { path { fill: #fff; } }
+  </style>
+  <path d="M577.344 0L1154.69 1000H0L577.344 0Z"/>
+</svg>
diff --git a/client/src/hooks/Endpoint/UnknownIcon.tsx b/client/src/hooks/Endpoint/UnknownIcon.tsx
index 20619e0b7d..146d64ea8b 100644
--- a/client/src/hooks/Endpoint/UnknownIcon.tsx
+++ b/client/src/hooks/Endpoint/UnknownIcon.tsx
@@ -24,6 +24,7 @@ const knownEndpointAssets = {
   [KnownEndpoints.shuttleai]: 'assets/shuttleai.png',
   [KnownEndpoints['together.ai']]: 'assets/together.png',
   [KnownEndpoints.unify]: 'assets/unify.webp',
+  [KnownEndpoints.vercel]: 'assets/vercel.svg',
 };
 
 const knownEndpointClasses = {