-
-
{isGenerating && onStop ? (
.
For commercial licensing, please contact support@quantumnous.com
*/
-import { useCallback } from 'react'
+import { useCallback, useMemo } from 'react'
import { toast } from 'sonner'
-import { sendChatCompletion } from '../api'
+import { sendPlaygroundRequest } from '../api'
import { MESSAGE_STATUS, ERROR_MESSAGES } from '../constants'
import {
- buildChatCompletionPayload,
+ buildPlaygroundPayload,
+ finalizeMessage,
+ inferPlaygroundEndpoint,
+ normalizePlaygroundError,
+ normalizePlaygroundResponse,
+ processStreamingContent,
updateAssistantMessageWithError,
+ updateCurrentVersionContent,
updateLastAssistantMessage,
- processStreamingContent,
- finalizeMessage,
} from '../lib'
+import { isImageGenerationEndpoint } from '../lib/validation'
import type { Message, PlaygroundConfig, ParameterEnabled } from '../types'
import { useStreamRequest } from './use-stream-request'
@@ -45,16 +50,19 @@ export function useChatHandler({
onMessageUpdate,
}: UseChatHandlerOptions) {
const { sendStreamRequest, stopStream, isStreaming } = useStreamRequest()
+ const endpoint = useMemo(
+ () => config.endpointOverride ?? inferPlaygroundEndpoint(config.model),
+ [config.endpointOverride, config.model]
+ )
// Handle stream update
const handleStreamUpdate = useCallback(
- (type: 'reasoning' | 'content', chunk: string) => {
+ ({ type, chunk }: { type: 'reasoning' | 'content'; chunk: string }) => {
onMessageUpdate((prev) =>
updateLastAssistantMessage(prev, (message) => {
if (message.status === MESSAGE_STATUS.ERROR) return message
if (type === 'reasoning') {
- // Direct API reasoning_content
return {
...message,
reasoning: {
@@ -66,7 +74,6 @@ export function useChatHandler({
}
}
- // Content streaming: handle
tags
return {
...processStreamingContent(message, chunk),
status: MESSAGE_STATUS.STREAMING,
@@ -78,16 +85,35 @@ export function useChatHandler({
)
// Handle stream complete
- const handleStreamComplete = useCallback(() => {
- onMessageUpdate((prev) =>
- updateLastAssistantMessage(prev, (message) =>
- message.status === MESSAGE_STATUS.COMPLETE ||
- message.status === MESSAGE_STATUS.ERROR
- ? message
- : { ...finalizeMessage(message), status: MESSAGE_STATUS.COMPLETE }
+ const handleStreamComplete = useCallback(
+ (result?: { content?: string; reasoning?: string; images?: Message['images'] }) => {
+ onMessageUpdate((prev) =>
+ updateLastAssistantMessage(prev, (message) => {
+ if (
+ message.status === MESSAGE_STATUS.COMPLETE ||
+ message.status === MESSAGE_STATUS.ERROR
+ ) {
+ return message
+ }
+
+ const withCompletedContent = result?.content
+ ? updateCurrentVersionContent(message, result.content)
+ : message
+ const finalized = finalizeMessage(
+ withCompletedContent,
+ result?.reasoning
+ )
+
+ return {
+ ...finalized,
+ images: result?.images?.length ? result.images : finalized.images,
+ status: MESSAGE_STATUS.COMPLETE,
+ }
+ })
)
- )
- }, [onMessageUpdate])
+ },
+ [onMessageUpdate]
+ )
// Handle stream error
const handleStreamError = useCallback(
@@ -103,12 +129,14 @@ export function useChatHandler({
// Send streaming chat request
const sendStreamingChat = useCallback(
(messages: Message[]) => {
- const payload = buildChatCompletionPayload(
+ const payload = buildPlaygroundPayload(
+ endpoint,
messages,
config,
parameterEnabled
)
sendStreamRequest(
+ endpoint,
payload,
handleStreamUpdate,
handleStreamComplete,
@@ -116,6 +144,7 @@ export function useChatHandler({
)
},
[
+ endpoint,
config,
parameterEnabled,
sendStreamRequest,
@@ -128,62 +157,48 @@ export function useChatHandler({
// Send non-streaming chat request
const sendNonStreamingChat = useCallback(
async (messages: Message[]) => {
- const payload = buildChatCompletionPayload(
+ const payload = buildPlaygroundPayload(
+ endpoint,
messages,
config,
parameterEnabled
)
try {
- const response = await sendChatCompletion(payload)
- const choice = response.choices?.[0]
- if (!choice) return
+ const response = await sendPlaygroundRequest(endpoint, payload)
+ const normalized = normalizePlaygroundResponse(endpoint, response)
onMessageUpdate((prev) =>
updateLastAssistantMessage(prev, (message) => ({
...finalizeMessage(
- {
- ...message,
- versions: [
- {
- ...message.versions[0],
- content: choice.message?.content || '',
- },
- ],
- },
- choice.message?.reasoning_content
+ updateCurrentVersionContent(message, normalized.content),
+ normalized.reasoning
),
+ images: normalized.images?.length ? normalized.images : message.images,
status: MESSAGE_STATUS.COMPLETE,
}))
)
} catch (error: unknown) {
- const err = error as {
- response?: {
- data?: { message?: string; error?: { code?: string } }
- }
- message?: string
- }
+ const normalized = normalizePlaygroundError(error)
handleStreamError(
- err?.response?.data?.message ||
- err?.message ||
- ERROR_MESSAGES.API_REQUEST_ERROR,
- err?.response?.data?.error?.code || undefined
+ normalized.message || ERROR_MESSAGES.API_REQUEST_ERROR,
+ normalized.code
)
}
},
- [config, parameterEnabled, onMessageUpdate, handleStreamError]
+ [endpoint, config, parameterEnabled, onMessageUpdate, handleStreamError]
)
// Send chat request (stream or non-stream based on config)
const sendChat = useCallback(
(messages: Message[]) => {
- if (config.stream) {
+ if (config.stream && !isImageGenerationEndpoint(endpoint)) {
sendStreamingChat(messages)
} else {
sendNonStreamingChat(messages)
}
},
- [config.stream, sendStreamingChat, sendNonStreamingChat]
+ [config.stream, endpoint, sendStreamingChat, sendNonStreamingChat]
)
// Stop generation
diff --git a/web/default/src/features/playground/hooks/use-stream-request.ts b/web/default/src/features/playground/hooks/use-stream-request.ts
index 05f2b2ffe20f..22902b4bda97 100644
--- a/web/default/src/features/playground/hooks/use-stream-request.ts
+++ b/web/default/src/features/playground/hooks/use-stream-request.ts
@@ -20,10 +20,34 @@ import { useCallback, useRef } from 'react'
import { SSE } from 'sse.js'
import { getCommonHeaders } from '@/lib/api'
import { API_ENDPOINTS, ERROR_MESSAGES } from '../constants'
-import type { ChatCompletionRequest, ChatCompletionChunk } from '../types'
+import { normalizePlaygroundResponse } from '../lib'
+import type {
+ ChatCompletionChunk,
+ PlaygroundEndpoint,
+ PlaygroundImage,
+ PlaygroundRequest,
+} from '../types'
+
+const ENDPOINT_URLS: Record = {
+ 'chat-completions': API_ENDPOINTS.CHAT_COMPLETIONS,
+ responses: API_ENDPOINTS.RESPONSES,
+ 'claude-messages': API_ENDPOINTS.CLAUDE_MESSAGES,
+ 'image-generations': API_ENDPOINTS.IMAGE_GENERATIONS,
+}
+
+interface StreamUpdatePayload {
+ type: 'reasoning' | 'content'
+ chunk: string
+}
+
+interface StreamCompletePayload {
+ content?: string
+ reasoning?: string
+ images?: PlaygroundImage[]
+}
/**
- * Hook for handling streaming chat completion requests
+ * Hook for handling streaming playground requests
*/
export function useStreamRequest() {
const sseSourceRef = useRef(null)
@@ -31,12 +55,13 @@ export function useStreamRequest() {
const sendStreamRequest = useCallback(
(
- payload: ChatCompletionRequest,
- onUpdate: (type: 'reasoning' | 'content', chunk: string) => void,
- onComplete: () => void,
+ endpoint: PlaygroundEndpoint,
+ payload: PlaygroundRequest,
+ onUpdate: (payload: StreamUpdatePayload) => void,
+ onComplete: (payload?: StreamCompletePayload) => void,
onError: (error: string, errorCode?: string) => void
) => {
- const source = new SSE(API_ENDPOINTS.CHAT_COMPLETIONS, {
+ const source = new SSE(ENDPOINT_URLS[endpoint], {
headers: getCommonHeaders(),
method: 'POST',
payload: JSON.stringify(payload),
@@ -57,35 +82,93 @@ export function useStreamRequest() {
}
}
- source.addEventListener('message', (e: MessageEvent) => {
- if (e.data === '[DONE]') {
- isStreamCompleteRef.current = true
- closeSource()
- onComplete()
+ const completeStream = (payload?: StreamCompletePayload) => {
+ if (isStreamCompleteRef.current) return
+ isStreamCompleteRef.current = true
+ closeSource()
+ onComplete(payload)
+ }
+
+ const parseData = (data: string, eventType?: string) => {
+ if (data === '[DONE]') {
+ completeStream()
return
}
try {
- const chunk: ChatCompletionChunk = JSON.parse(e.data)
- const delta = chunk.choices?.[0]?.delta
-
- if (delta) {
- if (delta.reasoning_content) {
- onUpdate('reasoning', delta.reasoning_content)
+ const parsed = JSON.parse(data) as Record
+
+ if (endpoint === 'responses') {
+ const type = typeof parsed.type === 'string' ? parsed.type : eventType
+ if (
+ (type === 'response.output_text.delta' ||
+ type === 'response.reasoning_text.delta') &&
+ typeof parsed.delta === 'string'
+ ) {
+ onUpdate({
+ type:
+ type === 'response.reasoning_text.delta'
+ ? 'reasoning'
+ : 'content',
+ chunk: parsed.delta,
+ })
}
- if (delta.content) {
- onUpdate('content', delta.content)
+ if (type === 'response.completed' && parsed.response) {
+ completeStream(normalizePlaygroundResponse('responses', parsed.response))
+ }
+ return
+ }
+
+ if (endpoint === 'claude-messages') {
+ const type = typeof parsed.type === 'string' ? parsed.type : eventType
+ const delta = parsed.delta as Record | undefined
+ if (type === 'content_block_delta' && delta) {
+ if (typeof delta.thinking === 'string') {
+ onUpdate({ type: 'reasoning', chunk: delta.thinking })
+ }
+ if (typeof delta.text === 'string') {
+ onUpdate({ type: 'content', chunk: delta.text })
+ }
}
+ if (type === 'message_stop') completeStream()
+ return
+ }
+
+ const chunk = parsed as unknown as ChatCompletionChunk
+ const delta = chunk.choices?.[0]?.delta
+
+ if (delta?.reasoning_content) {
+ onUpdate({ type: 'reasoning', chunk: delta.reasoning_content })
+ }
+ if (delta?.content) {
+ onUpdate({ type: 'content', chunk: delta.content })
}
} catch (error) {
// eslint-disable-next-line no-console
console.error('Failed to parse SSE message:', error)
handleError(ERROR_MESSAGES.PARSE_ERROR)
}
- })
+ }
+
+ const addDataListener = (eventName: string) => {
+ source.addEventListener(eventName, (e: MessageEvent) => {
+ parseData(e.data, eventName)
+ })
+ }
+
+ if (endpoint === 'responses') {
+ ;[
+ 'response.output_text.delta',
+ 'response.reasoning_text.delta',
+ 'response.completed',
+ ].forEach(addDataListener)
+ } else if (endpoint === 'claude-messages') {
+ ;['content_block_delta', 'message_stop'].forEach(addDataListener)
+ } else {
+ addDataListener('message')
+ }
source.addEventListener('error', (e: Event & { data?: string }) => {
- // Only handle errors if stream didn't complete normally
if (source.readyState !== 2) {
// eslint-disable-next-line no-console
console.error('SSE Error:', e)
diff --git a/web/default/src/features/playground/index.tsx b/web/default/src/features/playground/index.tsx
index 49d4a37c56be..ca85a200c6d4 100644
--- a/web/default/src/features/playground/index.tsx
+++ b/web/default/src/features/playground/index.tsx
@@ -16,17 +16,22 @@ along with this program. If not, see .
For commercial licensing, please contact support@quantumnous.com
*/
-import { useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
import { useQuery } from '@tanstack/react-query'
+import { toast } from 'sonner'
import { getUserModels, getUserGroups } from './api'
import { PlaygroundChat } from './components/playground-chat'
import { PlaygroundInput } from './components/playground-input'
import { DEFAULT_GROUP } from './constants'
import { usePlaygroundState, useChatHandler } from './hooks'
import { createUserMessage, createLoadingAssistantMessage } from './lib'
-import type { Message as MessageType } from './types'
+import { inferPlaygroundEndpoint } from './lib/endpoint'
+import { isImageGenerationEndpoint, validateImageSize } from './lib/validation'
+import type { Message as MessageType, PlaygroundEndpoint } from './types'
export function Playground() {
+ const { t } = useTranslation()
const {
config,
parameterEnabled,
@@ -39,6 +44,12 @@ export function Playground() {
updateConfig,
} = usePlaygroundState()
+ const inferredEndpoint = useMemo(
+ () => inferPlaygroundEndpoint(config.model),
+ [config.model]
+ )
+ const endpoint = config.endpointOverride ?? inferredEndpoint
+
const { sendChat, stopGeneration, isGenerating } = useChatHandler({
config,
parameterEnabled,
@@ -72,6 +83,7 @@ export function Playground() {
const isCurrentModelValid = modelsData.some((m) => m.value === config.model)
if (modelsData.length > 0 && !isCurrentModelValid) {
updateConfig('model', modelsData[0].value)
+ updateConfig('endpointOverride', null)
}
}, [modelsData, config.model, setModels, updateConfig])
@@ -97,6 +109,14 @@ export function Playground() {
}, [groupsData, setGroups])
const handleSendMessage = (text: string) => {
+ if (isImageGenerationEndpoint(endpoint)) {
+ const imageSizeError = validateImageSize(config.image_size)
+ if (imageSizeError) {
+ toast.error(t(imageSizeError))
+ return
+ }
+ }
+
const userMessage = createUserMessage(text)
const assistantMessage = createLoadingAssistantMessage()
@@ -107,12 +127,6 @@ export function Playground() {
sendChat(newMessages)
}
- const handleCopyMessage = (message: MessageType) => {
- // Copy is handled in MessageActions component
- // eslint-disable-next-line no-console
- console.log('Message copied:', message.key)
- }
-
const handleRegenerateMessage = (message: MessageType) => {
// Find the message index and regenerate from there
const messageIndex = messages.findIndex((m) => m.key === message.key)
@@ -170,13 +184,26 @@ export function Playground() {
updateMessages(newMessages)
}
+ const handleModelChange = (value: string) => {
+ updateConfig('model', value)
+ updateConfig('endpointOverride', null)
+ }
+
+ const handleEndpointChange = (value: PlaygroundEndpoint) => {
+ if (value === inferredEndpoint) {
+ updateConfig('endpointOverride', null)
+ return
+ }
+
+ updateConfig('endpointOverride', value)
+ }
+
return (
{/* Full-width scroll container: scrolling works even over side whitespace */}
updateConfig('group', value)}
- onModelChange={(value) => updateConfig('model', value)}
+ onImageQualityChange={(value) => updateConfig('image_quality', value)}
+ onImageSizeChange={(value) => updateConfig('image_size', value)}
+ imageQuality={config.image_quality}
+ imageSize={config.image_size}
+ onModelChange={handleModelChange}
onStop={stopGeneration}
onSubmit={handleSendMessage}
/>
diff --git a/web/default/src/features/playground/lib/endpoint.ts b/web/default/src/features/playground/lib/endpoint.ts
new file mode 100644
index 000000000000..04a13cf8b752
--- /dev/null
+++ b/web/default/src/features/playground/lib/endpoint.ts
@@ -0,0 +1,71 @@
+import { t } from 'i18next'
+import type { PlaygroundEndpoint } from '../types'
+
+const IMAGE_MODEL_PATTERNS = [
+ 'gpt-image',
+ 'dall-e',
+ 'imagen-',
+ 'flux-',
+ 'flux.1-',
+]
+
+export function inferPlaygroundEndpoint(model: string): PlaygroundEndpoint {
+ const normalized = model.toLowerCase()
+
+ if (IMAGE_MODEL_PATTERNS.some((pattern) => normalized.includes(pattern))) {
+ return 'image-generations'
+ }
+
+ if (
+ normalized.includes('claude') ||
+ normalized.includes('haiku') ||
+ normalized.includes('sonnet') ||
+ normalized.includes('opus')
+ ) {
+ return 'claude-messages'
+ }
+
+ if (
+ normalized.startsWith('gpt-') ||
+ normalized.startsWith('chatgpt') ||
+ /^o\d/.test(normalized)
+ ) {
+ return 'responses'
+ }
+
+ return 'chat-completions'
+}
+
+export function getEndpointLabel(endpoint: PlaygroundEndpoint): string {
+ switch (endpoint) {
+ case 'responses':
+ return t('playground.endpoint.label.responses')
+ case 'claude-messages':
+ return t('playground.endpoint.label.claude-messages')
+ case 'image-generations':
+ return t('playground.endpoint.label.image-generations')
+ case 'chat-completions':
+ return t('playground.endpoint.label.chat-completions')
+ default: {
+ const exhaustiveCheck: never = endpoint
+ return exhaustiveCheck
+ }
+ }
+}
+
+export function getEndpointDescription(endpoint: PlaygroundEndpoint): string {
+ switch (endpoint) {
+ case 'responses':
+ return t('playground.endpoint.description.responses')
+ case 'claude-messages':
+ return t('playground.endpoint.description.claude-messages')
+ case 'image-generations':
+ return t('playground.endpoint.description.image-generations')
+ case 'chat-completions':
+ return t('playground.endpoint.description.chat-completions')
+ default: {
+ const exhaustiveCheck: never = endpoint
+ return exhaustiveCheck
+ }
+ }
+}
diff --git a/web/default/src/features/playground/lib/index.ts b/web/default/src/features/playground/lib/index.ts
index e661bacf2ce8..85a34dd5111e 100644
--- a/web/default/src/features/playground/lib/index.ts
+++ b/web/default/src/features/playground/lib/index.ts
@@ -20,3 +20,5 @@ export * from './message-utils'
export * from './payload-builder'
export * from './storage'
export * from './message-styles'
+export * from './endpoint'
+export * from './response-parser'
diff --git a/web/default/src/features/playground/lib/payload-builder.ts b/web/default/src/features/playground/lib/payload-builder.ts
index f623dbe6c2d0..f842441e81f9 100644
--- a/web/default/src/features/playground/lib/payload-builder.ts
+++ b/web/default/src/features/playground/lib/payload-builder.ts
@@ -21,8 +21,45 @@ import type {
Message,
PlaygroundConfig,
ParameterEnabled,
+ ResponsesRequest,
+ ClaudeMessagesRequest,
+ ImageGenerationRequest,
+ PlaygroundEndpoint,
+ PlaygroundRequest,
} from '../types'
-import { formatMessageForAPI, isValidMessage } from './message-utils'
+import {
+ formatMessageForAPI,
+ getCurrentVersion,
+ isValidMessage,
+} from './message-utils'
+
+function getProcessedMessages(messages: Message[]) {
+ return messages.filter(isValidMessage).map(formatMessageForAPI)
+}
+
+function getLastUserPrompt(messages: Message[]): string {
+ for (let i = messages.length - 1; i >= 0; i--) {
+ const message = messages[i]
+ if (message?.from === 'user') {
+ return getCurrentVersion(message).content
+ }
+ }
+ return ''
+}
+
+function applyCommonTextParameters(
+ payload: Record,
+ config: PlaygroundConfig,
+ parameterEnabled: ParameterEnabled,
+ maxTokenKey: 'max_tokens' | 'max_output_tokens'
+) {
+ if (parameterEnabled.temperature) payload.temperature = config.temperature
+ if (parameterEnabled.top_p) payload.top_p = config.top_p
+ if (parameterEnabled.max_tokens) payload[maxTokenKey] =
+ maxTokenKey === 'max_output_tokens'
+ ? config.max_output_tokens
+ : config.max_tokens
+}
/**
* Build API request payload from messages and config
@@ -32,19 +69,13 @@ export function buildChatCompletionPayload(
config: PlaygroundConfig,
parameterEnabled: ParameterEnabled
): ChatCompletionRequest {
- // Filter and format valid messages
- const processedMessages = messages
- .filter(isValidMessage)
- .map(formatMessageForAPI)
-
const payload: ChatCompletionRequest = {
model: config.model,
group: config.group,
- messages: processedMessages,
+ messages: getProcessedMessages(messages),
stream: config.stream,
}
- // Add enabled parameters
const parameterKeys: Array = [
'temperature',
'top_p',
@@ -65,3 +96,101 @@ export function buildChatCompletionPayload(
return payload
}
+
+export function buildResponsesPayload(
+ messages: Message[],
+ config: PlaygroundConfig,
+ parameterEnabled: ParameterEnabled
+): ResponsesRequest {
+ const processedMessages = getProcessedMessages(messages)
+ const systemMessages = processedMessages.filter((m) => m.role === 'system')
+ const input = processedMessages.filter((m) => m.role !== 'system')
+ const payload: ResponsesRequest = {
+ model: config.model,
+ group: config.group,
+ input,
+ stream: config.stream,
+ }
+
+ if (systemMessages.length > 0) {
+ payload.instructions = systemMessages
+ .map((m) => (typeof m.content === 'string' ? m.content : ''))
+ .filter(Boolean)
+ .join('\n\n')
+ }
+
+ applyCommonTextParameters(
+ payload as unknown as Record,
+ config,
+ parameterEnabled,
+ 'max_output_tokens'
+ )
+
+ return payload
+}
+
+export function buildClaudeMessagesPayload(
+ messages: Message[],
+ config: PlaygroundConfig,
+ parameterEnabled: ParameterEnabled
+): ClaudeMessagesRequest {
+ const processedMessages = getProcessedMessages(messages)
+ const systemMessages = processedMessages.filter((m) => m.role === 'system')
+ const payload: ClaudeMessagesRequest = {
+ model: config.model,
+ group: config.group,
+ messages: processedMessages.filter((m) => m.role !== 'system'),
+ stream: config.stream,
+ }
+
+ if (systemMessages.length > 0) {
+ payload.system = systemMessages
+ .map((m) => (typeof m.content === 'string' ? m.content : ''))
+ .filter(Boolean)
+ .join('\n\n')
+ }
+
+ applyCommonTextParameters(
+ payload as unknown as Record,
+ config,
+ parameterEnabled,
+ 'max_tokens'
+ )
+
+ return payload
+}
+
+export function buildImageGenerationPayload(
+ messages: Message[],
+ config: PlaygroundConfig
+): ImageGenerationRequest {
+ const payload: ImageGenerationRequest = {
+ model: config.model,
+ group: config.group,
+ prompt: getLastUserPrompt(messages),
+ n: config.image_n,
+ size: config.image_size,
+ quality: config.image_quality,
+ response_format: config.image_response_format,
+ }
+
+ return payload
+}
+
+export function buildPlaygroundPayload(
+ endpoint: PlaygroundEndpoint,
+ messages: Message[],
+ config: PlaygroundConfig,
+ parameterEnabled: ParameterEnabled
+): PlaygroundRequest {
+ switch (endpoint) {
+ case 'responses':
+ return buildResponsesPayload(messages, config, parameterEnabled)
+ case 'claude-messages':
+ return buildClaudeMessagesPayload(messages, config, parameterEnabled)
+ case 'image-generations':
+ return buildImageGenerationPayload(messages, config)
+ default:
+ return buildChatCompletionPayload(messages, config, parameterEnabled)
+ }
+}
diff --git a/web/default/src/features/playground/lib/response-parser.ts b/web/default/src/features/playground/lib/response-parser.ts
new file mode 100644
index 000000000000..cedb78fc5a33
--- /dev/null
+++ b/web/default/src/features/playground/lib/response-parser.ts
@@ -0,0 +1,198 @@
+import { t } from 'i18next'
+import type { PlaygroundEndpoint, PlaygroundImage } from '../types'
+
+interface NormalizedPlaygroundResponse {
+ content: string
+ reasoning?: string
+ images?: PlaygroundImage[]
+}
+
+function extractTextFromContent(content: unknown): string {
+ if (typeof content === 'string') return content
+ if (!Array.isArray(content)) return ''
+
+ return content
+ .map((part) => {
+ if (!part || typeof part !== 'object') return ''
+ const record = part as Record
+ if (typeof record.text === 'string') return record.text
+ if (typeof record.content === 'string') return record.content
+ if (record.type === 'text' && typeof record.value === 'string') {
+ return record.value
+ }
+ return ''
+ })
+ .filter(Boolean)
+ .join('\n')
+}
+
+function extractImages(value: unknown): PlaygroundImage[] {
+ const images: PlaygroundImage[] = []
+
+ const visit = (node: unknown) => {
+ if (!node || typeof node !== 'object') return
+
+ if (Array.isArray(node)) {
+ node.forEach(visit)
+ return
+ }
+
+ const record = node as Record
+ const maybeImage: PlaygroundImage = {}
+
+ if (typeof record.url === 'string') maybeImage.url = record.url
+ if (typeof record.image_url === 'string') maybeImage.url = record.image_url
+ if (typeof record.b64_json === 'string') maybeImage.b64_json = record.b64_json
+ if (typeof record.result === 'string') maybeImage.b64_json = record.result
+ if (typeof record.mime_type === 'string') maybeImage.mime_type = record.mime_type
+
+ if (maybeImage.url || maybeImage.b64_json) {
+ images.push(maybeImage)
+ }
+
+ Object.values(record).forEach(visit)
+ }
+
+ visit(value)
+ return images
+}
+
+function normalizeChatCompletionResponse(response: unknown): NormalizedPlaygroundResponse {
+ const record = response as {
+ choices?: Array<{
+ message?: { content?: string; reasoning_content?: string }
+ }>
+ }
+ const choice = record.choices?.[0]
+ return {
+ content: choice?.message?.content || '',
+ reasoning: choice?.message?.reasoning_content,
+ }
+}
+
+function normalizeResponsesResponse(response: unknown): NormalizedPlaygroundResponse {
+ const record = response as Record
+ const images = extractImages(record.output)
+ const outputText = typeof record.output_text === 'string' ? record.output_text : ''
+
+ if (outputText) {
+ return { content: outputText, images }
+ }
+
+ const output = Array.isArray(record.output) ? record.output : []
+ const content = output
+ .map((item) => {
+ if (!item || typeof item !== 'object') return ''
+ const itemRecord = item as Record
+ return extractTextFromContent(itemRecord.content)
+ })
+ .filter(Boolean)
+ .join('\n')
+
+ return { content, images }
+}
+
+function normalizeClaudeResponse(response: unknown): NormalizedPlaygroundResponse {
+ const record = response as Record
+ const content = extractTextFromContent(record.content)
+ const reasoning = Array.isArray(record.content)
+ ? record.content
+ .map((part) => {
+ if (!part || typeof part !== 'object') return ''
+ const partRecord = part as Record
+ if (
+ (partRecord.type === 'thinking' || partRecord.type === 'reasoning') &&
+ typeof partRecord.thinking === 'string'
+ ) {
+ return partRecord.thinking
+ }
+ if (
+ (partRecord.type === 'thinking' || partRecord.type === 'reasoning') &&
+ typeof partRecord.text === 'string'
+ ) {
+ return partRecord.text
+ }
+ return ''
+ })
+ .filter(Boolean)
+ .join('\n')
+ : ''
+
+ return { content, reasoning }
+}
+
+function normalizeImageGenerationResponse(response: unknown): NormalizedPlaygroundResponse {
+ const record = response as Record
+ return {
+ content: '',
+ images: extractImages(record.data),
+ }
+}
+
+export function normalizePlaygroundResponse(
+ endpoint: PlaygroundEndpoint,
+ response: unknown
+): NormalizedPlaygroundResponse {
+ switch (endpoint) {
+ case 'responses':
+ return normalizeResponsesResponse(response)
+ case 'claude-messages':
+ return normalizeClaudeResponse(response)
+ case 'image-generations':
+ return normalizeImageGenerationResponse(response)
+ default:
+ return normalizeChatCompletionResponse(response)
+ }
+}
+
+export function normalizePlaygroundError(error: unknown): {
+ message: string
+ code?: string
+} {
+ const err = error as {
+ response?: {
+ status?: number
+ statusText?: string
+ data?:
+ | string
+ | {
+ message?: string
+ error?: { message?: string; code?: string }
+ }
+ }
+ message?: string
+ }
+
+ const status = err?.response?.status
+ const responseData = err?.response?.data
+
+ if (status === 504) {
+ return {
+ message: t('errors.gatewayTimeout'),
+ code: undefined,
+ }
+ }
+
+ if (typeof responseData === 'string') {
+ return {
+ message: status
+ ? t('errors.httpError', {
+ status,
+ statusText: err?.response?.statusText
+ ? `: ${err.response.statusText}`
+ : '',
+ })
+ : t('errors.requestError'),
+ code: undefined,
+ }
+ }
+
+ return {
+ message:
+ responseData?.error?.message ||
+ responseData?.message ||
+ err?.message ||
+ t('errors.requestError'),
+ code: responseData?.error?.code || undefined,
+ }
+}
diff --git a/web/default/src/features/playground/lib/validation.ts b/web/default/src/features/playground/lib/validation.ts
new file mode 100644
index 000000000000..9c9fd3fc1134
--- /dev/null
+++ b/web/default/src/features/playground/lib/validation.ts
@@ -0,0 +1,28 @@
+import { t } from 'i18next'
+import type { PlaygroundEndpoint } from '../types'
+
+export const IMAGE_QUALITY_OPTIONS = ['low', 'medium', 'high', 'auto'] as const
+
+export const IMAGE_SIZE_PATTERN = /^([1-9]\d*)[xX]([1-9]\d*)$/
+
+export function validateImageSize(size: string): string | null {
+ const trimmedSize = size.trim()
+ const match = IMAGE_SIZE_PATTERN.exec(trimmedSize)
+
+ if (!match) return t('playground.image.size.formatError')
+
+ const width = Number(match[1])
+ const height = Number(match[2])
+
+ if (width > 3840 || height > 3840) {
+ return t('playground.image.size.limitError')
+ }
+
+ return null
+}
+
+export function isImageGenerationEndpoint(
+ endpoint: PlaygroundEndpoint
+): endpoint is 'image-generations' {
+ return endpoint === 'image-generations'
+}
diff --git a/web/default/src/features/playground/types.ts b/web/default/src/features/playground/types.ts
index 11a42e3c4cb1..15f35c51c20f 100644
--- a/web/default/src/features/playground/types.ts
+++ b/web/default/src/features/playground/types.ts
@@ -21,6 +21,18 @@ export type MessageRole = 'user' | 'assistant' | 'system'
export type MessageStatus = 'loading' | 'streaming' | 'complete' | 'error'
+export type PlaygroundEndpoint =
+ | 'chat-completions'
+ | 'responses'
+ | 'claude-messages'
+ | 'image-generations'
+
+export interface PlaygroundImage {
+ url?: string
+ b64_json?: string
+ mime_type?: string
+}
+
export interface MessageVersion {
id: string
content: string
@@ -31,6 +43,7 @@ export interface Message {
from: MessageRole
versions: MessageVersion[]
sources?: { href: string; title: string }[]
+ images?: PlaygroundImage[]
reasoning?: {
content: string
duration: number
@@ -69,6 +82,45 @@ export interface ChatCompletionRequest {
seed?: number
}
+export interface ResponsesRequest {
+ model: string
+ group?: string
+ input: ChatCompletionMessage[]
+ instructions?: string
+ stream?: boolean
+ temperature?: number
+ top_p?: number
+ max_output_tokens?: number
+ tools?: Array>
+}
+
+export interface ClaudeMessagesRequest {
+ model: string
+ group?: string
+ system?: string
+ messages: ChatCompletionMessage[]
+ stream?: boolean
+ temperature?: number
+ top_p?: number
+ max_tokens?: number
+}
+
+export interface ImageGenerationRequest {
+ model: string
+ group?: string
+ prompt: string
+ n?: number
+ size?: string
+ quality?: string
+ response_format?: string
+}
+
+export type PlaygroundRequest =
+ | ChatCompletionRequest
+ | ResponsesRequest
+ | ClaudeMessagesRequest
+ | ImageGenerationRequest
+
export interface ChatCompletionChunk {
id: string
object: string
@@ -110,13 +162,19 @@ export interface ChatCompletionResponse {
export interface PlaygroundConfig {
model: string
group: string
+ endpointOverride: PlaygroundEndpoint | null
temperature: number
top_p: number
max_tokens: number
+ max_output_tokens: number
frequency_penalty: number
presence_penalty: number
seed: number | null
stream: boolean
+ image_size: string
+ image_quality: string
+ image_n: number
+ image_response_format: string
}
export interface ParameterEnabled {
@@ -128,10 +186,10 @@ export interface ParameterEnabled {
seed: boolean
}
-// Model and group options
export interface ModelOption {
label: string
value: string
+ endpoint?: PlaygroundEndpoint
}
export interface GroupOption {
diff --git a/web/default/src/i18n/locales/en.json b/web/default/src/i18n/locales/en.json
index 05e8c5bd4296..98631d7a37ce 100644
--- a/web/default/src/i18n/locales/en.json
+++ b/web/default/src/i18n/locales/en.json
@@ -1752,7 +1752,7 @@
"footer.columns.related.links.oneApi": "One API",
"footer.columns.related.title": "Related Projects",
"footer.defaultCopyright": "All rights reserved.",
- "footer.new\u0061pi.projectAttributionSuffix": "All rights reserved. Designed and developed by the project contributors.",
+ "footer.newapi.projectAttributionSuffix": "All rights reserved. Designed and developed by the project contributors.",
"For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "For channels added after May 10, 2025, no need to remove \".\" from model names during deployment",
"For private deployments, format: https://fastgpt.run/api/openapi": "For private deployments, format: https://fastgpt.run/api/openapi",
"Force a syntactically valid JSON response": "Force a syntactically valid JSON response",
@@ -1807,7 +1807,7 @@
"Generate new backup codes for account recovery": "Generate new backup codes for account recovery",
"Generate New Codes": "Generate New Codes",
"Generate tokens from the Tokens page; you can scope them to specific models, groups, IPs, and rate-limits.": "Generate tokens from the Tokens page; you can scope them to specific models, groups, IPs, and rate-limits.",
- "Generated image": "Generated image",
+ "Generated image": "Generated image {{number}}",
"Generating new codes will invalidate all existing backup codes.": "Generating new codes will invalidate all existing backup codes.",
"Generating...": "Generating...",
"Generation quality preset": "Generation quality preset",
@@ -4403,6 +4403,24 @@
"Zero retention": "Zero retention",
"Zhipu": "Zhipu",
"Zhipu V4": "Zhipu V4",
- "Zoom": "Zoom"
+ "playground.image.zoom": "Zoom",
+ "playground.endpoint.autoInferredLabel": "Endpoint (auto inferred)",
+ "playground.endpoint.autoInferred": "Auto inferred",
+ "playground.image.quality": "Image quality",
+ "playground.image.size": "Image size",
+ "playground.endpoint.label.responses": "Responses (/v1/responses)",
+ "playground.endpoint.label.claude-messages": "Claude Messages (/v1/messages)",
+ "playground.endpoint.label.image-generations": "Images (/v1/images/generations)",
+ "playground.endpoint.label.chat-completions": "Chat Completions (/v1/chat/completions)",
+ "playground.endpoint.description.responses": "GPT text models, including Responses image_generation_call results.",
+ "playground.endpoint.description.claude-messages": "Claude Haiku, Sonnet, and Opus models.",
+ "playground.endpoint.description.image-generations": "Dedicated image models such as gpt-image and dall-e.",
+ "playground.endpoint.description.chat-completions": "Legacy OpenAI-compatible chat completion models.",
+ "errors.gatewayTimeout": "Gateway timeout. The image generation request took too long. Please try again later.",
+ "errors.httpError": "HTTP error {{status}}{{statusText}}",
+ "errors.requestError": "Request error occurred",
+ "playground.image.size.formatError": "Size must use axb format with positive integer dimensions",
+ "playground.image.size.limitError": "Size width and height must be less than or equal to 3840",
+ "playground.image.quality.select": "Please select quality"
}
}
diff --git a/web/default/src/i18n/locales/fr.json b/web/default/src/i18n/locales/fr.json
index f13d1b8bf368..9b92c5be3eac 100644
--- a/web/default/src/i18n/locales/fr.json
+++ b/web/default/src/i18n/locales/fr.json
@@ -1752,7 +1752,7 @@
"footer.columns.related.links.oneApi": "One API",
"footer.columns.related.title": "Projets liés",
"footer.defaultCopyright": "Tous droits réservés.",
- "footer.new\u0061pi.projectAttributionSuffix": "Tous droits réservés. Conçu et développé par les contributeurs du projet.",
+ "footer.newapi.projectAttributionSuffix": "Tous droits réservés. Conçu et développé par les contributeurs du projet.",
"For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "Pour les canaux ajoutés après le 10 mai 2025, pas besoin de supprimer \".\" des noms de modèles lors du déploiement",
"For private deployments, format: https://fastgpt.run/api/openapi": "Pour les déploiements privés, format : https://fastgpt.run/api/openapi",
"Force a syntactically valid JSON response": "Imposer une réponse JSON syntaxiquement valide",
@@ -1807,7 +1807,7 @@
"Generate new backup codes for account recovery": "Générer de nouveaux codes de secours pour la récupération du compte",
"Generate New Codes": "Générer de nouveaux codes",
"Generate tokens from the Tokens page; you can scope them to specific models, groups, IPs, and rate-limits.": "Générez des jetons depuis la page Jetons ; vous pouvez les restreindre par modèle, groupe, IP et limites de débit.",
- "Generated image": "Image générée",
+ "Generated image": "Image générée {{number}}",
"Generating new codes will invalidate all existing backup codes.": "La génération de nouveaux codes invalidera tous les codes de sauvegarde existants.",
"Generating...": "Génération...",
"Generation quality preset": "Préréglage de qualité de génération",
@@ -4403,6 +4403,24 @@
"Zero retention": "Aucune rétention",
"Zhipu": "Zhipu",
"Zhipu V4": "Zhipu V4",
- "Zoom": "Zoom"
+ "playground.image.zoom": "Zoom",
+ "playground.endpoint.autoInferredLabel": "Point de terminaison (détection automatique)",
+ "playground.endpoint.autoInferred": "Détection automatique",
+ "playground.image.quality": "Qualité de l’image",
+ "playground.image.size": "Taille de l’image",
+ "playground.endpoint.label.responses": "Responses (/v1/responses)",
+ "playground.endpoint.label.claude-messages": "Claude Messages (/v1/messages)",
+ "playground.endpoint.label.image-generations": "Images (/v1/images/generations)",
+ "playground.endpoint.label.chat-completions": "Chat Completions (/v1/chat/completions)",
+ "playground.endpoint.description.responses": "Modèles de texte GPT, y compris les résultats Responses image_generation_call.",
+ "playground.endpoint.description.claude-messages": "Modèles Claude Haiku, Sonnet et Opus.",
+ "playground.endpoint.description.image-generations": "Modèles d’image dédiés tels que gpt-image et dall-e.",
+ "playground.endpoint.description.chat-completions": "Modèles de chat completion OpenAI compatibles hérités.",
+ "errors.gatewayTimeout": "Délai d'attente dépassé. La requête de génération d'image a pris trop de temps. Veuillez réessayer plus tard.",
+ "errors.httpError": "Erreur HTTP {{status}} {{statusText}}",
+ "errors.requestError": "Une erreur de requête s'est produite",
+ "playground.image.size.formatError": "La taille doit utiliser le format axb avec des dimensions entières positives",
+ "playground.image.size.limitError": "La largeur et la hauteur doivent être inférieures ou égales à 3840",
+ "playground.image.quality.select": "Veuillez choisir la qualité"
}
}
diff --git a/web/default/src/i18n/locales/ja.json b/web/default/src/i18n/locales/ja.json
index 7a17e1cd5f91..ffa3fc7fa206 100644
--- a/web/default/src/i18n/locales/ja.json
+++ b/web/default/src/i18n/locales/ja.json
@@ -1752,7 +1752,7 @@
"footer.columns.related.links.oneApi": "1つのAPI",
"footer.columns.related.title": "関連プロジェクト",
"footer.defaultCopyright": "すべての権利を留保します。",
- "footer.new\u0061pi.projectAttributionSuffix": "すべての権利を留保します。プロジェクトコントリビューターにより設計・開発されています。",
+ "footer.newapi.projectAttributionSuffix": "すべての権利を留保します。プロジェクトコントリビューターにより設計・開発されています。",
"For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "2025 年 5 月 10 日以降に追加されたチャネルの場合、デプロイ時にモデル名から「.」を削除する必要はありません",
"For private deployments, format: https://fastgpt.run/api/openapi": "プライベートデプロイメントの場合、形式: https://fastgpt.run/api/openapi",
"Force a syntactically valid JSON response": "構文的に有効な JSON 応答を強制",
@@ -1807,7 +1807,7 @@
"Generate new backup codes for account recovery": "アカウント復旧用の新しいバックアップコードを生成",
"Generate New Codes": "新しいコードを生成",
"Generate tokens from the Tokens page; you can scope them to specific models, groups, IPs, and rate-limits.": "トークンページから API キーを発行できます。モデル、グループ、IP、レート制限ごとに細かく権限を設定可能です。",
- "Generated image": "生成された画像",
+ "Generated image": "生成された画像 {{number}}",
"Generating new codes will invalidate all existing backup codes.": "新しいコードを生成すると、既存のすべてのバックアップコードが無効になります。",
"Generating...": "生成中...",
"Generation quality preset": "生成品質プリセット",
@@ -4403,6 +4403,21 @@
"Zero retention": "データ保持なし",
"Zhipu": "Zhipu",
"Zhipu V4": "Zhipu V 4",
- "Zoom": "ズーム"
+ "playground.image.zoom": "ズーム",
+ "playground.endpoint.autoInferredLabel": "エンドポイント（自動判定）",
+ "playground.endpoint.autoInferred": "自動判定",
+ "playground.image.quality": "画像品質",
+ "playground.image.size": "画像サイズ",
+ "playground.endpoint.label.responses": "Responses (/v1/responses)",
+ "playground.endpoint.label.claude-messages": "Claude Messages (/v1/messages)",
+ "playground.endpoint.label.image-generations": "Images (/v1/images/generations)",
+ "playground.endpoint.label.chat-completions": "Chat Completions (/v1/chat/completions)",
+ "playground.endpoint.description.responses": "Responses の image_generation_call 結果を含む GPT テキストモデルです。",
+ "playground.endpoint.description.claude-messages": "Claude Haiku、Sonnet、Opus モデルです。",
+ "playground.endpoint.description.image-generations": "gpt-image や dall-e などの専用画像モデルです。",
+ "playground.endpoint.description.chat-completions": "従来の OpenAI 互換チャット補完モデルです。",
+ "playground.image.size.formatError": "サイズは正の整数の axb 形式で入力してください",
+ "playground.image.size.limitError": "サイズの幅と高さはどちらも 3840 以下である必要があります",
+ "playground.image.quality.select": "品質を選択してください"
}
}
diff --git a/web/default/src/i18n/locales/ru.json b/web/default/src/i18n/locales/ru.json
index 91f8030ee433..b564493089de 100644
--- a/web/default/src/i18n/locales/ru.json
+++ b/web/default/src/i18n/locales/ru.json
@@ -1752,7 +1752,7 @@
"footer.columns.related.links.oneApi": "Один API",
"footer.columns.related.title": "Связанные проекты",
"footer.defaultCopyright": "Все права защищены.",
- "footer.new\u0061pi.projectAttributionSuffix": "Все права защищены. Разработано участниками проекта.",
+ "footer.newapi.projectAttributionSuffix": "Все права защищены. Разработано участниками проекта.",
"For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "Для каналов, добавленных после 10 мая 2025 г., не нужно удалять \".\" из имён моделей при развёртывании",
"For private deployments, format: https://fastgpt.run/api/openapi": "Для частных развертываний, формат: https://fastgpt.run/api/openapi",
"Force a syntactically valid JSON response": "Принудительно возвращать синтаксически корректный JSON",
@@ -1807,7 +1807,7 @@
"Generate new backup codes for account recovery": "Сгенерировать новые резервные коды для восстановления аккаунта",
"Generate New Codes": "Сгенерировать новые коды",
"Generate tokens from the Tokens page; you can scope them to specific models, groups, IPs, and rate-limits.": "Создавайте токены на странице «Токены». Их можно ограничить моделями, группами, IP и лимитами частоты.",
- "Generated image": "Сгенерированное изображение",
+ "Generated image": "Сгенерированное изображение {{number}}",
"Generating new codes will invalidate all existing backup codes.": "Генерация новых кодов аннулирует все существующие резервные коды.",
"Generating...": "Создание...",
"Generation quality preset": "Пресет качества генерации",
@@ -4403,6 +4403,24 @@
"Zero retention": "Без хранения данных",
"Zhipu": "Zhipu",
"Zhipu V4": "Zhipu V4",
- "Zoom": "Zoom"
+ "playground.image.zoom": "Zoom",
+ "playground.endpoint.autoInferredLabel": "Эндпоинт (автоопределение)",
+ "playground.endpoint.autoInferred": "Автоопределение",
+ "playground.image.quality": "Качество изображения",
+ "playground.image.size": "Размер изображения",
+ "playground.endpoint.label.responses": "Responses (/v1/responses)",
+ "playground.endpoint.label.claude-messages": "Claude Messages (/v1/messages)",
+ "playground.endpoint.label.image-generations": "Images (/v1/images/generations)",
+ "playground.endpoint.label.chat-completions": "Chat Completions (/v1/chat/completions)",
+ "playground.endpoint.description.responses": "Текстовые модели GPT, включая результаты Responses image_generation_call.",
+ "playground.endpoint.description.claude-messages": "Модели Claude Haiku, Sonnet и Opus.",
+ "playground.endpoint.description.image-generations": "Специализированные модели изображений, такие как gpt-image и dall-e.",
+ "playground.endpoint.description.chat-completions": "Устаревшие модели chat completion, совместимые с OpenAI.",
+ "errors.gatewayTimeout": "Превышено время ожидания шлюза. Запрос на генерацию изображения занял слишком много времени. Повторите попытку позже.",
+ "errors.httpError": "HTTP-ошибка {{status}} {{statusText}}",
+ "errors.requestError": "Произошла ошибка запроса",
+ "playground.image.size.formatError": "Размер должен быть в формате axb с положительными целыми значениями",
+ "playground.image.size.limitError": "Ширина и высота должны быть не больше 3840",
+ "playground.image.quality.select": "Выберите качество"
}
}
diff --git a/web/default/src/i18n/locales/vi.json b/web/default/src/i18n/locales/vi.json
index 1e5fede3bf27..04f10348c68b 100644
--- a/web/default/src/i18n/locales/vi.json
+++ b/web/default/src/i18n/locales/vi.json
@@ -1752,7 +1752,7 @@
"footer.columns.related.links.oneApi": "One API",
"footer.columns.related.title": "Các Dự Án Liên Quan",
"footer.defaultCopyright": "Bản quyền được bảo lưu.",
- "footer.new\u0061pi.projectAttributionSuffix": "Bản quyền được bảo lưu. Được thiết kế và phát triển bởi các cộng tác viên dự án.",
+ "footer.newapi.projectAttributionSuffix": "Bản quyền được bảo lưu. Được thiết kế và phát triển bởi các cộng tác viên dự án.",
"For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "Đối với các kênh được thêm sau ngày 10 tháng 5 năm 2025, không cần loại bỏ \".\" khỏi tên mô hình trong quá trình triển khai",
"For private deployments, format: https://fastgpt.run/api/openapi": "Đối với các triển khai riêng tư, định dạng: https://fastgpt.run/api/openapi",
"Force a syntactically valid JSON response": "Buộc phản hồi JSON hợp lệ về cú pháp",
@@ -1807,7 +1807,7 @@
"Generate new backup codes for account recovery": "Tạo mã dự phòng mới để khôi phục tài khoản",
"Generate New Codes": "Tạo mã mới",
"Generate tokens from the Tokens page; you can scope them to specific models, groups, IPs, and rate-limits.": "Tạo token tại trang Tokens; bạn có thể giới hạn theo model, nhóm, IP và rate-limit.",
- "Generated image": "Ảnh được tạo",
+ "Generated image": "Ảnh được tạo {{number}}",
"Generating new codes will invalidate all existing backup codes.": "Tạo mã mới sẽ vô hiệu hóa tất cả các mã dự phòng hiện có.",
"Generating...": "Đang tạo...",
"Generation quality preset": "Mức chất lượng sinh",
@@ -4403,6 +4403,24 @@
"Zero retention": "Không lưu dữ liệu",
"Zhipu": "Zhipu",
"Zhipu V4": "Zhipu V4",
- "Zoom": "Zoom"
+ "playground.image.zoom": "Zoom",
+ "playground.endpoint.autoInferredLabel": "Điểm cuối (tự động nhận diện)",
+ "playground.endpoint.autoInferred": "Tự động nhận diện",
+ "playground.image.quality": "Chất lượng ảnh",
+ "playground.image.size": "Kích thước ảnh",
+ "playground.endpoint.label.responses": "Responses (/v1/responses)",
+ "playground.endpoint.label.claude-messages": "Claude Messages (/v1/messages)",
+ "playground.endpoint.label.image-generations": "Images (/v1/images/generations)",
+ "playground.endpoint.label.chat-completions": "Chat Completions (/v1/chat/completions)",
+ "playground.endpoint.description.responses": "Mô hình văn bản GPT, bao gồm kết quả Responses image_generation_call.",
+ "playground.endpoint.description.claude-messages": "Các mô hình Claude Haiku, Sonnet và Opus.",
+ "playground.endpoint.description.image-generations": "Các mô hình ảnh chuyên dụng như gpt-image và dall-e.",
+ "playground.endpoint.description.chat-completions": "Các mô hình chat completion tương thích OpenAI kiểu cũ.",
+ "errors.gatewayTimeout": "Hết thời gian chờ gateway. Yêu cầu tạo ảnh mất quá nhiều thời gian. Vui lòng thử lại sau.",
+ "errors.httpError": "Lỗi HTTP {{status}}{{statusText}}",
+ "errors.requestError": "Đã xảy ra lỗi yêu cầu",
+ "playground.image.size.formatError": "Kích thước phải dùng định dạng axb với chiều rộng và chiều cao là số nguyên dương",
+ "playground.image.size.limitError": "Chiều rộng và chiều cao phải nhỏ hơn hoặc bằng 3840",
+ "playground.image.quality.select": "Vui lòng chọn chất lượng"
}
}
diff --git a/web/default/src/i18n/locales/zh.json b/web/default/src/i18n/locales/zh.json
index 5d3014ce7408..581b0d0393f7 100644
--- a/web/default/src/i18n/locales/zh.json
+++ b/web/default/src/i18n/locales/zh.json
@@ -1752,7 +1752,7 @@
"footer.columns.related.links.oneApi": "One API",
"footer.columns.related.title": "相关项目",
"footer.defaultCopyright": "版权所有。",
- "footer.new\u0061pi.projectAttributionSuffix": "版权所有，由项目贡献者设计与开发。",
+ "footer.newapi.projectAttributionSuffix": "版权所有，由项目贡献者设计与开发。",
"For channels added after May 10, 2025, no need to remove \".\" from model names during deployment": "对于 2025 年 5 月 10 日之后添加的渠道，在部署时无需从模型名称中移除 \".\"",
"For private deployments, format: https://fastgpt.run/api/openapi": "对于私有部署，格式为：https://fastgpt.run/api/openapi",
"Force a syntactically valid JSON response": "强制返回语法合法的 JSON",
@@ -1807,7 +1807,7 @@
"Generate new backup codes for account recovery": "生成新的备份代码用于账户恢复",
"Generate New Codes": "生成新代码",
"Generate tokens from the Tokens page; you can scope them to specific models, groups, IPs, and rate-limits.": "在「令牌」页面生成 API Key，可以按模型、分组、IP、速率等维度精细化授权。",
- "Generated image": "生成的图像",
+ "Generated image": "生成的图像 {{number}}",
"Generating new codes will invalidate all existing backup codes.": "生成新代码将使所有现有备份代码失效。",
"Generating...": "生成中...",
"Generation quality preset": "生成质量预设",
@@ -4403,6 +4403,21 @@
"Zero retention": "零数据保留",
"Zhipu": "智谱",
"Zhipu V4": "智谱 V4",
- "Zoom": "缩放"
+ "playground.image.zoom": "缩放",
+ "playground.endpoint.autoInferredLabel": "端点（自动识别）",
+ "playground.endpoint.autoInferred": "自动识别",
+ "playground.image.quality": "图片质量",
+ "playground.image.size": "图片大小",
+ "playground.endpoint.label.responses": "Responses (/v1/responses)",
+ "playground.endpoint.label.claude-messages": "Claude Messages (/v1/messages)",
+ "playground.endpoint.label.image-generations": "Images (/v1/images/generations)",
+ "playground.endpoint.label.chat-completions": "Chat Completions (/v1/chat/completions)",
+ "playground.endpoint.description.responses": "GPT 文本模型，包括 Responses image_generation_call 结果。",
+ "playground.endpoint.description.claude-messages": "Claude Haiku、Sonnet 和 Opus 模型。",
+ "playground.endpoint.description.image-generations": "gpt-image 和 dall-e 等专用图像模型。",
+ "playground.endpoint.description.chat-completions": "传统的 OpenAI 兼容 chat completion 模型。",
+ "playground.image.size.formatError": "大小必须使用 axb 格式，且宽高为正整数",
+ "playground.image.size.limitError": "大小的宽和高都必须小于或等于 3840",
+ "playground.image.quality.select": "请选择质量"
}
}
- 图片加载失败: {imgItem.image_url.url}
+ 图片加载失败: {src}