From de882dc62ee4e7a157d5bcb448d26128166071d1 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Thu, 20 Nov 2025 11:46:13 +0800
Subject: [PATCH] fix: api info example

---
 src/locales/en-US/common.ts                       |  3 ++-
 src/locales/ja-JP/common.ts                       |  4 +++-
 src/locales/ru-RU/common.ts                       |  6 ++++--
 src/locales/zh-CN/common.ts                       |  3 ++-
 src/pages/llmodels/components/api-access-info.tsx | 13 +++++++------
 src/pages/llmodels/hooks/use-generic-proxy.tsx    |  8 ++++++--
 src/pages/playground/view-code/audio.ts           |  4 +++-
 7 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/locales/en-US/common.ts b/src/locales/en-US/common.ts
index 26827073..8fcc3648 100644
--- a/src/locales/en-US/common.ts
+++ b/src/locales/en-US/common.ts
@@ -264,5 +264,6 @@ export default {
   'common.help.default': 'Default: {content}',
   'common.filter.status': 'Filter by status',
   'common.form.rule.selectInput': 'Please select or enter a {name}',
-  'common.tag.experimental': 'Experimental'
+  'common.tag.experimental': 'Experimental',
+  'common.title.example': 'Example'
 };
diff --git a/src/locales/ja-JP/common.ts b/src/locales/ja-JP/common.ts
index 48493484..627330b1 100644
--- a/src/locales/ja-JP/common.ts
+++ b/src/locales/ja-JP/common.ts
@@ -264,7 +264,8 @@ export default {
   'common.help.default': 'Default: {content}',
   'common.filter.status': 'Filter by status',
   'common.form.rule.selectInput': 'Please select or enter a {name}',
-  'common.tag.experimental': 'Experimental'
+  'common.tag.experimental': 'Experimental',
+  'common.title.example': 'Example'
 };
 
 // ========== To-Do: Translate Keys (Remove After Translation) ==========
