feat(site): add Charm Crush client icon to AI Bridge UI (#24662)

*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.
This commit is contained in:
Danny Kopping
2026-04-24 14:54:03 +02:00
committed by GitHub
parent 3a9a60dff8
commit 346b46228f
3 changed files with 11 additions and 0 deletions
@@ -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 (
+1
View File
@@ -23,6 +23,7 @@
"azure.svg",
"bitbucket.svg",
"centos.svg",
"charm-crush.svg",
"claude.svg",
"clion.svg",
"code-insiders.svg",
+3
View File
@@ -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>

After

Width:  |  Height:  |  Size: 168 B