From 346b46228f3ac01667897e4c4d2def9fc17b0a20 Mon Sep 17 00:00:00 2001
From: Danny Kopping <danny@coder.com>
Date: Fri, 24 Apr 2026 14:54:03 +0200
Subject: [PATCH] feat(site): add Charm Crush client icon to AI Bridge UI
 (#24662)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

*Disclaimer: implemented by a Coder Agent using Claude Opus 4.6*

Follow-up to https://github.com/coder/coder/pull/24630 which added
backend Charm Crush client detection.

## Summary

Adds a `"Charm Crush"` case to the `AIBridgeClientIcon` switch so the
client filter and request logs show an icon instead of the generic
question mark fallback.

Uses a 💘 emoji-based SVG as a placeholder, matching Crush's branding.
Replace with an official brand SVG when one becomes available from the
Charm team.

## Changes

- `site/static/icon/charm-crush.svg`: new emoji-based placeholder icon.
-
`site/src/pages/AIBridgePage/RequestLogsPage/icons/AIBridgeClientIcon.tsx`:
added `"Charm Crush"` case.
---
 .../RequestLogsPage/icons/AIBridgeClientIcon.tsx           | 7 +++++++
 site/src/theme/icons.json                                  | 1 +
 site/static/icon/charm-crush.svg                           | 3 +++
 3 files changed, 11 insertions(+)
 create mode 100644 site/static/icon/charm-crush.svg

diff --git a/site/src/pages/AIBridgePage/RequestLogsPage/icons/AIBridgeClientIcon.tsx b/site/src/pages/AIBridgePage/RequestLogsPage/icons/AIBridgeClientIcon.tsx
index 11a09fcce0..120a494979 100644
--- a/site/src/pages/AIBridgePage/RequestLogsPage/icons/AIBridgeClientIcon.tsx
+++ b/site/src/pages/AIBridgePage/RequestLogsPage/icons/AIBridgeClientIcon.tsx
@@ -71,6 +71,13 @@ export const AIBridgeClientIcon = ({
 					className={cn(iconClassName, className)}
 				/>
 			);
+		case "Charm Crush":
+			return (
+				<ExternalImage
+					src="/icon/charm-crush.svg"
+					className={cn(iconClassName, className)}
+				/>
+			);
 		case "GitHub Copilot (VS Code)":
 		case "GitHub Copilot (CLI)":
 			return (
diff --git a/site/src/theme/icons.json b/site/src/theme/icons.json
index 7589e18d8d..32df0d6119 100644
--- a/site/src/theme/icons.json
+++ b/site/src/theme/icons.json
@@ -23,6 +23,7 @@
 	"azure.svg",
 	"bitbucket.svg",
 	"centos.svg",
+	"charm-crush.svg",
 	"claude.svg",
 	"clion.svg",
 	"code-insiders.svg",
diff --git a/site/static/icon/charm-crush.svg b/site/static/icon/charm-crush.svg
new file mode 100644
index 0000000000..06f15ce9e4
--- /dev/null
+++ b/site/static/icon/charm-crush.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
+  <text x="128" y="192" font-size="192" text-anchor="middle">💘</text>
+</svg>