diff --git a/studio/frontend/src/features/chat/chat-page.tsx b/studio/frontend/src/features/chat/chat-page.tsx index ea64b39451..445262638e 100644 --- a/studio/frontend/src/features/chat/chat-page.tsx +++ b/studio/frontend/src/features/chat/chat-page.tsx @@ -658,6 +658,39 @@ print(completion.choices[0].message.content)`, }'`, [endpointApiKey, endpointBaseUrl, modelAlias], ); + const responsesPythonSnippet = useMemo( + () => `from openai import OpenAI + +client = OpenAI( + base_url="${endpointBaseUrl}", + api_key="${endpointApiKey}", +) + +response = client.responses.create( + model="${modelAlias}", + input=[{ + "role": "user", + "content": [{"type": "input_text", "text": "What is 2+2?"}], + }], +) + +print(response.output[0].content[0].text)`, + [endpointApiKey, endpointBaseUrl, modelAlias], + ); + const responsesCurlSnippet = useMemo( + () => `curl ${endpointBaseUrl}/responses \\ + -H "Content-Type: application/json" \\ + -H "Authorization: Bearer ${endpointApiKey}" \\ + -d '{ + "model": "${modelAlias}", + "input": [{ + "role": "user", + "content": [{"type": "input_text", "text": "What is 2+2?"}] + }] + }'`, + [endpointApiKey, endpointBaseUrl, modelAlias], + ); + const [endpointApiTab, setEndpointApiTab] = useState<"completions" | "responses">("completions"); const applyEndpointData = useCallback( (data: { @@ -1366,21 +1399,67 @@ print(completion.choices[0].message.content)`,