Add protocol selection to Claude and Codex provider forms referencing CCSwitch

src/pages/Codex.tsx

@@ -8,6 +8,7 @@ import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { ProviderForm, type ProviderSubmitInput } from "@/components/ProviderForm";
+import { formatProtocolBadge } from "@/lib/utils";
 
 export default function Codex() {
   const { t } = useTranslation();
@@ -151,6 +152,9 @@ export default function Codex() {
                     <span className="text-sm font-medium">{provider.name}</span>
                     {provider.enabled_for_codex && <Badge tone="success">{t("codex.activated")}</Badge>}
                     {provider.preset && <Badge>{provider.preset}</Badge>}
+                    {provider.protocol && (
+                      <Badge>{formatProtocolBadge(provider.protocol)}</Badge>
+                    )}
                   </div>
                   <div className="truncate text-xs text-zinc-500">{provider.base_url}</div>
                 </div>