From 94331c58ecda6b32ee101e8f5ce2dfe5b5195afd Mon Sep 17 00:00:00 2001
From: Rushikesh Gaikwad <81632222+Wraient@users.noreply.github.com>
Date: Tue, 4 Aug 2026 23:34:37 +0530
Subject: [PATCH] fix(mobile): show correct provider icons for Grok, Cursor,
and OpenCode (#4586)
---
apps/mobile/src/components/ProviderIcon.tsx | 40 ++++++++++++++++++++-
1 file changed, 39 insertions(+), 1 deletion(-)
diff --git a/apps/mobile/src/components/ProviderIcon.tsx b/apps/mobile/src/components/ProviderIcon.tsx
index 6c1b1038698d117a94a11ec5378fdf64ce61e288..bdddf2c45951ef2adda9e732dc042bcb983ac9d9 100644
--- a/apps/mobile/src/components/ProviderIcon.tsx
+++ b/apps/mobile/src/components/ProviderIcon.tsx
@@ -9,6 +9,7 @@ type ProviderIconProps = {
export function ProviderIcon(props: ProviderIconProps) {
const isDarkMode = useColorScheme() === "dark";
const size = props.size ?? 16;
+ const mono = isDarkMode ? "#e5e5e5" : "#171717";
if (props.provider === "claudeAgent") {
return (
@@ -21,10 +22,47 @@ export function ProviderIcon(props: ProviderIconProps) {
);
}
+ if (props.provider === "grok") {
+ const fill = isDarkMode ? "#F5F5F5" : "#0F0F0F";
+ return (
+
+ );
+ }
+
+ if (props.provider === "cursor") {
+ return (
+
+ );
+ }
+
+ if (props.provider === "opencode") {
+ return (
+
+ );
+ }
+
+ // codex (and unknown drivers)
return (
--
2.54.0