diff --git a/packages/app/src/components/icons/omp-icon.tsx b/packages/app/src/components/icons/omp-icon.tsx
new file mode 100644
index 000000000..880defe77
--- /dev/null
+++ b/packages/app/src/components/icons/omp-icon.tsx
@@ -0,0 +1,14 @@
+import Svg, { Path } from "react-native-svg";
+
+interface OmpIconProps {
+ size?: number;
+ color?: string;
+}
+
+export function OmpIcon({ size = 16, color = "currentColor" }: OmpIconProps) {
+ return (
+
+ );
+}
diff --git a/packages/app/src/components/provider-icons.ts b/packages/app/src/components/provider-icons.ts
index 941c56d7d..d552537e5 100644
--- a/packages/app/src/components/provider-icons.ts
+++ b/packages/app/src/components/provider-icons.ts
@@ -5,6 +5,7 @@ import { ClaudeIcon } from "@/components/icons/claude-icon";
import { CodexIcon } from "@/components/icons/codex-icon";
import { CopilotIcon } from "@/components/icons/copilot-icon";
import { OpenCodeIcon } from "@/components/icons/opencode-icon";
+import { OmpIcon } from "@/components/icons/omp-icon";
import { PiIcon } from "@/components/icons/pi-icon";
import { ACP_PROVIDER_CATALOG } from "@/data/acp-provider-catalog";
import {
@@ -24,7 +25,7 @@ const BUILTIN_PROVIDER_ICONS: Record;
const CODEX_BADGE_ICON = ;
const OPENCODE_BADGE_ICON = ;
const COPILOT_BADGE_ICON = ;
+const OMP_BADGE_ICON = ;
const PI_BADGE_ICON = ;
-const FEATURED_AGENT_COUNT = 5;
+const FEATURED_AGENT_COUNT = 6;
const ADDITIONAL_AGENT_COUNT = AGENT_PAGES.length - FEATURED_AGENT_COUNT;
const SOCIAL_PROOF_TWEETS = [
@@ -358,6 +359,7 @@ function MultiProviderSection() {
{ name: "Codex", icon: },
{ name: "OpenCode", icon: },
{ name: "Copilot", icon: },
+ { name: "OMP (Oh My Pi)", icon: },
{ name: "Pi", icon: },
];
@@ -1251,6 +1253,7 @@ function GetStarted() {
+
) {
);
}
+function OmpIcon(props: React.SVGProps) {
+ return (
+
+ );
+}
+
function PiIcon(props: React.SVGProps) {
return (