diff --git a/apps/mobile/src/components/ProviderIcon.tsx b/apps/mobile/src/components/ProviderIcon.tsx
index 5eb69627f58d..3a5d4a8054f4 100644
--- a/apps/mobile/src/components/ProviderIcon.tsx
+++ b/apps/mobile/src/components/ProviderIcon.tsx
@@ -12,6 +12,32 @@ export function ProviderIcon(props: ProviderIconProps) {
const size = props.size ?? 16;
const mono = isDarkMode ? "#e5e5e5" : "#171717";
+ if (props.provider === "pi") {
+ return (
+
+ );
+ }
+
+ if (props.provider === "hermes") {
+ return (
+
+ );
+ }
+
if (props.provider === "claudeAgent") {
return (
);
+// Hermes — original winged-H glyph, kept monochrome to match provider chrome.
+export const HermesIcon: Icon = ({ className, ...props }) => (
+
+);
+
// Amp / Sourcegraph — orange ampersand-inspired wedge mark.
export const AmpIcon: Icon = ({ className, monochrome, ...props }) => (