@@ -295,4 +296,5 @@ export default {
 // 25. 'common.filter.status': 'Filter by status'
 // 26. 'common.form.rule.selectInput': 'Please select or enter a {name}',
 // 27. 'common.tag.experimental': 'Experimental',
+// 28. 'common.title.example': 'Example'
 // ========== End of To-Do List ==========
diff --git a/src/locales/ru-RU/common.ts b/src/locales/ru-RU/common.ts
index 3fe04f2d..382979fa 100644
--- a/src/locales/ru-RU/common.ts
+++ b/src/locales/ru-RU/common.ts
@@ -263,11 +263,13 @@ export default {
   'common.help.default': 'По умолчанию: {content}',
   'common.filter.status': 'Filter by status',
   'common.form.rule.selectInput': 'Please select or enter a {name}',
-  'common.tag.experimental': 'Experimental'
+  'common.tag.experimental': 'Experimental',
+  'common.title.example': 'Example'
 };
 
 // ========== To-Do: Translate Keys (Remove After Translation) ==========
 // 1. 'common.filter.status': 'Filter by status'
 // 2. 'common.form.rule.selectInput': 'Please select or enter a {name}',
-// 3. 'common.tag.experimental': 'Experimental'
+// 3. 'common.tag.experimental': 'Experimental',
+// 4. 'common.title.example': 'Example'
 // ========== End of To-Do List ==========
diff --git a/src/locales/zh-CN/common.ts b/src/locales/zh-CN/common.ts
index 62751e74..1ee53099 100644
--- a/src/locales/zh-CN/common.ts
+++ b/src/locales/zh-CN/common.ts
@@ -256,5 +256,6 @@ export default {
   'common.help.default': '默认: {content}',
   'common.filter.status': '按状态筛选',
   'common.form.rule.selectInput': '请选择或输入{name}',
-  'common.tag.experimental': '实验性'
+  'common.tag.experimental': '实验性',
+  'common.title.example': '示例'
 };
diff --git a/src/pages/llmodels/components/api-access-info.tsx b/src/pages/llmodels/components/api-access-info.tsx
index 2d8fc6d7..2d39106e 100644
--- a/src/pages/llmodels/components/api-access-info.tsx
+++ b/src/pages/llmodels/components/api-access-info.tsx
@@ -114,7 +114,7 @@ const ApiAccessInfo = ({ open, data, onClose }: ApiAccessInfoProps) => {
     if (!data.generic_proxy) {
       return `${window.location.origin}/${GPUSTACK_API}`;
     }
-    return getProxyEndPoint(data.categories || []);
+    return `${window.location.origin}${MODEL_PROXY}/<YOUR_API_PATH>`;
   }, [data]);
 
   const isRanker = useMemo(() => {
@@ -164,11 +164,7 @@ const ApiAccessInfo = ({ open, data, onClose }: ApiAccessInfoProps) => {
           ></dd>
         </dl>
       </Tips>
-      {data.generic_proxy && (
-        <div style={{ paddingLeft: 20, marginBottom: 12 }}>
-          {GenericProxyCommandCode}
-        </div>
-      )}
+
       <ApiAccessInfoWrapper>
         <span className="label">
           {intl.formatMessage({ id: 'models.table.apiAccessInfo.endpoint' })}
@@ -224,6 +220,11 @@ const ApiAccessInfo = ({ open, data, onClose }: ApiAccessInfoProps) => {
           </CreateButton>
         </span>
       </ApiAccessInfoWrapper>
+      {data.generic_proxy && (
+        <div style={{ paddingLeft: 20, marginTop: 12 }}>
+          {GenericProxyCommandCode}
+        </div>
+      )}
     </ScrollerModal>
   );
 };
diff --git a/src/pages/llmodels/hooks/use-generic-proxy.tsx b/src/pages/llmodels/hooks/use-generic-proxy.tsx
index 2aabe1b9..ffc40293 100644
--- a/src/pages/llmodels/hooks/use-generic-proxy.tsx
+++ b/src/pages/llmodels/hooks/use-generic-proxy.tsx
@@ -16,6 +16,7 @@ import { generateEmbeddingCurlCode } from '@/pages/playground/view-code/embeddin
 import { generateImageCurlCode } from '@/pages/playground/view-code/image';
 import { generateLLmCurlCode } from '@/pages/playground/view-code/llm';
 import { generateRerankCurlCode } from '@/pages/playground/view-code/rerank';
+import { useIntl } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { useState } from 'react';
 import { modelCategoriesMap } from '../config';
@@ -72,12 +73,15 @@ const API_MAP: Record<
   }
 };
 
-const langOptions = [{ label: 'Curl', value: 'bash' }];
-
 const useGenericProxy = () => {
   const [modalStatus, setModalStatus] = useState<{
     codeValue: string;
   }>({ codeValue: '' });
+  const intl = useIntl();
+
+  const langOptions = [
+    { label: intl.formatMessage({ id: 'common.title.example' }), value: 'bash' }
+  ];
 
   const getModelCategory = (categories: string[]) => {
     for (const [category, config] of Object.entries(API_MAP)) {
diff --git a/src/pages/playground/view-code/audio.ts b/src/pages/playground/view-code/audio.ts
index d6bc2ab2..cc271ca5 100644
--- a/src/pages/playground/view-code/audio.ts
+++ b/src/pages/playground/view-code/audio.ts
@@ -92,7 +92,9 @@ export const generateTextToSpeechCurlCode = ({
   parameters
 }: Record<string, any>) => {
   const host = window.location.origin;
-  const api = url.replace(OPENAI_COMPATIBLE, GPUSTACK_API);
+  const api = modelProxy
+    ? `${MODEL_PROXY}/\${YOUR_API_PATH}`
+    : url.replace(OPENAI_COMPATIBLE, GPUSTACK_API);
 
   // ========================= Curl =========================
   const curlCode = `