public/claude-code-proxy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Standardize model check logic in react

Browse source
This commit is contained in:
Seif Ghazi 2025-08-04 23:05:28 -04:00
parent 44c27e9c22
commit 547d4b620c
No known key found for this signature in database
GPG key ID: 4519A4B1EEC1494E
2 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/app/components/RequestDetailContent.tsx
View file

@ -22,6 +22,7 @@ import {
} from 'lucide-react'; } from 'lucide-react';
import { MessageContent } from './MessageContent'; import { MessageContent } from './MessageContent';
import { formatJSON } from '../utils/formatters'; import { formatJSON } from '../utils/formatters';
import { getChatCompletionsEndpoint, getProviderName } from '../utils/models';
interface Request { interface Request {
id: number; id: number;
@ -152,7 +153,7 @@ export default function RequestDetailContent({ request, onGrade }: RequestDetail
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">
<span className="text-gray-500 font-medium min-w-[80px]">Endpoint:</span> <span className="text-gray-500 font-medium min-w-[80px]">Endpoint:</span>
<code className="text-blue-600 bg-blue-50 px-2 py-1 rounded font-mono text-xs border border-blue-200"> <code className="text-blue-600 bg-blue-50 px-2 py-1 rounded font-mono text-xs border border-blue-200">
{request.routedModel && request.routedModel.startsWith('gpt-') ? '/v1/chat/completions' : request.endpoint} {getChatCompletionsEndpoint(request.routedModel, request.endpoint)}
</code> </code>
</div> </div>
</div> </div>
@ -352,14 +353,14 @@ export default function RequestDetailContent({ request, onGrade }: RequestDetail
{request.routedModel} {request.routedModel}
</code> </code>
<span className="text-xs bg-blue-100 text-blue-700 px-2 py-1 rounded-full border border-blue-200"> <span className="text-xs bg-blue-100 text-blue-700 px-2 py-1 rounded-full border border-blue-200">
{request.routedModel.startsWith('gpt-') || request.routedModel.startsWith('o') ? 'OpenAI' : 'Anthropic'} {getProviderName(request.routedModel)}
</span> </span>
</div> </div>
</div> </div>
<div className="text-right"> <div className="text-right">
<div className="text-xs text-gray-500 mb-1">Target Endpoint</div> <div className="text-xs text-gray-500 mb-1">Target Endpoint</div>
<code className="text-xs bg-white px-2 py-1 rounded font-mono border border-gray-200"> <code className="text-xs bg-white px-2 py-1 rounded font-mono border border-gray-200">
{request.routedModel.startsWith('gpt-') ? '/v1/chat/completions' : '/v1/messages'} {getChatCompletionsEndpoint(request.routedModel)}
</code> </code>
</div> </div>
</div> </div>

3
web/app/routes/_index.tsx
View file

@ -34,6 +34,7 @@ import {
import RequestDetailContent from "../components/RequestDetailContent"; import RequestDetailContent from "../components/RequestDetailContent";
import { ConversationThread } from "../components/ConversationThread"; import { ConversationThread } from "../components/ConversationThread";
import { getChatCompletionsEndpoint } from "../utils/models";
export const meta: MetaFunction = () => { export const meta: MetaFunction = () => {
return [ return [
@ -697,7 +698,7 @@ export default function Index() {
{/* Endpoint */} {/* Endpoint */}
<div className="text-xs text-gray-600 font-mono mb-1"> <div className="text-xs text-gray-600 font-mono mb-1">
{request.routedModel && request.routedModel.startsWith('gpt-') ? '/v1/chat/completions' : request.endpoint} {getChatCompletionsEndpoint(request.routedModel, request.endpoint)}
</div> </div>
{/* Metrics Row */} {/* Metrics Row */}