From eff60ef04c821bd7ad29ba259f7b455233df8baf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Thu, 25 Jun 2026 11:20:56 +0800
Subject: [PATCH 01/10] =?UTF-8?q?feat:=20add=20results=20copy=E3=80=81add?=
 =?UTF-8?q?=20ability(Embed=E3=80=81Rerank)=E3=80=81ico?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/app/favicon.ico                  | Bin 67646 -> 15976 bytes
 .../components/pages/launch-model/index.tsx   |   4 +-
 .../launch-dialog/launch-dialog.tsx           |   1 +
 .../capability-config.tsx                     |  39 ++++++++++
 .../pages/running-model-detail/index.tsx      |  29 +++++--
 .../panels/capability-task-panel.tsx          |  61 ++++++++++++++-
 .../panels/form-panels.tsx                    |  71 +++++++++++++++++-
 .../panels/result-panels.tsx                  |  30 +-------
 frontend/src/i18n/locales/en.ts               |   2 +
 frontend/src/i18n/locales/ja.ts               |   2 +
 frontend/src/i18n/locales/ko.ts               |   2 +
 frontend/src/i18n/locales/zh.ts               |   2 +
 frontend/src/lib/utils.ts                     |   2 +-
 frontend/src/types/services.ts                |  57 +++++++++++++-
 14 files changed, 259 insertions(+), 43 deletions(-)

diff --git a/frontend/src/app/favicon.ico b/frontend/src/app/favicon.ico
index dcdac621286ea4d7486ed5b25230340eef580394..f7e916c14510271dc79f3fbb5028e667fd7ec99c 100644
GIT binary patch
literal 15976
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

literal 67646
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

diff --git a/frontend/src/components/pages/launch-model/index.tsx b/frontend/src/components/pages/launch-model/index.tsx
index e45c00543f..32c9680b20 100644
--- a/frontend/src/components/pages/launch-model/index.tsx
+++ b/frontend/src/components/pages/launch-model/index.tsx
@@ -441,7 +441,7 @@ const LaunchModel = ({ routeType, initialCustomType }: LaunchModelProps) => {
                   value={ability}
                   onChange={(value) => setAbility(value ?? '')}
                   options={abilityOptions}
-                  placeholder="Ability"
+                  placeholder={t('launchModel.modelAbility')}
                   allowClear
                   className="w-40"
                 />
@@ -451,7 +451,7 @@ const LaunchModel = ({ routeType, initialCustomType }: LaunchModelProps) => {
                   value={status}
                   onChange={(value) => setStatus(value ?? '')}
                   options={statusOptions}
-                  placeholder="Status"
+                  placeholder={t('launchModel.status')}
                   allowClear
                   className="w-40"
                 />
diff --git a/frontend/src/components/pages/launch-model/launch-dialog/launch-dialog.tsx b/frontend/src/components/pages/launch-model/launch-dialog/launch-dialog.tsx
index 6e02846c88..8009f555fe 100644
--- a/frontend/src/components/pages/launch-model/launch-dialog/launch-dialog.tsx
+++ b/frontend/src/components/pages/launch-model/launch-dialog/launch-dialog.tsx
@@ -1229,6 +1229,7 @@ export default function LaunchDialog({
     request
       .post('/v1/models', newValues, { noTimeout: true })
       .then(() => {
+        // Prevents a false deployment success notification when /v1/models returns model_uid after download cancellation, triggering the success logic below.
         if (isCanceledLaunchRef.current) {
           return;
         }
diff --git a/frontend/src/components/pages/running-model-detail/capability-config.tsx b/frontend/src/components/pages/running-model-detail/capability-config.tsx
index c93ac2cae4..b6db7c8c27 100644
--- a/frontend/src/components/pages/running-model-detail/capability-config.tsx
+++ b/frontend/src/components/pages/running-model-detail/capability-config.tsx
@@ -1,9 +1,11 @@
 import {
   AudioLines,
+  Binary,
   FileText,
   FileSearch,
   ImagePlus,
   ImageUp,
+  ListFilter,
   Mic,
   Paintbrush,
   ScanText,
@@ -21,6 +23,8 @@ import {
   ImageToVideoPanel,
   InpaintingPanel,
   OcrPanel,
+  EmbedPanel,
+  RerankPanel,
   SpeechPanel,
   TextPromptPanel,
   TextToImagePanel,
@@ -180,6 +184,41 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
         : {}),
     }),
   },
+  [ModelAbility.Embed]: {
+    ability: ModelAbility.Embed,
+    label: 'Embedding',
+    icon: Binary,
+    requestApi: '/v1/embeddings',
+    initialValues: {
+      input: '',
+    },
+    formPanel: EmbedPanel,
+    resultPanel: ResultPanels.Universal,
+    transformValues: ({ modelUid, values }) => ({
+      model: modelUid,
+      input: stringValue(values.input),
+    }),
+  },
+  [ModelAbility.Rerank]: {
+    ability: ModelAbility.Rerank,
+    label: 'Rerank',
+    icon: ListFilter,
+    requestApi: '/v1/rerank',
+    initialValues: {
+      query: '',
+      documents: ['', ''],
+    },
+    formPanel: RerankPanel,
+    resultPanel: ResultPanels.Universal,
+    transformValues: ({ modelUid, values }) => ({
+      model: modelUid,
+      query: stringValue(values.query),
+      documents: Array.isArray(values.documents)
+        ? values.documents.map((item) => stringValue(item).trim()).filter(Boolean)
+        : [],
+    }),
+  },
+
   [ModelAbility.Ocr]: {
     ability: ModelAbility.Ocr,
     label: 'OCR',
diff --git a/frontend/src/components/pages/running-model-detail/index.tsx b/frontend/src/components/pages/running-model-detail/index.tsx
index fb058a7de8..c20385c5ac 100644
--- a/frontend/src/components/pages/running-model-detail/index.tsx
+++ b/frontend/src/components/pages/running-model-detail/index.tsx
@@ -7,7 +7,7 @@ import { useRouter } from 'next/navigation';
 import { Button } from '@/components/ui/button';
 import { CollapsiblePanel } from '@/components/ui/collapsible';
 import PageContainer from '@/components/ui/page-container';
-import { ModelAbility } from '@/constants';
+import { ModelAbility, ModelType } from '@/constants';
 import request from '@/lib/request';
 import type { RunningModelDetail as RunningModelDetailType } from '@/types/services';
 
@@ -21,6 +21,11 @@ interface RunningModelDetailProps {
   modelUid: string;
 }
 
+const MODEL_TYPE_ABILITY_MAP: Record<string, ModelAbility[]> = {
+  [ModelType.Rerank]: [ModelAbility.Rerank],
+  [ModelType.Embedding]: [ModelAbility.Embed],
+};
+
 function DetailItem({ label, value }: { label: string; value?: string | number | null }) {
   return (
     <div className="min-w-0 rounded-2xl bg-muted/40 px-4 py-3">
@@ -61,7 +66,7 @@ function ModelDetails({ model, modelUid }: { model: RunningModelDetailType; mode
   );
 }
 const EmptyForAbility = () => (
-  <div className="flex min-h-[420px] flex-col items-center justify-center rounded-3xl border bg-card text-center">
+  <div className="flex min-h-[calc(100vh-216px)] flex-col items-center justify-center rounded-3xl border bg-card text-center">
     <WandSparkles className="mb-4 size-10 text-muted-foreground" />
     <h2 className="text-lg font-semibold">No supported interactive capability</h2>
     <p className="mt-2 text-sm text-muted-foreground">
@@ -83,9 +88,18 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
     request
       .get<RunningModelDetailType>(`/v1/models/${modelUid}`)
       .then((res) => {
-        const firstAbility = (res?.model_ability || []).filter((item) => !item.includes('_'))?.[0];
+        const newModel = {
+          ...res,
+          // fix model_ability was not returned when model_type was Rerank or Embedding.
+          model_ability: Array.isArray(res?.model_ability)
+            ? res.model_ability
+            : MODEL_TYPE_ABILITY_MAP[res.model_type]
+              ? MODEL_TYPE_ABILITY_MAP[res.model_type]
+              : [],
+        };
+        const firstAbility = newModel.model_ability.filter((item) => !item.includes('_'))?.[0];
         setSelectAbility(firstAbility);
-        setModel(res);
+        setModel(newModel);
       })
       .finally(() => setLoading(false));
   }, [modelUid]);
@@ -103,7 +117,7 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
           label: t(`launchModel.${item}`),
         };
       });
-  }, [model]);
+  }, [model, t]);
 
   const handleAbility = (value?: ModelAbility) => {
     if (!value) return;
@@ -111,15 +125,16 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
     capabilityTaskPanelRef.current?.reset?.();
   };
   const renderCapability = () => {
-    if (!model || !selectAbility) return null;
+    if (!model) return null;
 
     if (isChat) {
       return <ChatPanel model={model} modelUid={modelUid} />;
     }
 
-    if (!CAPABILITY_CONFIGS[selectAbility]) {
+    if (!selectAbility || !CAPABILITY_CONFIGS[selectAbility]) {
       return <EmptyForAbility />;
     }
+
     return (
       <CapabilityTaskPanel
         config={CAPABILITY_CONFIGS[selectAbility]}
diff --git a/frontend/src/components/pages/running-model-detail/panels/capability-task-panel.tsx b/frontend/src/components/pages/running-model-detail/panels/capability-task-panel.tsx
index 1832f23480..12068b24d7 100644
--- a/frontend/src/components/pages/running-model-detail/panels/capability-task-panel.tsx
+++ b/frontend/src/components/pages/running-model-detail/panels/capability-task-panel.tsx
@@ -1,15 +1,21 @@
 'use client';
 
 import { useMemo, useRef, useState, useImperativeHandle, forwardRef, useEffect } from 'react';
-import { RotateCcw, Sparkles } from 'lucide-react';
+import { Copy, RotateCcw, Sparkles } from 'lucide-react';
 
 import { Button } from '@/components/ui/button';
 import { Form } from '@/components/ui/form';
+import { ModelAbility, ModelType } from '@/constants';
 import { createForm } from '@/hooks/use-form';
 import request from '@/lib/request';
-import { cn, sleep } from '@/lib/utils';
+import { cn, copyText, sleep } from '@/lib/utils';
 import { isNumber } from '@/lib/is';
-import type { RunningModelDetail } from '@/types/services';
+import type {
+  RunningModelDetail,
+  CompletionResponse,
+  RerankResponse,
+  EmbeddingsResponse,
+} from '@/types/services';
 import type { FormValues } from '@/types/form';
 
 import type { CapabilityConfig } from '../types';
@@ -45,6 +51,42 @@ const CapabilityTaskPanel = forwardRef<CapabilityTaskPanelMethod, CapabilityTask
     const [loading, setLoading] = useState(false);
     const [progress, setProgress] = useState<number | undefined>();
 
+    const showCopyResult = useMemo(() => {
+      return (
+        config.ability === ModelAbility.Generate ||
+        model.model_type === ModelType.Rerank ||
+        model.model_type === ModelType.Embedding
+      );
+    }, [config.ability, model.model_type]);
+    const copyResultValue = useMemo(() => {
+      if (result === undefined) {
+        return '';
+      }
+      if (config.ability === ModelAbility.Generate) {
+        const text = (result as CompletionResponse)?.choices?.[0]?.text;
+        return typeof text === 'string' ? text : '';
+      }
+      if (model.model_type === ModelType.Rerank) {
+        const results = (result as RerankResponse)?.results;
+        try {
+          return JSON.stringify(results, null, 2);
+        } catch {
+          return String(results);
+        }
+      }
+
+      if (model.model_type === ModelType.Embedding) {
+        const data = (result as EmbeddingsResponse)?.data;
+        try {
+          return JSON.stringify(data, null, 2);
+        } catch {
+          return String(data);
+        }
+      }
+
+      return '';
+    }, [result, config.ability, model.model_type]);
+
     const trackProgress = async (
       requestId: string,
       runToken: number,
@@ -89,7 +131,7 @@ const CapabilityTaskPanel = forwardRef<CapabilityTaskPanelMethod, CapabilityTask
       const body = config.transformValues({ modelUid, model, values, requestId });
       const requestPromise = request.post(config.requestApi, body, {
         ...(config.responseType === 'blob' ? { responseType: 'blob' as const } : {}),
-        noTimeout: true
+        noTimeout: true,
       });
       requestPromise
         .then((response) => {
@@ -171,6 +213,17 @@ const CapabilityTaskPanel = forwardRef<CapabilityTaskPanelMethod, CapabilityTask
         <section className="relative overflow-hidden rounded-xl border bg-background shadow-sm">
           <div className="flex items-center justify-between border-b bg-card/80 p-4">
             <h3 className="text-base font-semibold">Results</h3>
+            {showCopyResult && copyResultValue && !loading && (
+              <Button
+                type="button"
+                variant="ghost"
+                size="icon"
+                className="size-8 rounded-full text-muted-foreground"
+                onClick={() => copyText(copyResultValue)}
+              >
+                <Copy className="size-4" />
+              </Button>
+            )}
           </div>
           <div className="p-4">
             <ResultPanel
diff --git a/frontend/src/components/pages/running-model-detail/panels/form-panels.tsx b/frontend/src/components/pages/running-model-detail/panels/form-panels.tsx
index fdc4ae8dbf..1056e964db 100644
--- a/frontend/src/components/pages/running-model-detail/panels/form-panels.tsx
+++ b/frontend/src/components/pages/running-model-detail/panels/form-panels.tsx
@@ -1,9 +1,12 @@
 'use client';
 
 import { useCallback } from 'react';
+import { Plus, Trash2 } from 'lucide-react';
 
+import { Button } from '@/components/ui/button';
 import { FileUpload } from '@/components/ui/file-upload';
 import { FormField } from '@/components/ui/form-field';
+import { FormList } from '@/components/ui/form-list';
 import { Input } from '@/components/ui/input';
 import { Select } from '@/components/ui/select';
 import { Switch } from '@/components/ui/switch';
@@ -19,7 +22,6 @@ import type { FileUploadValue } from '@/types/common';
 import { ImageEditorCreateMask } from '../components/image-editor-create-mask';
 import type { CapabilityFormProps } from '../types';
 
-
 const DOCUMENT_BACKEND_OPTIONS = ['pipeline', 'vlm-auto-engine', 'hybrid-auto-engine'].map(
   (value) => ({ label: value, value })
 );
@@ -144,6 +146,73 @@ export function TextPromptPanel() {
   );
 }
 
+export function EmbedPanel() {
+  return (
+    <FormField
+      name="input"
+      rules={[{ required: true }]}
+      placeholder="Enter text to be vectorized..."
+    >
+      <Textarea className="min-h-24" />
+    </FormField>
+  );
+}
+
+export function RerankPanel() {
+  return (
+    <>
+      <FormField
+        name="query"
+        label="Query"
+        placeholder="Enter query..."
+        rules={[{ required: true }]}
+      >
+        <Textarea className="min-h-24" />
+      </FormField>
+      <FormList
+        name="documents"
+        label="Documents"
+        layout="horizontal"
+        renderAction={({ add }) => (
+          <Button size="sm" type="button" variant="outline" onClick={() => add('')}>
+            <Plus />
+            Add
+          </Button>
+        )}
+      >
+        {({ fields, remove }) => (
+          <div className="space-y-3">
+            {fields.map((field, index) => (
+              <div className="flex gap-2" key={field.name}>
+                <FormField
+                  className="flex-1"
+                  name={['documents', field.name]}
+                  rules={[{ required: true }]}
+                  placeholder={`Document ${index + 1}`}
+                >
+                  <Input />
+                </FormField>
+                {fields.length > 1 && (
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    size="icon"
+                    className="shrink-0 rounded-full text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
+                    disabled={fields.length <= 1}
+                    onClick={() => remove(field.name)}
+                  >
+                    <Trash2 />
+                  </Button>
+                )}
+              </div>
+            ))}
+          </div>
+        )}
+      </FormList>
+    </>
+  );
+}
+
 export function OcrPanel() {
   return (
     <>
diff --git a/frontend/src/components/pages/running-model-detail/panels/result-panels.tsx b/frontend/src/components/pages/running-model-detail/panels/result-panels.tsx
index 865d9200ef..84bdeebc6b 100644
--- a/frontend/src/components/pages/running-model-detail/panels/result-panels.tsx
+++ b/frontend/src/components/pages/running-model-detail/panels/result-panels.tsx
@@ -7,6 +7,7 @@ import ReactMarkdown from '@/components/ui/markdown-renderer';
 import { MediaPreview } from '@/components/ui/media-preview';
 import { Progress } from '@/components/ui/progress';
 import type { FormValues } from '@/types/form';
+import type { CompletionResponse } from '@/types/services';
 import { ModelAbility } from '@/constants';
 import { cn } from '@/lib/utils';
 import { isNumber } from '@/lib/is';
@@ -21,31 +22,6 @@ interface MediaResult {
   title?: string;
 }
 
-interface CompletionChoice {
-  text?: string;
-  index?: number;
-  logprobs?: unknown;
-  finish_reason?: string | null;
-  [key: string]: unknown;
-}
-
-interface CompletionUsage {
-  prompt_tokens?: number;
-  completion_tokens?: number;
-  total_tokens?: number;
-  [key: string]: unknown;
-}
-
-interface CompletionResult {
-  id?: string;
-  object?: string;
-  created?: number;
-  model?: string;
-  choices: CompletionChoice[];
-  usage?: CompletionUsage;
-  [key: string]: unknown;
-}
-
 interface AudioToTextResult {
   text: string;
   [key: string]: unknown;
@@ -249,7 +225,7 @@ function RawResultPanel({ result }: { result: unknown }) {
   return <JsonBlock value={result} />;
 }
 
-function CompletionResultPanel({ result }: { result: CompletionResult }) {
+function CompletionResultPanel({ result }: { result: CompletionResponse }) {
   const firstChoice = result.choices[0];
   const text = stringValue(firstChoice?.text);
   const usage = result.usage;
@@ -375,7 +351,7 @@ export function UniversalResultPanel({
   }
 
   if (ability === ModelAbility.Generate) {
-    return <CompletionResultPanel result={result as CompletionResult} />;
+    return <CompletionResultPanel result={result as CompletionResponse} />;
   }
 
   if (ability === ModelAbility.Ocr) {
diff --git a/frontend/src/i18n/locales/en.ts b/frontend/src/i18n/locales/en.ts
index 56e67ee56b..7977f3de4e 100644
--- a/frontend/src/i18n/locales/en.ts
+++ b/frontend/src/i18n/locales/en.ts
@@ -33,6 +33,8 @@ const en = {
     modelType: 'Model Type',
     modelAbility: 'Model Ability',
     generate: 'Text Generation',
+    embed: 'Embedding',
+    rerank: 'Rerank',
     chat: 'Conversation',
     vision: 'Vision',
     reasoning: 'Reasoning',
diff --git a/frontend/src/i18n/locales/ja.ts b/frontend/src/i18n/locales/ja.ts
index 77e130d308..3c86139f47 100644
--- a/frontend/src/i18n/locales/ja.ts
+++ b/frontend/src/i18n/locales/ja.ts
@@ -33,6 +33,8 @@ const ja = {
     modelType: 'モデルタイプ',
     modelAbility: 'モデル機能',
     generate: 'テキスト生成',
+    embed: '埋め込み',
+    rerank: '並べ替え',
     chat: '会話',
     vision: '視覚',
     reasoning: '推論',
diff --git a/frontend/src/i18n/locales/ko.ts b/frontend/src/i18n/locales/ko.ts
index 485da33767..d21087ac9d 100644
--- a/frontend/src/i18n/locales/ko.ts
+++ b/frontend/src/i18n/locales/ko.ts
@@ -33,6 +33,8 @@ const ko = {
     modelType: '모델 유형',
     modelAbility: '모델 기능',
     generate: '텍스트 생성',
+    embed: '임베딩',
+    rerank: '재정렬',
     chat: '대화',
     vision: '비전',
     reasoning: '추론',
diff --git a/frontend/src/i18n/locales/zh.ts b/frontend/src/i18n/locales/zh.ts
index d1d6b254f7..65327937b0 100644
--- a/frontend/src/i18n/locales/zh.ts
+++ b/frontend/src/i18n/locales/zh.ts
@@ -32,6 +32,8 @@ const zh = {
     modelType: '模型类型',
     modelAbility: '模型能力',
     generate: '文本生成',
+    embed: '嵌入',
+    rerank: '重排',
     chat: '对话',
     vision: '图像识别',
     reasoning: '推理能力',
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
index 423c680a78..5230cd35ec 100644
--- a/frontend/src/lib/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -9,7 +9,7 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export function getApiUrl(): string {
-  const apiUrl = process.env.NEXT_PUBLIC_API_URL || ''
+  const apiUrl = process.env.NEXT_PUBLIC_API_URL || 'http://10.1.0.45:6623'
   return apiUrl
 }
 
diff --git a/frontend/src/types/services.ts b/frontend/src/types/services.ts
index 5f846ae555..5881046bb8 100644
--- a/frontend/src/types/services.ts
+++ b/frontend/src/types/services.ts
@@ -170,4 +170,59 @@ export interface ChatStreamResult {
     prompt_tokens: number;
     total_tokens: number;
   };
-}
\ No newline at end of file
+}
+
+interface CompletionChoice {
+  text?: string;
+  index?: number;
+  logprobs?: unknown;
+  finish_reason?: string | null;
+  [key: string]: unknown;
+}
+
+interface TokenUsage {
+  prompt_tokens?: number;
+  completion_tokens?: number;
+  total_tokens?: number;
+  [key: string]: unknown;
+}
+
+export interface CompletionResponse {
+  id?: string;
+  object?: string;
+  created?: number;
+  model?: string;
+  choices: CompletionChoice[];
+  usage?: TokenUsage;
+  [key: string]: unknown;
+}
+
+interface RerankMeta {
+  api_version: string | null;
+  billed_units: string | null;
+  tokens: string | null;
+  warnings: string | null;
+}
+interface RerankResult {
+  index: number;
+  relevance_score: number;
+  document: string;
+}
+export interface RerankResponse {
+  id: string;
+  meta: RerankMeta;
+  results: RerankResult[];
+}
+
+interface EmbeddingsData {
+  embedding: number[];
+  index: number;
+  object: string;
+}
+export interface EmbeddingsResponse {
+  data: EmbeddingsData[];
+  model: string;
+  model_replica: string;
+  object: string;
+  usage: TokenUsage;
+}

From 7c0ac7cb3ab6175c5d0930b5672e7bd26978abf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Thu, 25 Jun 2026 11:39:31 +0800
Subject: [PATCH 02/10] fix: code review

---
 .../pages/running-model-detail/index.tsx      |  4 +-
 .../panels/capability-task-panel.tsx          |  4 +-
 frontend/src/lib/utils.ts                     | 77 ++++++++++---------
 3 files changed, 43 insertions(+), 42 deletions(-)

diff --git a/frontend/src/components/pages/running-model-detail/index.tsx b/frontend/src/components/pages/running-model-detail/index.tsx
index c20385c5ac..86c8518331 100644
--- a/frontend/src/components/pages/running-model-detail/index.tsx
+++ b/frontend/src/components/pages/running-model-detail/index.tsx
@@ -93,9 +93,7 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
           // fix model_ability was not returned when model_type was Rerank or Embedding.
           model_ability: Array.isArray(res?.model_ability)
             ? res.model_ability
-            : MODEL_TYPE_ABILITY_MAP[res.model_type]
-              ? MODEL_TYPE_ABILITY_MAP[res.model_type]
-              : [],
+            : (res?.model_type && MODEL_TYPE_ABILITY_MAP[res.model_type]) || [],
         };
         const firstAbility = newModel.model_ability.filter((item) => !item.includes('_'))?.[0];
         setSelectAbility(firstAbility);
diff --git a/frontend/src/components/pages/running-model-detail/panels/capability-task-panel.tsx b/frontend/src/components/pages/running-model-detail/panels/capability-task-panel.tsx
index 12068b24d7..45400958d3 100644
--- a/frontend/src/components/pages/running-model-detail/panels/capability-task-panel.tsx
+++ b/frontend/src/components/pages/running-model-detail/panels/capability-task-panel.tsx
@@ -69,7 +69,7 @@ const CapabilityTaskPanel = forwardRef<CapabilityTaskPanelMethod, CapabilityTask
       if (model.model_type === ModelType.Rerank) {
         const results = (result as RerankResponse)?.results;
         try {
-          return JSON.stringify(results, null, 2);
+          return JSON.stringify(results, null, 2) || '';
         } catch {
           return String(results);
         }
@@ -78,7 +78,7 @@ const CapabilityTaskPanel = forwardRef<CapabilityTaskPanelMethod, CapabilityTask
       if (model.model_type === ModelType.Embedding) {
         const data = (result as EmbeddingsResponse)?.data;
         try {
-          return JSON.stringify(data, null, 2);
+          return JSON.stringify(data, null, 2) || '';
         } catch {
           return String(data);
         }
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
index 5230cd35ec..685211f57a 100644
--- a/frontend/src/lib/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -1,65 +1,65 @@
-import { clsx, type ClassValue } from "clsx"
+import { clsx, type ClassValue } from 'clsx';
 import { FileAudio, FileText, FileVideo, ImageIcon } from 'lucide-react';
-import { twMerge } from "tailwind-merge"
-import { toast } from 'sonner'; 
-import type { BaseFormListValueItem } from '@/types/common'; 
+import { twMerge } from 'tailwind-merge';
+import { toast } from 'sonner';
+import type { BaseFormListValueItem } from '@/types/common';
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
 }
 
 export function getApiUrl(): string {
-  const apiUrl = process.env.NEXT_PUBLIC_API_URL || 'http://10.1.0.45:6623'
-  return apiUrl
+  const apiUrl = process.env.NEXT_PUBLIC_API_URL || '';
+  return apiUrl;
 }
 
 export function formatFileSize(bytes: number): string {
-  if (bytes === 0) return '0 Bytes'
+  if (bytes === 0) return '0 Bytes';
 
-  const k = 1024
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']
-  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  const k = 1024;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
 
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
 }
 export function debounce<T extends (...args: any[]) => any>(
   func: T,
   wait: number
 ): (...args: Parameters<T>) => void {
-  let timeout: NodeJS.Timeout | null = null
+  let timeout: NodeJS.Timeout | null = null;
 
   return (...args: Parameters<T>) => {
     if (timeout) {
-      clearTimeout(timeout)
+      clearTimeout(timeout);
     }
 
     timeout = setTimeout(() => {
-      func(...args)
-    }, wait)
-  }
+      func(...args);
+    }, wait);
+  };
 }
 export function throttle<T extends (...args: any[]) => any>(
   func: T,
   limit: number
 ): (...args: Parameters<T>) => void {
-  let inThrottle: boolean = false
+  let inThrottle: boolean = false;
 
   return (...args: Parameters<T>) => {
     if (!inThrottle) {
-      func(...args)
-      inThrottle = true
+      func(...args);
+      inThrottle = true;
       setTimeout(() => {
-        inThrottle = false
-      }, limit)
+        inThrottle = false;
+      }, limit);
     }
-  }
+  };
 }
 
-export function sleep(ms: number): Promise<void>{
+export function sleep(ms: number): Promise<void> {
   return new Promise((resolve) => {
     setTimeout(resolve, ms);
   });
-};
+}
 
 /** transform formValue example: 'true' to true */
 export const transformValueType = (str: any) => {
@@ -77,20 +77,23 @@ export const transformFormListToObj = (formList: unknown = [], transformValue =
     return {};
   }
 
-  return formList.reduce((acc, item) => {
-    if (!item || typeof item !== 'object' || Array.isArray(item)) {
-      return acc;
-    }
+  return formList.reduce(
+    (acc, item) => {
+      if (!item || typeof item !== 'object' || Array.isArray(item)) {
+        return acc;
+      }
 
-    const { key, value } = item as Partial<BaseFormListValueItem>;
-    const normalizedKey = typeof key === 'string' ? key.trim() : '';
+      const { key, value } = item as Partial<BaseFormListValueItem>;
+      const normalizedKey = typeof key === 'string' ? key.trim() : '';
 
-    if (normalizedKey) {
-      acc[normalizedKey] = transformValue ? transformValueType(value) : value;
-    }
+      if (normalizedKey) {
+        acc[normalizedKey] = transformValue ? transformValueType(value) : value;
+      }
 
-    return acc;
-  }, {} as Record<string, any>);
+      return acc;
+    },
+    {} as Record<string, any>
+  );
 };
 /** transform { abc: 123 } to [{ key: 'abc', value: '123'}] */
 export const transformObjToFormList = (obj: Record<string, any> = {}) => {
@@ -128,4 +131,4 @@ export function getFileMeta(file: File) {
   }
 
   return { label: 'Document', icon: FileText, kind: 'document' as const };
-}
\ No newline at end of file
+}

From df4fedd48579f8d2baf354e7b8a98bf5599918f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Fri, 26 Jun 2026 17:37:41 +0800
Subject: [PATCH 03/10] feat: Try to API and add useMenuAuth

---
 frontend/src/components/layout/sidebar.tsx    |  16 +-
 .../pages/api-key-management/index.tsx        |  14 +-
 .../running-model-detail/api-code-example.ts  | 442 ++++++++++++++++++
 .../capability-config.tsx                     | 211 +++++++++
 .../pages/running-model-detail/index.tsx      |  34 +-
 .../running-model-detail/try-api-drawer.tsx   | 142 ++++++
 .../pages/running-model-detail/types.ts       |  20 +
 .../components/pages/running-model/index.tsx  |  28 ++
 .../components/ui/json-syntax-highlighter.tsx |  27 +-
 frontend/src/components/ui/sheet.tsx          |  99 ++--
 frontend/src/hooks/use-menu-auth.ts           |  19 +
 frontend/src/lib/utils.ts                     |   2 +-
 12 files changed, 970 insertions(+), 84 deletions(-)
 create mode 100644 frontend/src/components/pages/running-model-detail/api-code-example.ts
 create mode 100644 frontend/src/components/pages/running-model-detail/try-api-drawer.tsx
 create mode 100644 frontend/src/hooks/use-menu-auth.ts

diff --git a/frontend/src/components/layout/sidebar.tsx b/frontend/src/components/layout/sidebar.tsx
index 826fa4c6e4..b51bfc1473 100644
--- a/frontend/src/components/layout/sidebar.tsx
+++ b/frontend/src/components/layout/sidebar.tsx
@@ -38,6 +38,7 @@ import ThemeToggle from '@/components/layout/theme-toggle';
 import LanguageSwitcher from '@/components/layout/language-switcher';
 import LoginOut from '@/components/layout/login-out';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { useMenuAuth } from '@/hooks/use-menu-auth';
 
 type IconComponent = ComponentType<{ className?: string }>;
 
@@ -143,18 +144,15 @@ export function Sidebar() {
   const { t, locale } = useI18n();
   const [collapsed, setCollapsed] = useState(false);
   const branding = getBrandingFromEnv();
+  const { usersManagePage, keysManagePage } = useMenuAuth();
   const { clusterVersion, clusterAuth, clusterUIConfig } = useGlobal();
+  
   const token = Cookies.get('token');
   const showLoginOut = useMemo(
     () => clusterAuth?.auth && token && token !== NO_AUTH,
     [clusterAuth, token]
   );
 
-  const jwtScopes = useMemo(() => decodeJwtScopes(token), [token]);
-  const isAdmin = jwtScopes.includes('admin');
-  const canManageUsers = isAdmin || jwtScopes.includes('users:manage');
-  const canAccessKeysPage = isAdmin || jwtScopes.includes('keys:create');
-
   const navGroups = useMemo<NavGroup[]>(() => {
     const groups: NavGroup[] = [
       {
@@ -212,17 +210,17 @@ export function Sidebar() {
             name: t('menu.userManagement'),
             Icon: Users,
             Extra: ChevronRight,
-            show: canManageUsers,
+            show: usersManagePage,
           },
           {
             path: '/api-key-management',
             name: t('menu.apiKeyManagement'),
             Icon: KeyRound,
             Extra: ChevronRight,
-            show: canAccessKeysPage,
+            show: keysManagePage,
           },
         ],
-        show: (clusterUIConfig?.auth_advanced || false) && (canManageUsers || canAccessKeysPage),
+        show: (clusterUIConfig?.auth_advanced || false) && (usersManagePage || keysManagePage),
       },
       {
         name: t('menu.resourcesAndSupport'),
@@ -265,7 +263,7 @@ export function Sidebar() {
         ...group,
         items: group.items.filter(({ show = true }) => show),
       }));
-  }, [clusterUIConfig, locale, t, canManageUsers, canAccessKeysPage]);
+  }, [clusterUIConfig, locale, t, usersManagePage, keysManagePage]);
 
   return (
     <div
diff --git a/frontend/src/components/pages/api-key-management/index.tsx b/frontend/src/components/pages/api-key-management/index.tsx
index 6d67a52e90..73ed436665 100644
--- a/frontend/src/components/pages/api-key-management/index.tsx
+++ b/frontend/src/components/pages/api-key-management/index.tsx
@@ -29,10 +29,8 @@ import {
 } from '@/components/ui/table';
 import { useI18n } from '@/contexts/i18n-context';
 import { useForm } from '@/hooks/use-form';
-import { decodeJwtScopes } from '@/lib/utils';
+import { useMenuAuth } from '@/hooks/use-menu-auth';
 import request from '@/lib/request';
-import Cookies from 'js-cookie';
-import { NO_AUTH } from '@/constants';
 
 interface ApiKey {
   id: number;
@@ -48,11 +46,7 @@ interface ApiKey {
 
 export default function ApiKeyManagement() {
   const { t } = useI18n();
-
-  const token = Cookies.get('token');
-  const jwtScopes = decodeJwtScopes(token === NO_AUTH ? undefined : token);
-  const isAdmin = jwtScopes.includes('admin');
-  const canManageKeys = isAdmin || jwtScopes.includes('keys:manage');
+  const { isAdmin, keysManageCreate } = useMenuAuth();
 
   const [keys, setKeys] = useState<ApiKey[]>([]);
   const [loading, setLoading] = useState(true);
@@ -300,12 +294,12 @@ export default function ApiKeyManagement() {
                   <TableCell>
                     <Switch
                       checked={key.enabled}
-                      disabled={!canManageKeys || togglingId === key.id || isExpired(key.expires_at)}
+                      disabled={!keysManageCreate || togglingId === key.id || isExpired(key.expires_at)}
                       onChange={() => handleToggleEnabled(key)}
                     />
                   </TableCell>
                   <TableCell className="text-right">
-                    {canManageKeys && (
+                    {keysManageCreate && (
                       <Button
                         variant="ghost"
                         size="sm"
diff --git a/frontend/src/components/pages/running-model-detail/api-code-example.ts b/frontend/src/components/pages/running-model-detail/api-code-example.ts
new file mode 100644
index 0000000000..17371004d8
--- /dev/null
+++ b/frontend/src/components/pages/running-model-detail/api-code-example.ts
@@ -0,0 +1,442 @@
+import type { CodeExampleConfig, CodeExampleField } from './types';
+
+type CodeLanguage = 'python' | 'typescript' | 'java' | 'go' | 'shell';
+
+export const CODE_LANGUAGE_OPTIONS: { label: string; value: CodeLanguage; highlight: string }[] = [
+  { label: 'Python', value: 'python', highlight: 'python' },
+  { label: 'TypeScript', value: 'typescript', highlight: 'typescript' },
+  { label: 'Java', value: 'java', highlight: 'java' },
+  { label: 'Go', value: 'go', highlight: 'go' },
+  { label: 'Shell', value: 'shell', highlight: 'bash' },
+];
+
+export const CHAT_CODE_EXAMPLE: CodeExampleConfig = {
+  method: 'POST',
+  contentType: 'json',
+  fields: [
+    { key: 'model', required: true },
+    {
+      key: 'messages',
+      required: true,
+      value: [{ role: 'user', content: 'Hello, what can you do?' }],
+    },
+    { key: 'stream', value: false, comment: 'Optional' },
+    { key: 'max_tokens', value: 4000 },
+    { key: 'top_p', value: 1 },
+    { key: 'top_k', value: 40 },
+    { key: 'presence_penalty', value: 0 },
+    { key: 'frequency_penalty', value: 0 },
+    { key: 'temperature', value: 0.6 },
+  ],
+};
+
+const DEFAULT_VALUES: Record<string, unknown> = {
+  model: '{MODEL_UID}',
+  prompt: 'Hello, what can you do?',
+  input: 'Hello, can you read this text aloud?',
+  voice: 'default',
+  image: '/path/to/image.png',
+  mask_image: '/path/to/mask.png',
+  first_frame: '/path/to/first-frame.png',
+  last_frame: '/path/to/last-frame.png',
+  file: './audio.wav',
+  negative_prompt: '',
+  language: 'en',
+  response_format: 'json',
+  speed: 1,
+  n: 1,
+  size: '1024*1024',
+  stream: false,
+  temperature: 1,
+  max_tokens: 256,
+  kwargs: {},
+};
+
+function resolveValue(field: CodeExampleField, modelUid: string) {
+  if (field.key === 'model') {
+    return modelUid || DEFAULT_VALUES.model;
+  }
+
+  if (field.value !== undefined) {
+    return field.value;
+  }
+
+  if (field.key in DEFAULT_VALUES) {
+    return DEFAULT_VALUES[field.key];
+  }
+
+  return '';
+}
+
+function fieldComment(field: CodeExampleField, prefix: string) {
+  if (field.required && !field.comment) return '';
+  return ` ${prefix} ${field.comment || 'Optional'}`;
+}
+
+function escapeString(value: string) {
+  return value.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+}
+
+function pythonLiteral(value: unknown): string {
+  if (typeof value === 'string') return `"${escapeString(value)}"`;
+  if (typeof value === 'number') return String(value);
+  if (typeof value === 'boolean') return value ? 'True' : 'False';
+  if (value === null) return 'None';
+  if (Array.isArray(value)) {
+    return `[${value.map((item) => pythonLiteral(item)).join(', ')}]`;
+  }
+  if (typeof value === 'object') {
+    return `{${Object.entries(value as Record<string, unknown>)
+      .map(([key, item]) => `"${key}": ${pythonLiteral(item)}`)
+      .join(', ')}}`;
+  }
+  return 'None';
+}
+
+function jsLiteral(value: unknown): string {
+  return JSON.stringify(value, null, 2)
+    .replace(/"([^"]+)":/g, '$1:')
+    .replace(/\n/g, '\n  ');
+}
+
+function jsonValue(value: unknown): string {
+  return JSON.stringify(value, null, 2);
+}
+
+function shellValue(value: unknown): string {
+  if (typeof value === 'string') return value;
+  return JSON.stringify(value);
+}
+
+function javaValue(value: unknown): string {
+  if (typeof value === 'string') return `"${escapeString(value)}"`;
+  if (typeof value === 'number' || typeof value === 'boolean') return String(value);
+  if (value === null) return 'null';
+  return `objectMapper.writeValueAsString(objectMapper.readValue("""
+${jsonValue(value)}
+""", Object.class))`;
+}
+
+function goValue(value: unknown): string {
+  if (typeof value === 'string') return `"${escapeString(value)}"`;
+  if (typeof value === 'number' || typeof value === 'boolean') return String(value);
+  if (value === null) return 'nil';
+  return `json.RawMessage(\`${jsonValue(value)}\`)`;
+}
+
+function pyFieldValue(field: CodeExampleField, modelUid: string) {
+  const value = resolveValue(field, modelUid);
+  if (field.stringify) {
+    return `json.dumps(${pythonLiteral(value)})`;
+  }
+  return pythonLiteral(value);
+}
+
+function tsFieldValue(field: CodeExampleField, modelUid: string) {
+  const value = resolveValue(field, modelUid);
+  if (field.stringify) {
+    return `JSON.stringify(${jsLiteral(value)})`;
+  }
+  return jsLiteral(value);
+}
+
+function generatePython(config: CodeExampleConfig, url: string, modelUid: string) {
+  const fields = config.fields;
+  const isForm = config.contentType === 'form';
+  const imports = ['import requests'];
+  if (fields.some((field) => field.stringify)) {
+    imports.push('import json');
+  }
+
+  const lines = [...imports, '', `url = "${url}"`, ''];
+
+  if (isForm) {
+    const dataFields = fields.filter((field) => field.type !== 'file');
+    const fileFields = fields.filter((field) => field.type === 'file');
+
+    lines.push('data = {');
+    dataFields.forEach((field) => {
+      lines.push(
+        `    "${field.key}": ${pyFieldValue(field, modelUid)},${fieldComment(field, '#')}`
+      );
+    });
+    lines.push('}', '');
+
+    if (fileFields.length) {
+      lines.push('files = {');
+      fileFields.forEach((field) => {
+        const value = resolveValue(field, modelUid);
+        lines.push(
+          `    "${field.key}": open("${escapeString(String(value))}", "rb"),${fieldComment(field, '#')}`
+        );
+      });
+      lines.push('}', '');
+    }
+  } else {
+    lines.push('data = {');
+    fields.forEach((field) => {
+      lines.push(
+        `    "${field.key}": ${pyFieldValue(field, modelUid)},${fieldComment(field, '#')}`
+      );
+    });
+    lines.push('}', '');
+  }
+
+  lines.push('headers = {');
+  lines.push('    "Accept": "application/json",');
+  if (!isForm) {
+    lines.push('    "Content-Type": "application/json",');
+  }
+  lines.push('    "Authorization": "Bearer {API_KEY}",');
+  lines.push('}', '');
+  lines.push(
+    `requests.${config.method.toLowerCase()}(url, headers=headers, ${isForm ? 'data=data, files=files' : 'json=data'})`
+  );
+
+  return lines.join('\n');
+}
+
+function generateTS(config: CodeExampleConfig, url: string, modelUid: string) {
+  const isForm = config.contentType === 'form';
+  const lines = [`const url = "${url}";`, ''];
+
+  if (isForm) {
+    lines.push('const formData = new FormData();');
+    config.fields.forEach((field) => {
+      const value = resolveValue(field, modelUid);
+      const resolvedValue =
+        field.type === 'file' ? `${field.key}File` : tsFieldValue(field, modelUid);
+      if (field.type === 'file') {
+        lines.push(
+          `// const ${field.key}File = await fileFromPath("${escapeString(String(value))}");`
+        );
+      }
+      lines.push(`formData.append("${field.key}", ${resolvedValue});${fieldComment(field, '//')}`);
+    });
+  } else {
+    lines.push('const data = {');
+    config.fields.forEach((field) => {
+      lines.push(`  ${field.key}: ${tsFieldValue(field, modelUid)},${fieldComment(field, '//')}`);
+    });
+    lines.push('};');
+  }
+
+  lines.push('', 'await fetch(url, {');
+  lines.push(`  method: "${config.method}",`);
+  lines.push('  headers: {');
+  lines.push('    Accept: "application/json",');
+  if (!isForm) {
+    lines.push('    "Content-Type": "application/json",');
+  }
+  lines.push('    Authorization: "Bearer {API_KEY}",');
+  lines.push('  },');
+  lines.push(`  body: ${isForm ? 'formData' : 'JSON.stringify(data)'},`);
+  lines.push('});');
+
+  return lines.join('\n');
+}
+
+function generateJava(config: CodeExampleConfig, url: string, modelUid: string) {
+  if (config.contentType === 'form') {
+    const lines = [
+      'import java.io.File;',
+      'import okhttp3.*;',
+      '',
+      'OkHttpClient client = new OkHttpClient();',
+      '',
+      'MultipartBody.Builder formData = new MultipartBody.Builder().setType(MultipartBody.FORM);',
+    ];
+
+    config.fields.forEach((field) => {
+      const value = resolveValue(field, modelUid);
+      if (field.type === 'file') {
+        lines.push(
+          `formData.addFormDataPart("${field.key}", "${escapeString(String(value))}", RequestBody.create(new File("${escapeString(String(value))}"), MediaType.parse("application/octet-stream")));${fieldComment(field, '//')}`
+        );
+      } else {
+        lines.push(
+          `formData.addFormDataPart("${field.key}", String.valueOf(${javaValue(value)}));${fieldComment(field, '//')}`
+        );
+      }
+    });
+
+    lines.push(
+      '',
+      `Request request = new Request.Builder()`,
+      `    .url("${url}")`,
+      '    .addHeader("Accept", "application/json")',
+      '    .addHeader("Authorization", "Bearer {API_KEY}")',
+      '    .post(formData.build())',
+      '    .build();',
+      '',
+      'Response response = client.newCall(request).execute();'
+    );
+    return lines.join('\n');
+  }
+
+  const lines = [
+    'import com.fasterxml.jackson.databind.ObjectMapper;',
+    'import java.net.URI;',
+    'import java.net.http.HttpClient;',
+    'import java.net.http.HttpRequest;',
+    'import java.net.http.HttpResponse;',
+    'import java.util.LinkedHashMap;',
+    'import java.util.Map;',
+    '',
+    'ObjectMapper objectMapper = new ObjectMapper();',
+    'Map<String, Object> data = new LinkedHashMap<>();',
+  ];
+
+  config.fields.forEach((field) => {
+    lines.push(
+      `data.put("${field.key}", ${field.stringify ? javaValue(resolveValue(field, modelUid)) : javaValue(resolveValue(field, modelUid))});${fieldComment(field, '//')}`
+    );
+  });
+
+  lines.push(
+    '',
+    'String body = objectMapper.writeValueAsString(data);',
+    '',
+    'HttpRequest request = HttpRequest.newBuilder()',
+    `    .uri(URI.create("${url}"))`,
+    '    .header("Accept", "application/json")',
+    '    .header("Content-Type", "application/json")',
+    '    .header("Authorization", "Bearer {API_KEY}")',
+    '    .POST(HttpRequest.BodyPublishers.ofString(body))',
+    '    .build();',
+    '',
+    'HttpClient.newHttpClient().send(request, HttpResponse.BodyHandlers.ofString());'
+  );
+
+  return lines.join('\n');
+}
+
+function generateGo(config: CodeExampleConfig, url: string, modelUid: string) {
+  if (config.contentType === 'form') {
+    const lines = [
+      'package main',
+      '',
+      'import (',
+      '  "bytes"',
+      '  "io"',
+      '  "mime/multipart"',
+      '  "net/http"',
+      '  "os"',
+      ')',
+      '',
+      'func main() {',
+      '  body := &bytes.Buffer{}',
+      '  writer := multipart.NewWriter(body)',
+    ];
+
+    config.fields.forEach((field) => {
+      const value = resolveValue(field, modelUid);
+      if (field.type === 'file') {
+        lines.push(
+          `  file, _ := os.Open("${escapeString(String(value))}")${fieldComment(field, '//')}`,
+          '  defer file.Close()',
+          `  part, _ := writer.CreateFormFile("${field.key}", "${escapeString(String(value))}")`,
+          '  io.Copy(part, file)'
+        );
+      } else {
+        lines.push(
+          `  writer.WriteField("${field.key}", ${goValue(value)})${fieldComment(field, '//')}`
+        );
+      }
+    });
+
+    lines.push(
+      '  writer.Close()',
+      '',
+      `  req, _ := http.NewRequest("${config.method}", "${url}", body)`,
+      '  req.Header.Set("Accept", "application/json")',
+      '  req.Header.Set("Content-Type", writer.FormDataContentType())',
+      '  req.Header.Set("Authorization", "Bearer {API_KEY}")',
+      '',
+      '  http.DefaultClient.Do(req)',
+      '}'
+    );
+    return lines.join('\n');
+  }
+
+  const lines = [
+    'package main',
+    '',
+    'import (',
+    '  "bytes"',
+    '  "encoding/json"',
+    '  "net/http"',
+    ')',
+    '',
+    'func main() {',
+    '  data := map[string]interface{}{',
+  ];
+
+  config.fields.forEach((field) => {
+    lines.push(
+      `    "${field.key}": ${goValue(resolveValue(field, modelUid))},${fieldComment(field, '//')}`
+    );
+  });
+
+  lines.push(
+    '  }',
+    '',
+    '  body, _ := json.Marshal(data)',
+    `  req, _ := http.NewRequest("${config.method}", "${url}", bytes.NewBuffer(body))`,
+    '  req.Header.Set("Accept", "application/json")',
+    '  req.Header.Set("Content-Type", "application/json")',
+    '  req.Header.Set("Authorization", "Bearer {API_KEY}")',
+    '',
+    '  http.DefaultClient.Do(req)',
+    '}'
+  );
+
+  return lines.join('\n');
+}
+
+function generateShell(config: CodeExampleConfig, url: string, modelUid: string) {
+  const requiredFields = config.fields.filter((field) => field.required);
+  const lines = [
+    `curl -X ${config.method} "${url}"`,
+    `  -H "Accept: application/json"`,
+    `  -H "Authorization: Bearer {API_KEY}"`,
+  ];
+
+  if (config.contentType === 'json') {
+    const body = requiredFields.reduce<Record<string, unknown>>((result, field) => {
+      result[field.key] = resolveValue(field, modelUid);
+      return result;
+    }, {});
+    lines.push('  -H "Content-Type: application/json"');
+    lines.push(`  -d '${JSON.stringify(body, null, 2)}'`);
+  } else {
+    requiredFields.forEach((field) => {
+      const value = resolveValue(field, modelUid);
+      lines.push(
+        `  -F "${field.key}=${field.type === 'file' ? `@${shellValue(value)}` : shellValue(value)}"`
+      );
+    });
+  }
+
+  return lines.map((line, index) => (index === lines.length - 1 ? line : `${line} \\`)).join('\n');
+}
+
+export function generateCodeExample(
+  language: CodeLanguage,
+  config: CodeExampleConfig,
+  url: string,
+  modelUid: string
+) {
+  switch (language) {
+    case 'python':
+      return generatePython(config, url, modelUid);
+    case 'typescript':
+      return generateTS(config, url, modelUid);
+    case 'java':
+      return generateJava(config, url, modelUid);
+    case 'go':
+      return generateGo(config, url, modelUid);
+    case 'shell':
+      return generateShell(config, url, modelUid);
+  }
+}
diff --git a/frontend/src/components/pages/running-model-detail/capability-config.tsx b/frontend/src/components/pages/running-model-detail/capability-config.tsx
index c93ac2cae4..1ad3fbe9ac 100644
--- a/frontend/src/components/pages/running-model-detail/capability-config.tsx
+++ b/frontend/src/components/pages/running-model-detail/capability-config.tsx
@@ -87,6 +87,22 @@ const videoDefaults = {
   guidance_scale: 7.5,
 };
 
+const imageKwargsExample = {
+  width: 1024,
+  height: 1024,
+  guidance_scale: 7.5,
+  num_inference_steps: 25,
+};
+
+const videoKwargsExample = {
+  width: 512,
+  height: 512,
+  num_frames: 16,
+  fps: 8,
+  num_inference_steps: 25,
+  guidance_scale: 7.5,
+};
+
 function commonImageBody({ modelUid, values, requestId }: TransformContext, fallbackSize?: string) {
   const kwargs = buildGenerationKwargs(values, requestId, { excludeKeys: ['width', 'height'] });
 
@@ -163,6 +179,16 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Generate',
     icon: FileText,
     requestApi: '/v1/completions',
+    codeExample: {
+      method: 'POST',
+      contentType: 'json',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'prompt', required: true, value: 'Hello, what can you do?' },
+        { key: 'max_tokens', value: 256, comment: 'Optional' },
+        { key: 'temperature', value: 1, comment: 'Optional' },
+      ],
+    },
     initialValues: {
       prompt: '',
       max_tokens: 0,
@@ -185,6 +211,20 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'OCR',
     icon: ScanText,
     requestApi: '/v1/images/ocr',
+    codeExample: {
+      method: 'POST',
+      contentType: 'form',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'image', required: true, type: 'file', value: '/path/to/file.png' },
+        {
+          key: 'kwargs',
+          value: { prompt: 'OCR', model_size: 'gundam', eval_mode: true },
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: {
       image: [],
       ocr_type: 'ocr',
@@ -220,6 +260,26 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Document Parsing',
     icon: FileSearch,
     requestApi: '/v1/images/ocr',
+    codeExample: {
+      method: 'POST',
+      contentType: 'form',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'image', required: true, type: 'file', value: './document.pdf' },
+        {
+          key: 'kwargs',
+          value: {
+            backend: 'hybrid-auto-engine',
+            parse_method: 'auto',
+            language: 'ch',
+            output_format: 'markdown',
+            return_dict: true,
+          },
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: {
       file: [],
       backend: 'hybrid-auto-engine',
@@ -254,6 +314,28 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Text to Image',
     icon: ImagePlus,
     requestApi: '/v1/images/generations',
+    codeExample: {
+      method: 'POST',
+      contentType: 'json',
+      fields: [
+        { key: 'model', required: true },
+        {
+          key: 'prompt',
+          required: true,
+          value: 'A cute little cat wearing a tiny astronaut helmet',
+        },
+        { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
+        { key: 'n', value: 1, required: true },
+        { key: 'size', value: '1024*1024', required: true,},
+        { key: 'response_format', value: 'b64_json', required: true, },
+        {
+          key: 'kwargs',
+          value: imageKwargsExample,
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: imageDefaults,
     showProgress: true,
     formPanel: TextToImagePanel,
@@ -265,6 +347,29 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Image to Image',
     icon: ImageUp,
     requestApi: '/v1/images/variations',
+    codeExample: {
+      method: 'POST',
+      contentType: 'form',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'image', required: true, type: 'file', value: '/path/to/file.png' },
+        {
+          key: 'prompt',
+          required: true,
+          value: 'Turn this image into a watercolor illustration',
+        },
+        { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
+        { key: 'n', value: 1, required: true },
+        { key: 'size', value: '1024*1024', required: true, },
+        { key: 'response_format', value: 'b64_json', required: true },
+        {
+          key: 'kwargs',
+          value: imageKwargsExample,
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: { ...imageDefaults, width: -1, height: -1, image: [] },
     showProgress: true,
     formPanel: ImageToImagePanel,
@@ -281,6 +386,26 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Inpainting',
     icon: Paintbrush,
     requestApi: '/v1/images/inpainting',
+    codeExample: {
+      method: 'POST',
+      contentType: 'form',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'image', required: true, type: 'file', value: '/path/to/file.png' },
+        { key: 'mask_image', required: true, type: 'file', value: '/path/to/mask.png' },
+        { key: 'prompt', required: true, value: 'Replace the masked area with a blooming garden' },
+        { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
+        { key: 'n', value: 1, required: true },
+        { key: 'size', value: '1024*1024', required: true, },
+        { key: 'response_format', value: 'b64_json', required: true },
+        {
+          key: 'kwargs',
+          value: imageKwargsExample,
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: { ...imageDefaults, width: -1, height: -1, image: [], mask_image: [] },
     showProgress: true,
     formPanel: InpaintingPanel,
@@ -300,6 +425,25 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Text to Video',
     icon: Video,
     requestApi: '/v1/video/generations',
+    codeExample: {
+      method: 'POST',
+      contentType: 'json',
+      fields: [
+        { key: 'model', required: true },
+        {
+          key: 'prompt',
+          required: true,
+          value: 'A cute little cat walking through a sunny garden',
+        },
+        { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
+        {
+          key: 'kwargs',
+          value: videoKwargsExample,
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: videoDefaults,
     showProgress: true,
     formPanel: TextToVideoPanel,
@@ -311,6 +455,22 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Image to Video',
     icon: Video,
     requestApi: '/v1/video/generations/image',
+    codeExample: {
+      method: 'POST',
+      contentType: 'form',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'image', required: true, type: 'file', value: '/path/to/file.png' },
+        { key: 'prompt', required: true, value: 'Animate the scene with gentle camera movement' },
+        { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
+        {
+          key: 'kwargs',
+          value: videoKwargsExample,
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: { ...videoDefaults, image: [] },
     showProgress: true,
     formPanel: ImageToVideoPanel,
@@ -328,6 +488,23 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'First/Last Frame Video',
     icon: Video,
     requestApi: '/v1/video/generations/flf',
+    codeExample: {
+      method: 'POST',
+      contentType: 'form',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'first_frame', required: true, type: 'file', value: '/path/to/first-frame.png' },
+        { key: 'last_frame', required: true, type: 'file', value: '/path/to/last-frame.png' },
+        { key: 'prompt', required: true, value: 'Create a smooth transition between these frames' },
+        { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
+        {
+          key: 'kwargs',
+          value: videoKwargsExample,
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: { ...videoDefaults, first_frame: [], last_frame: [] },
     showProgress: true,
     formPanel: FirstLastFrameVideoPanel,
@@ -347,6 +524,18 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Audio to Text',
     icon: Mic,
     requestApi: '/v1/audio/transcriptions',
+    codeExample: {
+      method: 'POST',
+      contentType: 'form',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'file', required: true, type: 'file', value: '/path/to/audio.map3' },
+        { key: 'language', value: 'en', comment: 'Optional' },
+        { key: 'prompt', value: 'Meeting notes about the product roadmap', comment: 'Optional' },
+        { key: 'response_format', value: 'json', comment: 'Optional' },
+        { key: 'temperature', value: 0, comment: 'Optional' },
+      ],
+    },
     initialValues: {
       file: [],
       language: '',
@@ -363,6 +552,28 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Text to Audio',
     icon: AudioLines,
     requestApi: '/v1/audio/speech',
+    codeExample: {
+      method: 'POST',
+      contentType: 'json',
+      fields: [
+        { key: 'model', required: true },
+        {
+          key: 'input',
+          required: true,
+          value: 'Today is a wonderful day to build something useful.',
+        },
+        { key: 'voice', value: 'default', comment: 'Optional' },
+        { key: 'speed', value: 1, comment: 'Optional' },
+        { key: 'response_format', value: 'mp3', comment: 'Optional' },
+        { key: 'stream', value: false, comment: 'Optional' },
+        {
+          key: 'kwargs',
+          value: { prompt_text: 'Read this in a warm and natural voice' },
+          stringify: true,
+          comment: 'Optional(other key/value)',
+        },
+      ],
+    },
     initialValues: {
       input: '',
       voice: '',
diff --git a/frontend/src/components/pages/running-model-detail/index.tsx b/frontend/src/components/pages/running-model-detail/index.tsx
index fb058a7de8..e868264735 100644
--- a/frontend/src/components/pages/running-model-detail/index.tsx
+++ b/frontend/src/components/pages/running-model-detail/index.tsx
@@ -1,13 +1,13 @@
 'use client';
 
 import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { ArrowLeft, Info, WandSparkles } from 'lucide-react';
+import { ArrowLeft, Info, WandSparkles, Code } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 
 import { Button } from '@/components/ui/button';
 import { CollapsiblePanel } from '@/components/ui/collapsible';
 import PageContainer from '@/components/ui/page-container';
-import { ModelAbility } from '@/constants';
+import { ModelAbility, ModelType } from '@/constants';
 import request from '@/lib/request';
 import type { RunningModelDetail as RunningModelDetailType } from '@/types/services';
 
@@ -16,11 +16,17 @@ import CapabilityTaskPanel, { CapabilityTaskPanelMethod } from './panels/capabil
 import { ChatPanel } from './panels/chat-panel';
 import { Select } from '@/components/ui/select';
 import { useI18n } from '@/contexts/i18n-context';
+import { TryApiDrawer } from './try-api-drawer';
 
 interface RunningModelDetailProps {
   modelUid: string;
 }
 
+const MODEL_TYPE_ABILITY_MAP: Record<string, ModelAbility[]> = {
+  [ModelType.Rerank]: [ModelAbility.Rerank],
+  [ModelType.Embedding]: [ModelAbility.Embed],
+};
+
 function DetailItem({ label, value }: { label: string; value?: string | number | null }) {
   return (
     <div className="min-w-0 rounded-2xl bg-muted/40 px-4 py-3">
@@ -76,16 +82,26 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
   const [loading, setLoading] = useState(true);
   const isChat = (model?.model_ability || []).includes(ModelAbility.Chat);
   const [selectAbility, setSelectAbility] = useState<ModelAbility | undefined>(undefined);
+  const [tryApiOpen, setTryApiOpen] = useState(false);
   const capabilityTaskPanelRef = useRef<CapabilityTaskPanelMethod>(null);
+  const tryApiAbility = isChat ? ModelAbility.Chat : selectAbility;
 
   const fetchModel = useCallback(() => {
     setLoading(true);
     request
       .get<RunningModelDetailType>(`/v1/models/${modelUid}`)
       .then((res) => {
-        const firstAbility = (res?.model_ability || []).filter((item) => !item.includes('_'))?.[0];
+        const newModel = {
+          ...res,
+          // fix model_ability was not returned when model_type was Rerank or Embedding.
+          // model_ability: Array.isArray(res?.model_ability)
+          //   ? res.model_ability
+          //   : (res?.model_type && MODEL_TYPE_ABILITY_MAP[res.model_type]) || [],
+          model_ability: [ModelAbility.Text2audio,ModelAbility.Audio2text ]
+        };
+        const firstAbility = newModel.model_ability.filter((item) => !item.includes('_'))?.[0];
         setSelectAbility(firstAbility);
-        setModel(res);
+        setModel(newModel);
       })
       .finally(() => setLoading(false));
   }, [modelUid]);
@@ -161,6 +177,10 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
               onChange={handleAbility}
             />
           )}
+          <Button type="button" variant="outline" onClick={() => setTryApiOpen(true)}>
+            <Code/>
+            Try To API
+          </Button>
         </div>
       }
     >
@@ -170,6 +190,12 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
           {renderCapability()}
         </div>
       )}
+      <TryApiDrawer
+        open={tryApiOpen}
+        onOpenChange={setTryApiOpen}
+        modelUid={modelUid}
+        ability={tryApiAbility}
+      />
     </PageContainer>
   );
 };
diff --git a/frontend/src/components/pages/running-model-detail/try-api-drawer.tsx b/frontend/src/components/pages/running-model-detail/try-api-drawer.tsx
new file mode 100644
index 0000000000..0158f98d25
--- /dev/null
+++ b/frontend/src/components/pages/running-model-detail/try-api-drawer.tsx
@@ -0,0 +1,142 @@
+'use client';
+
+import { useMemo, useState } from 'react';
+import { Copy, ExternalLink, X } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+
+import { Button } from '@/components/ui/button';
+import { JSONSyntaxHighlighter } from '@/components/ui/json-syntax-highlighter';
+import { Sheet, SheetClose, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { ModelAbility } from '@/constants';
+import { copyText, getApiUrl } from '@/lib/utils';
+
+import { CAPABILITY_CONFIGS } from './capability-config';
+import { CHAT_CODE_EXAMPLE, CODE_LANGUAGE_OPTIONS, generateCodeExample } from './api-code-example';
+import type { CodeExampleConfig } from './types';
+import { useMenuAuth } from '@/hooks/use-menu-auth';
+
+interface TryApiDrawerProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  modelUid?: string;
+  ability?: ModelAbility;
+}
+
+function getCodeExample(
+  ability?: ModelAbility
+): { requestApi: string; config: CodeExampleConfig } | null {
+  if (ability === ModelAbility.Chat) {
+    return {
+      requestApi: '/v1/chat/completions',
+      config: CHAT_CODE_EXAMPLE,
+    };
+  }
+
+  if (!ability) return null;
+
+  const capabilityConfig = CAPABILITY_CONFIGS[ability];
+  if (!capabilityConfig?.codeExample) return null;
+
+  return {
+    requestApi: capabilityConfig.requestApi,
+    config: capabilityConfig.codeExample,
+  };
+}
+
+export function getTryApiAbility(abilities: ModelAbility[] = []) {
+  const primaryAbilities = abilities.filter((ability) => !ability.includes('_'));
+  return (
+    primaryAbilities.find((ability) => ability === ModelAbility.Chat) ||
+    primaryAbilities.find((ability) => !!CAPABILITY_CONFIGS[ability]?.codeExample)
+  );
+}
+
+export function TryApiDrawer({
+  open,
+  onOpenChange,
+  modelUid = '{MODEL_UID}',
+  ability,
+}: TryApiDrawerProps) {
+  const router = useRouter();
+  const { keysManagePage } = useMenuAuth();
+  const [language, setLanguage] = useState(CODE_LANGUAGE_OPTIONS[0].value);
+  const codeExample = getCodeExample(ability);
+  const url = codeExample ? `${getApiUrl()}${codeExample.requestApi}` : '';
+  const code = useMemo(() => {
+    if (!codeExample) return '';
+    return generateCodeExample(language, codeExample.config, url, modelUid);
+  }, [codeExample, language, modelUid, url]);
+  const activeLanguage = CODE_LANGUAGE_OPTIONS.find((item) => item.value === language);
+
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent showClose={false} className="w-[min(50vw,760px)] gap-0 p-0 sm:max-w-none">
+        <SheetHeader className="flex-row items-center justify-between gap-4 border-b px-6 py-5">
+          <div className="flex min-w-0 items-center gap-3">
+            <SheetClose asChild>
+              <Button
+                variant="ghost"
+                size="icon"
+                className="size-9 rounded-full text-muted-foreground"
+              >
+                <X className="size-5" />
+              </Button>
+            </SheetClose>
+            <SheetTitle className="truncate text-xl">Try To API</SheetTitle>
+          </div>
+          <Button
+            type="button"
+            variant="outline"
+            disabled={!keysManagePage}
+            onClick={() => router.push('/api-key-management')}
+          >
+            <ExternalLink className="size-4" />
+            Get API Key
+          </Button>
+        </SheetHeader>
+        <div className="flex-1 overflow-y-auto p-6">
+          {codeExample ? (
+            <Tabs value={language} onValueChange={(value) => setLanguage(value as typeof language)}>
+              <TabsList className="grid h-11 w-full grid-cols-5 rounded-xl p-1">
+                {CODE_LANGUAGE_OPTIONS.map((item) => (
+                  <TabsTrigger
+                    key={item.value}
+                    value={item.value}
+                    className="p-0 rounded-md text-base data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
+                  >
+                    {item.label}
+                  </TabsTrigger>
+                ))}
+              </TabsList>
+              {CODE_LANGUAGE_OPTIONS.map((item) => (
+                <TabsContent key={item.value} value={item.value} className="mt-6">
+                  <div className="relative">
+                    <Button
+                      type="button"
+                      variant="ghost"
+                      size="icon"
+                      className="absolute right-3 top-3 z-10 size-8 text-muted-foreground"
+                      onClick={() => copyText(code)}
+                    >
+                      <Copy className="size-4" />
+                    </Button>
+                    <JSONSyntaxHighlighter
+                      code={code}
+                      language={activeLanguage?.highlight || 'python'}
+                      className="rounded-xl pr-12 text-base whitespace-pre-wrap break-all"
+                    />
+                  </div>
+                </TabsContent>
+              ))}
+            </Tabs>
+          ) : (
+            <div className="flex min-h-80 items-center justify-center rounded-2xl border bg-card text-sm text-muted-foreground">
+              No API example available for this model ability.
+            </div>
+          )}
+        </div>
+      </SheetContent>
+    </Sheet>
+  );
+}
diff --git a/frontend/src/components/pages/running-model-detail/types.ts b/frontend/src/components/pages/running-model-detail/types.ts
index 39bce412f7..81b8c88001 100644
--- a/frontend/src/components/pages/running-model-detail/types.ts
+++ b/frontend/src/components/pages/running-model-detail/types.ts
@@ -31,6 +31,25 @@ export interface TransformContext {
   requestId?: string;
 }
 
+export type CodeExampleContentType = 'json' | 'form';
+
+export type CodeExampleFieldType = 'text' | 'file';
+
+export interface CodeExampleField {
+  key: string;
+  required?: boolean;
+  value?: unknown;
+  comment?: string;
+  type?: CodeExampleFieldType;
+  stringify?: boolean;
+}
+
+export interface CodeExampleConfig {
+  method: 'POST';
+  contentType: CodeExampleContentType;
+  fields: CodeExampleField[];
+}
+
 export interface CapabilityConfig {
   ability: ModelAbility;
   label: string;
@@ -42,6 +61,7 @@ export interface CapabilityConfig {
   resultPanel: ComponentType<CapabilityResultProps>;
   transformValues: (context: TransformContext) => BodyInit | Record<string, unknown>;
   responseType?: 'blob';
+  codeExample?: CodeExampleConfig;
 }
 
 export interface ChatSettings {
diff --git a/frontend/src/components/pages/running-model/index.tsx b/frontend/src/components/pages/running-model/index.tsx
index 1dc79e2efd..8809948c5a 100644
--- a/frontend/src/components/pages/running-model/index.tsx
+++ b/frontend/src/components/pages/running-model/index.tsx
@@ -10,16 +10,22 @@ import {
   MessageCircleMore,
   Cpu,
   Server,
+  Code,
 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import PageContainer from '@/components/ui/page-container';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 import { ConfirmDialog } from '@/components/ui/confirm-dialog';
+import { InfoTooltip } from '@/components/ui/tooltip';
 import { useI18n } from '@/contexts/i18n-context';
 import type { RunningModelItem, ReplicaItem } from '@/types/services';
 import request from '@/lib/request';
 import { cn } from '@/lib/utils';
+import {
+  getTryApiAbility,
+  TryApiDrawer,
+} from '@/components/pages/running-model-detail/try-api-drawer';
 
 interface EmptyStateProps {
   icon: ReactNode;
@@ -67,6 +73,11 @@ const RunningModel = () => {
   const [deleteConfirmLoading, setDeleteConfirmLoading] = useState(false);
   const [deleteReplicaId, setDeleteReplicaId] = useState<string | undefined>(undefined);
   const [deleteReplicaLoading, setDeleteReplicaLoading] = useState(false);
+  const [tryApiOpen, setTryApiOpen] = useState(false);
+  const tryApiAbility = useMemo(
+    () => getTryApiAbility(activeModel?.model_ability || []),
+    [activeModel?.model_ability]
+  );
   const visibleModels = useMemo(() => {
     const keyword = query.trim().toLowerCase();
 
@@ -221,6 +232,17 @@ const RunningModel = () => {
             >
               <MessageCircleMore />
             </Button>
+            <InfoTooltip content="Try To API">
+              <Button
+                type="button"
+                variant="outline"
+                size="icon"
+                onClick={() => setTryApiOpen(true)}
+                className="h-8 text-muted-foreground"
+              >
+                <Code />
+              </Button>
+            </InfoTooltip>
             <Button
               type="button"
               variant="outline"
@@ -369,6 +391,12 @@ const RunningModel = () => {
         onConfirm={handleDeleteReplica}
         isLoading={deleteReplicaLoading}
       />
+      <TryApiDrawer
+        open={tryApiOpen}
+        onOpenChange={setTryApiOpen}
+        modelUid={activeModel?.id}
+        ability={tryApiAbility}
+      />
     </PageContainer>
   );
 };
diff --git a/frontend/src/components/ui/json-syntax-highlighter.tsx b/frontend/src/components/ui/json-syntax-highlighter.tsx
index 97a78954a8..24ab5ad54f 100644
--- a/frontend/src/components/ui/json-syntax-highlighter.tsx
+++ b/frontend/src/components/ui/json-syntax-highlighter.tsx
@@ -6,24 +6,35 @@ import { useEffect, useMemo } from 'react';
 import { cn } from '@/lib/utils';
 
 interface JSONSyntaxHighlighterProps {
-  data: unknown;
+  data?: unknown;
+  code?: string;
+  language?: string;
   className?: string;
 }
 
 const formatJSON = (data: unknown): string => {
   try {
-    return JSON.stringify(data, null, 2);
+    return JSON.stringify(data, null, 2) ?? String(data);
   } catch {
     return String(data);
   }
 };
 
-export function JSONSyntaxHighlighter({ data, className = '' }: JSONSyntaxHighlighterProps) {
+export function JSONSyntaxHighlighter({
+  data,
+  code,
+  language = 'json',
+  className = '',
+}: JSONSyntaxHighlighterProps) {
   const { theme } = useTheme();
-  const highlightedCode = useMemo(
-    () => hljs.highlight(formatJSON(data), { language: 'json' }).value,
-    [data]
-  );
+  const sourceCode = code ?? formatJSON(data);
+  const highlightedCode = useMemo(() => {
+    try {
+      return hljs.highlight(sourceCode, { language }).value;
+    } catch {
+      return hljs.highlightAuto(sourceCode).value;
+    }
+  }, [language, sourceCode]);
 
   useEffect(() => {
     // Dynamically load syntax highlighting styles suitable for the current theme
@@ -47,7 +58,7 @@ export function JSONSyntaxHighlighter({ data, className = '' }: JSONSyntaxHighli
   return (
     <pre className={cn('bg-muted p-4 rounded-lg overflow-x-auto', className)}>
       <code
-        className="language-json text-sm"
+        className={cn(`language-${language}`, 'text-sm')}
         dangerouslySetInnerHTML={{ __html: highlightedCode }}
       />
     </pre>
diff --git a/frontend/src/components/ui/sheet.tsx b/frontend/src/components/ui/sheet.tsx
index 7140fe35ce..e7e34c35e6 100644
--- a/frontend/src/components/ui/sheet.tsx
+++ b/frontend/src/components/ui/sheet.tsx
@@ -1,31 +1,25 @@
-"use client"
+'use client';
 
-import * as React from "react"
-import * as SheetPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
-  return <SheetPrimitive.Root data-slot="sheet" {...props} />
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />;
 }
 
-function SheetTrigger({
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
-  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
+function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />;
 }
 
-function SheetClose({
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Close>) {
-  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
+function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />;
 }
 
-function SheetPortal({
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
-  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
+function SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />;
 }
 
 function SheetOverlay({
@@ -36,23 +30,25 @@ function SheetOverlay({
     <SheetPrimitive.Overlay
       data-slot="sheet-overlay"
       className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',
         className
       )}
       {...props}
     />
-  )
+  );
 }
 
 function SheetContent({
   className,
   children,
-  side = "right",
+  side = 'right',
   showOverlay = true,
+  showClose = true,
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Content> & {
-  side?: "top" | "right" | "bottom" | "left"
-  showOverlay?: boolean
+  side?: 'top' | 'right' | 'bottom' | 'left';
+  showOverlay?: boolean;
+  showClose?: boolean;
 }) {
   return (
     <SheetPortal>
@@ -60,60 +56,59 @@ function SheetContent({
       <SheetPrimitive.Content
         data-slot="sheet-content"
         className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "right" &&
-            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          side === "left" &&
-            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          side === "top" &&
-            "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-          side === "bottom" &&
-            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+          side === 'right' &&
+            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
+          side === 'left' &&
+            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
+          side === 'top' &&
+            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',
+          side === 'bottom' &&
+            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
           className
         )}
         {...props}
       >
         {children}
-        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
-          <XIcon className="size-4" />
-          <span className="sr-only">Close</span>
-        </SheetPrimitive.Close>
+        {showClose && (
+          <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+            <XIcon className="size-4" />
+            <span className="sr-only">Close</span>
+          </SheetPrimitive.Close>
+        )}
       </SheetPrimitive.Content>
     </SheetPortal>
-  )
+  );
 }
 
-function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+function SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
       data-slot="sheet-header"
-      className={cn("flex flex-col gap-1.5 p-4", className)}
+      className={cn('flex flex-col gap-1.5 p-4', className)}
       {...props}
     />
-  )
+  );
 }
 
-function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+function SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
       data-slot="sheet-footer"
-      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      className={cn('mt-auto flex flex-col gap-2 p-4', className)}
       {...props}
     />
-  )
+  );
 }
 
-function SheetTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof SheetPrimitive.Title>) {
+function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {
   return (
     <SheetPrimitive.Title
       data-slot="sheet-title"
-      className={cn("text-foreground font-semibold", className)}
+      className={cn('text-foreground font-semibold', className)}
       {...props}
     />
-  )
+  );
 }
 
 function SheetDescription({
@@ -123,10 +118,10 @@ function SheetDescription({
   return (
     <SheetPrimitive.Description
       data-slot="sheet-description"
-      className={cn("text-muted-foreground text-sm", className)}
+      className={cn('text-muted-foreground text-sm', className)}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -138,4 +133,4 @@ export {
   SheetFooter,
   SheetTitle,
   SheetDescription,
-}
+};
diff --git a/frontend/src/hooks/use-menu-auth.ts b/frontend/src/hooks/use-menu-auth.ts
new file mode 100644
index 0000000000..12bdf062eb
--- /dev/null
+++ b/frontend/src/hooks/use-menu-auth.ts
@@ -0,0 +1,19 @@
+'use client';
+
+import Cookies from 'js-cookie';
+import { NO_AUTH } from '@/constants';
+import { decodeJwtScopes } from '@/lib/utils';
+
+export function useMenuAuth() {
+  const token = Cookies.get('token');
+  const jwtScopes = decodeJwtScopes(token === NO_AUTH ? undefined : token);
+
+  const hasScope = (...scopes: string[]) => jwtScopes.some((item) => scopes.includes(item));
+
+  return {
+    isAdmin: hasScope('admin'),
+    usersManagePage: hasScope('admin', 'users:manage'),
+    keysManagePage: hasScope('admin', 'keys:manage'),
+    keysManageCreate: hasScope('admin', 'keys:create'),
+  };
+}
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
index 02dc59bac1..aea0977b00 100644
--- a/frontend/src/lib/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -9,7 +9,7 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export function getApiUrl(): string {
-  const apiUrl = process.env.NEXT_PUBLIC_API_URL || ''
+  const apiUrl = process.env.NEXT_PUBLIC_API_URL || 'http://10.1.0.45:6623'
   return apiUrl
 }
 

From afd5a3d34da7a34ec1eed1e2f73bb2a928e842de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Mon, 29 Jun 2026 11:25:22 +0800
Subject: [PATCH 04/10] =?UTF-8?q?feat:=20Try=20to=20API=E3=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/layout/sidebar.tsx    |   2 +-
 .../capability-config.tsx                     |  62 ++++--
 .../try-api-drawer.tsx}                       | 208 +++++++++++++-----
 .../pages/running-model-detail/index.tsx      |  28 +--
 .../running-model-detail/try-api-drawer.tsx   | 142 ------------
 .../pages/running-model-detail/types.ts       |  20 +-
 .../pages/running-model-detail/utils.ts       |  14 ++
 .../components/pages/running-model/index.tsx  |  25 ++-
 frontend/src/components/ui/media-preview.tsx  |   4 +-
 frontend/src/constants/running.ts             |  84 ++++++-
 10 files changed, 318 insertions(+), 271 deletions(-)
 rename frontend/src/components/pages/running-model-detail/{api-code-example.ts => components/try-api-drawer.tsx} (67%)
 delete mode 100644 frontend/src/components/pages/running-model-detail/try-api-drawer.tsx

diff --git a/frontend/src/components/layout/sidebar.tsx b/frontend/src/components/layout/sidebar.tsx
index b51bfc1473..a5ea0d7df9 100644
--- a/frontend/src/components/layout/sidebar.tsx
+++ b/frontend/src/components/layout/sidebar.tsx
@@ -25,7 +25,7 @@ import { usePathname } from 'next/navigation';
 
 import { useI18n } from '@/contexts/i18n-context';
 import { useGlobal } from '@/contexts/global-context';
-import { cn, decodeJwtScopes } from '@/lib/utils';
+import { cn } from '@/lib/utils';
 import { getBrandingFromEnv } from '@/lib/branding';
 import {
   XINFERENCE_DOCS_URL,
diff --git a/frontend/src/components/pages/running-model-detail/capability-config.tsx b/frontend/src/components/pages/running-model-detail/capability-config.tsx
index bca4ca24ac..f90b96d7ce 100644
--- a/frontend/src/components/pages/running-model-detail/capability-config.tsx
+++ b/frontend/src/components/pages/running-model-detail/capability-config.tsx
@@ -92,8 +92,6 @@ const videoDefaults = {
 };
 
 const imageKwargsExample = {
-  width: 1024,
-  height: 1024,
   guidance_scale: 7.5,
   num_inference_steps: 25,
 };
@@ -215,6 +213,18 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Embedding',
     icon: Binary,
     requestApi: '/v1/embeddings',
+    codeExample: {
+      method: 'POST',
+      contentType: 'json',
+      fields: [
+        { key: 'model', required: true },
+        {
+          key: 'input',
+          required: true,
+          value: 'Xinference helps serve models through OpenAI-compatible APIs.',
+        },
+      ],
+    },
     initialValues: {
       input: '',
     },
@@ -230,6 +240,23 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
     label: 'Rerank',
     icon: ListFilter,
     requestApi: '/v1/rerank',
+    codeExample: {
+      method: 'POST',
+      contentType: 'json',
+      fields: [
+        { key: 'model', required: true },
+        { key: 'query', required: true, value: 'What is Xinference?' },
+        {
+          key: 'documents',
+          required: true,
+          value: [
+            'Xinference is a model-serving platform.',
+            'The weather is sunny today.',
+            'It provides OpenAI-compatible APIs for models.',
+          ],
+        },
+      ],
+    },
     initialValues: {
       query: '',
       documents: ['', ''],
@@ -365,8 +392,8 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
         },
         { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
         { key: 'n', value: 1, required: true },
-        { key: 'size', value: '1024*1024', required: true,},
-        { key: 'response_format', value: 'b64_json', required: true, },
+        { key: 'size', value: '1024*1024', required: true },
+        { key: 'response_format', value: 'b64_json', required: true },
         {
           key: 'kwargs',
           value: imageKwargsExample,
@@ -399,11 +426,14 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
         },
         { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
         { key: 'n', value: 1, required: true },
-        { key: 'size', value: '1024*1024', required: true, },
+        { key: 'size', value: '1024*1024', required: true },
         { key: 'response_format', value: 'b64_json', required: true },
         {
           key: 'kwargs',
-          value: imageKwargsExample,
+          value: {
+            ...imageKwargsExample,
+            strength: 0.6
+          },
           stringify: true,
           comment: 'Optional(other key/value)',
         },
@@ -435,11 +465,14 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
         { key: 'prompt', required: true, value: 'Replace the masked area with a blooming garden' },
         { key: 'negative_prompt', value: 'low quality, blurry', comment: 'Optional' },
         { key: 'n', value: 1, required: true },
-        { key: 'size', value: '1024*1024', required: true, },
+        { key: 'size', value: '1024*1024', required: true },
         { key: 'response_format', value: 'b64_json', required: true },
         {
           key: 'kwargs',
-          value: imageKwargsExample,
+          value: {
+            ...imageKwargsExample,
+            strength: 0.6
+          },
           stringify: true,
           comment: 'Optional(other key/value)',
         },
@@ -569,9 +602,8 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
       fields: [
         { key: 'model', required: true },
         { key: 'file', required: true, type: 'file', value: '/path/to/audio.map3' },
-        { key: 'language', value: 'en', comment: 'Optional' },
         { key: 'prompt', value: 'Meeting notes about the product roadmap', comment: 'Optional' },
-        { key: 'response_format', value: 'json', comment: 'Optional' },
+        { key: 'language', value: 'en', comment: 'Optional' },
         { key: 'temperature', value: 0, comment: 'Optional' },
       ],
     },
@@ -601,16 +633,8 @@ export const CAPABILITY_CONFIGS: Partial<Record<ModelAbility, CapabilityConfig>>
           required: true,
           value: 'Today is a wonderful day to build something useful.',
         },
-        { key: 'voice', value: 'default', comment: 'Optional' },
+        { key: 'voice', value: 'Voice ID', comment: 'Optional' },
         { key: 'speed', value: 1, comment: 'Optional' },
-        { key: 'response_format', value: 'mp3', comment: 'Optional' },
-        { key: 'stream', value: false, comment: 'Optional' },
-        {
-          key: 'kwargs',
-          value: { prompt_text: 'Read this in a warm and natural voice' },
-          stringify: true,
-          comment: 'Optional(other key/value)',
-        },
       ],
     },
     initialValues: {
diff --git a/frontend/src/components/pages/running-model-detail/api-code-example.ts b/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
similarity index 67%
rename from frontend/src/components/pages/running-model-detail/api-code-example.ts
rename to frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
index 17371004d8..ab82a352fa 100644
--- a/frontend/src/components/pages/running-model-detail/api-code-example.ts
+++ b/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
@@ -1,68 +1,45 @@
-import type { CodeExampleConfig, CodeExampleField } from './types';
-
-type CodeLanguage = 'python' | 'typescript' | 'java' | 'go' | 'shell';
-
-export const CODE_LANGUAGE_OPTIONS: { label: string; value: CodeLanguage; highlight: string }[] = [
-  { label: 'Python', value: 'python', highlight: 'python' },
-  { label: 'TypeScript', value: 'typescript', highlight: 'typescript' },
-  { label: 'Java', value: 'java', highlight: 'java' },
-  { label: 'Go', value: 'go', highlight: 'go' },
-  { label: 'Shell', value: 'shell', highlight: 'bash' },
-];
-
-export const CHAT_CODE_EXAMPLE: CodeExampleConfig = {
-  method: 'POST',
-  contentType: 'json',
-  fields: [
-    { key: 'model', required: true },
-    {
-      key: 'messages',
-      required: true,
-      value: [{ role: 'user', content: 'Hello, what can you do?' }],
-    },
-    { key: 'stream', value: false, comment: 'Optional' },
-    { key: 'max_tokens', value: 4000 },
-    { key: 'top_p', value: 1 },
-    { key: 'top_k', value: 40 },
-    { key: 'presence_penalty', value: 0 },
-    { key: 'frequency_penalty', value: 0 },
-    { key: 'temperature', value: 0.6 },
-  ],
-};
-
-const DEFAULT_VALUES: Record<string, unknown> = {
-  model: '{MODEL_UID}',
-  prompt: 'Hello, what can you do?',
-  input: 'Hello, can you read this text aloud?',
-  voice: 'default',
-  image: '/path/to/image.png',
-  mask_image: '/path/to/mask.png',
-  first_frame: '/path/to/first-frame.png',
-  last_frame: '/path/to/last-frame.png',
-  file: './audio.wav',
-  negative_prompt: '',
-  language: 'en',
-  response_format: 'json',
-  speed: 1,
-  n: 1,
-  size: '1024*1024',
-  stream: false,
-  temperature: 1,
-  max_tokens: 256,
-  kwargs: {},
-};
+'use client';
+
+import { useMemo, useState } from 'react';
+import { Copy, ExternalLink, X } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+
+import { Button } from '@/components/ui/button';
+import { JSONSyntaxHighlighter } from '@/components/ui/json-syntax-highlighter';
+import { Sheet, SheetClose, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { ModelAbility } from '@/constants';
+import {
+  CHAT_CODE_EXAMPLE,
+  CODE_EXAMPLE_DEFAULT_VALUES,
+  CODE_LANGUAGE_OPTIONS,
+  type CodeExampleConfig,
+  type CodeExampleField,
+  type CodeLanguage,
+} from '@/constants/running';
+import { useMenuAuth } from '@/hooks/use-menu-auth';
+import { copyText, getApiUrl } from '@/lib/utils';
+
+import { CAPABILITY_CONFIGS } from '../capability-config';
+
+interface TryApiDrawerProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  modelUid?: string;
+  ability?: ModelAbility;
+}
 
 function resolveValue(field: CodeExampleField, modelUid: string) {
   if (field.key === 'model') {
-    return modelUid || DEFAULT_VALUES.model;
+    return modelUid || CODE_EXAMPLE_DEFAULT_VALUES.model;
   }
 
   if (field.value !== undefined) {
     return field.value;
   }
 
-  if (field.key in DEFAULT_VALUES) {
-    return DEFAULT_VALUES[field.key];
+  if (field.key in CODE_EXAMPLE_DEFAULT_VALUES) {
+    return CODE_EXAMPLE_DEFAULT_VALUES[field.key];
   }
 
   return '';
@@ -289,7 +266,7 @@ function generateJava(config: CodeExampleConfig, url: string, modelUid: string)
 
   config.fields.forEach((field) => {
     lines.push(
-      `data.put("${field.key}", ${field.stringify ? javaValue(resolveValue(field, modelUid)) : javaValue(resolveValue(field, modelUid))});${fieldComment(field, '//')}`
+      `data.put("${field.key}", ${javaValue(resolveValue(field, modelUid))});${fieldComment(field, '//')}`
     );
   });
 
@@ -421,7 +398,7 @@ function generateShell(config: CodeExampleConfig, url: string, modelUid: string)
   return lines.map((line, index) => (index === lines.length - 1 ? line : `${line} \\`)).join('\n');
 }
 
-export function generateCodeExample(
+function generateCodeExample(
   language: CodeLanguage,
   config: CodeExampleConfig,
   url: string,
@@ -440,3 +417,118 @@ export function generateCodeExample(
       return generateShell(config, url, modelUid);
   }
 }
+
+function getCodeExample(
+  ability?: ModelAbility
+): { requestApi: string; config: CodeExampleConfig } | null {
+  if (ability === ModelAbility.Chat) {
+    return {
+      requestApi: '/v1/chat/completions',
+      config: CHAT_CODE_EXAMPLE,
+    };
+  }
+
+  if (!ability) return null;
+
+  const capabilityConfig = CAPABILITY_CONFIGS[ability];
+  if (!capabilityConfig?.codeExample) return null;
+
+  return {
+    requestApi: capabilityConfig.requestApi,
+    config: capabilityConfig.codeExample,
+  };
+}
+
+export function getTryApiAbility(abilities: ModelAbility[] = []) {
+  const primaryAbilities = abilities.filter((ability) => !ability.includes('_'));
+  return primaryAbilities.find((ability) => ability === ModelAbility.Chat) || primaryAbilities[0];
+}
+
+export function TryApiDrawer({
+  open,
+  onOpenChange,
+  modelUid = '{MODEL_UID}',
+  ability,
+}: TryApiDrawerProps) {
+  const router = useRouter();
+  const { keysManagePage } = useMenuAuth();
+  const [language, setLanguage] = useState(CODE_LANGUAGE_OPTIONS[0].value);
+  const codeExample = getCodeExample(ability);
+  const url = codeExample ? `${getApiUrl()}${codeExample.requestApi}` : '';
+  const code = useMemo(() => {
+    if (!codeExample) return '';
+    return generateCodeExample(language, codeExample.config, url, modelUid);
+  }, [codeExample, language, modelUid, url]);
+  const activeLanguage = CODE_LANGUAGE_OPTIONS.find((item) => item.value === language);
+
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent showClose={false} className="w-[min(50vw,760px)] gap-0 p-0 sm:max-w-none">
+        <SheetHeader className="flex-row items-center justify-between gap-4 border-b px-6 py-5">
+          <div className="flex min-w-0 items-center gap-3">
+            <SheetClose asChild>
+              <Button
+                variant="ghost"
+                size="icon"
+                className="size-9 rounded-full text-muted-foreground"
+              >
+                <X className="size-5" />
+              </Button>
+            </SheetClose>
+            <SheetTitle className="truncate text-xl">Try To API</SheetTitle>
+          </div>
+          <Button
+            type="button"
+            variant="outline"
+            disabled={!keysManagePage}
+            onClick={() => router.push('/api-key-management')}
+          >
+            <ExternalLink className="size-4" />
+            Get API Key
+          </Button>
+        </SheetHeader>
+        <div className="flex-1 overflow-y-auto p-6">
+          {codeExample ? (
+            <Tabs value={language} onValueChange={(value) => setLanguage(value as typeof language)}>
+              <TabsList className="grid h-11 w-full grid-cols-5 rounded-xl p-1">
+                {CODE_LANGUAGE_OPTIONS.map((item) => (
+                  <TabsTrigger
+                    key={item.value}
+                    value={item.value}
+                    className="p-0 rounded-md text-base data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
+                  >
+                    {item.label}
+                  </TabsTrigger>
+                ))}
+              </TabsList>
+              {CODE_LANGUAGE_OPTIONS.map((item) => (
+                <TabsContent key={item.value} value={item.value} className="mt-6">
+                  <div className="relative">
+                    <Button
+                      type="button"
+                      variant="ghost"
+                      size="icon"
+                      className="absolute right-3 top-3 z-10 size-8 text-muted-foreground"
+                      onClick={() => copyText(code)}
+                    >
+                      <Copy className="size-4" />
+                    </Button>
+                    <JSONSyntaxHighlighter
+                      code={code}
+                      language={activeLanguage?.highlight || 'python'}
+                      className="rounded-xl pr-12 text-base whitespace-pre-wrap break-all"
+                    />
+                  </div>
+                </TabsContent>
+              ))}
+            </Tabs>
+          ) : (
+            <div className="flex min-h-80 items-center justify-center rounded-2xl border bg-card text-sm text-muted-foreground">
+              No API example available for this model ability.
+            </div>
+          )}
+        </div>
+      </SheetContent>
+    </Sheet>
+  );
+}
diff --git a/frontend/src/components/pages/running-model-detail/index.tsx b/frontend/src/components/pages/running-model-detail/index.tsx
index d452990252..e2fcadbfff 100644
--- a/frontend/src/components/pages/running-model-detail/index.tsx
+++ b/frontend/src/components/pages/running-model-detail/index.tsx
@@ -7,7 +7,7 @@ import { useRouter } from 'next/navigation';
 import { Button } from '@/components/ui/button';
 import { CollapsiblePanel } from '@/components/ui/collapsible';
 import PageContainer from '@/components/ui/page-container';
-import { ModelAbility, ModelType } from '@/constants';
+import { ModelAbility } from '@/constants';
 import request from '@/lib/request';
 import type { RunningModelDetail as RunningModelDetailType } from '@/types/services';
 
@@ -16,17 +16,13 @@ import CapabilityTaskPanel, { CapabilityTaskPanelMethod } from './panels/capabil
 import { ChatPanel } from './panels/chat-panel';
 import { Select } from '@/components/ui/select';
 import { useI18n } from '@/contexts/i18n-context';
-import { TryApiDrawer } from './try-api-drawer';
+import { TryApiDrawer } from './components/try-api-drawer';
+import { transformRunningModelDetail } from './utils';
 
 interface RunningModelDetailProps {
   modelUid: string;
 }
 
-const MODEL_TYPE_ABILITY_MAP: Record<string, ModelAbility[]> = {
-  [ModelType.Rerank]: [ModelAbility.Rerank],
-  [ModelType.Embedding]: [ModelAbility.Embed],
-};
-
 function DetailItem({ label, value }: { label: string; value?: string | number | null }) {
   return (
     <div className="min-w-0 rounded-2xl bg-muted/40 px-4 py-3">
@@ -91,16 +87,12 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
     request
       .get<RunningModelDetailType>(`/v1/models/${modelUid}`)
       .then((res) => {
-        const newModel = {
-          ...res,
-          // fix model_ability was not returned when model_type was Rerank or Embedding.
-          model_ability: Array.isArray(res?.model_ability)
-            ? res.model_ability
-            : (res?.model_type && MODEL_TYPE_ABILITY_MAP[res.model_type]) || [],
-        };
-        const firstAbility = newModel.model_ability.filter((item) => !item.includes('_'))?.[0];
+        const newModelDetail = transformRunningModelDetail(res) as RunningModelDetailType;
+        const firstAbility = newModelDetail.model_ability.filter(
+          (item) => !item.includes('_')
+        )?.[0];
         setSelectAbility(firstAbility);
-        setModel(newModel);
+        setModel(newModelDetail);
       })
       .finally(() => setLoading(false));
   }, [modelUid]);
@@ -177,8 +169,8 @@ const RunningModelDetail: FC<RunningModelDetailProps> = ({ modelUid }) => {
               onChange={handleAbility}
             />
           )}
-          <Button type="button" variant="outline" onClick={() => setTryApiOpen(true)}>
-            <Code/>
+          <Button type="button"  onClick={() => setTryApiOpen(true)}>
+            <Code />
             Try To API
           </Button>
         </div>
diff --git a/frontend/src/components/pages/running-model-detail/try-api-drawer.tsx b/frontend/src/components/pages/running-model-detail/try-api-drawer.tsx
deleted file mode 100644
index 0158f98d25..0000000000
--- a/frontend/src/components/pages/running-model-detail/try-api-drawer.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-'use client';
-
-import { useMemo, useState } from 'react';
-import { Copy, ExternalLink, X } from 'lucide-react';
-import { useRouter } from 'next/navigation';
-
-import { Button } from '@/components/ui/button';
-import { JSONSyntaxHighlighter } from '@/components/ui/json-syntax-highlighter';
-import { Sheet, SheetClose, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { ModelAbility } from '@/constants';
-import { copyText, getApiUrl } from '@/lib/utils';
-
-import { CAPABILITY_CONFIGS } from './capability-config';
-import { CHAT_CODE_EXAMPLE, CODE_LANGUAGE_OPTIONS, generateCodeExample } from './api-code-example';
-import type { CodeExampleConfig } from './types';
-import { useMenuAuth } from '@/hooks/use-menu-auth';
-
-interface TryApiDrawerProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  modelUid?: string;
-  ability?: ModelAbility;
-}
-
-function getCodeExample(
-  ability?: ModelAbility
-): { requestApi: string; config: CodeExampleConfig } | null {
-  if (ability === ModelAbility.Chat) {
-    return {
-      requestApi: '/v1/chat/completions',
-      config: CHAT_CODE_EXAMPLE,
-    };
-  }
-
-  if (!ability) return null;
-
-  const capabilityConfig = CAPABILITY_CONFIGS[ability];
-  if (!capabilityConfig?.codeExample) return null;
-
-  return {
-    requestApi: capabilityConfig.requestApi,
-    config: capabilityConfig.codeExample,
-  };
-}
-
-export function getTryApiAbility(abilities: ModelAbility[] = []) {
-  const primaryAbilities = abilities.filter((ability) => !ability.includes('_'));
-  return (
-    primaryAbilities.find((ability) => ability === ModelAbility.Chat) ||
-    primaryAbilities.find((ability) => !!CAPABILITY_CONFIGS[ability]?.codeExample)
-  );
-}
-
-export function TryApiDrawer({
-  open,
-  onOpenChange,
-  modelUid = '{MODEL_UID}',
-  ability,
-}: TryApiDrawerProps) {
-  const router = useRouter();
-  const { keysManagePage } = useMenuAuth();
-  const [language, setLanguage] = useState(CODE_LANGUAGE_OPTIONS[0].value);
-  const codeExample = getCodeExample(ability);
-  const url = codeExample ? `${getApiUrl()}${codeExample.requestApi}` : '';
-  const code = useMemo(() => {
-    if (!codeExample) return '';
-    return generateCodeExample(language, codeExample.config, url, modelUid);
-  }, [codeExample, language, modelUid, url]);
-  const activeLanguage = CODE_LANGUAGE_OPTIONS.find((item) => item.value === language);
-
-  return (
-    <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent showClose={false} className="w-[min(50vw,760px)] gap-0 p-0 sm:max-w-none">
-        <SheetHeader className="flex-row items-center justify-between gap-4 border-b px-6 py-5">
-          <div className="flex min-w-0 items-center gap-3">
-            <SheetClose asChild>
-              <Button
-                variant="ghost"
-                size="icon"
-                className="size-9 rounded-full text-muted-foreground"
-              >
-                <X className="size-5" />
-              </Button>
-            </SheetClose>
-            <SheetTitle className="truncate text-xl">Try To API</SheetTitle>
-          </div>
-          <Button
-            type="button"
-            variant="outline"
-            disabled={!keysManagePage}
-            onClick={() => router.push('/api-key-management')}
-          >
-            <ExternalLink className="size-4" />
-            Get API Key
-          </Button>
-        </SheetHeader>
-        <div className="flex-1 overflow-y-auto p-6">
-          {codeExample ? (
-            <Tabs value={language} onValueChange={(value) => setLanguage(value as typeof language)}>
-              <TabsList className="grid h-11 w-full grid-cols-5 rounded-xl p-1">
-                {CODE_LANGUAGE_OPTIONS.map((item) => (
-                  <TabsTrigger
-                    key={item.value}
-                    value={item.value}
-                    className="p-0 rounded-md text-base data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
-                  >
-                    {item.label}
-                  </TabsTrigger>
-                ))}
-              </TabsList>
-              {CODE_LANGUAGE_OPTIONS.map((item) => (
-                <TabsContent key={item.value} value={item.value} className="mt-6">
-                  <div className="relative">
-                    <Button
-                      type="button"
-                      variant="ghost"
-                      size="icon"
-                      className="absolute right-3 top-3 z-10 size-8 text-muted-foreground"
-                      onClick={() => copyText(code)}
-                    >
-                      <Copy className="size-4" />
-                    </Button>
-                    <JSONSyntaxHighlighter
-                      code={code}
-                      language={activeLanguage?.highlight || 'python'}
-                      className="rounded-xl pr-12 text-base whitespace-pre-wrap break-all"
-                    />
-                  </div>
-                </TabsContent>
-              ))}
-            </Tabs>
-          ) : (
-            <div className="flex min-h-80 items-center justify-center rounded-2xl border bg-card text-sm text-muted-foreground">
-              No API example available for this model ability.
-            </div>
-          )}
-        </div>
-      </SheetContent>
-    </Sheet>
-  );
-}
diff --git a/frontend/src/components/pages/running-model-detail/types.ts b/frontend/src/components/pages/running-model-detail/types.ts
index 81b8c88001..7d64f9be96 100644
--- a/frontend/src/components/pages/running-model-detail/types.ts
+++ b/frontend/src/components/pages/running-model-detail/types.ts
@@ -3,6 +3,7 @@ import type { LucideIcon } from 'lucide-react';
 
 import type { FileUploadValue } from '@/types/common';
 import type { ModelAbility } from '@/constants';
+import type { CodeExampleConfig } from '@/constants/running';
 import type { FormInstance, FormValues } from '@/types/form';
 import type { RunningModelDetail } from '@/types/services';
 
@@ -31,25 +32,6 @@ export interface TransformContext {
   requestId?: string;
 }
 
-export type CodeExampleContentType = 'json' | 'form';
-
-export type CodeExampleFieldType = 'text' | 'file';
-
-export interface CodeExampleField {
-  key: string;
-  required?: boolean;
-  value?: unknown;
-  comment?: string;
-  type?: CodeExampleFieldType;
-  stringify?: boolean;
-}
-
-export interface CodeExampleConfig {
-  method: 'POST';
-  contentType: CodeExampleContentType;
-  fields: CodeExampleField[];
-}
-
 export interface CapabilityConfig {
   ability: ModelAbility;
   label: string;
diff --git a/frontend/src/components/pages/running-model-detail/utils.ts b/frontend/src/components/pages/running-model-detail/utils.ts
index 92b5bdefe9..dc61beb024 100644
--- a/frontend/src/components/pages/running-model-detail/utils.ts
+++ b/frontend/src/components/pages/running-model-detail/utils.ts
@@ -1,3 +1,4 @@
+import { MODEL_TYPE_ABILITY_MAP } from '@/constants/running';
 import type { FormValues } from '@/types/form';
 import type { ChatChoicesMessage } from '@/types/services';
 import type { FileUploadValue } from '@/types/common';
@@ -157,3 +158,16 @@ export function transformFileInfoForResult(message?: ChatChoicesMessage) {
 
   return undefined;
 }
+
+export function transformRunningModelDetail<T extends object>(detail: T) {
+  if (!isRecord(detail) || !detail) return {};
+  const modelType = typeof detail.model_type === 'string' ? detail.model_type : undefined;
+
+  return {
+    ...detail,
+    // fix model_ability was not returned when model_type was Rerank or Embedding.
+    model_ability: Array.isArray(detail.model_ability)
+      ? detail.model_ability
+      : (modelType && MODEL_TYPE_ABILITY_MAP[modelType]) || [],
+  };
+}
diff --git a/frontend/src/components/pages/running-model/index.tsx b/frontend/src/components/pages/running-model/index.tsx
index 8809948c5a..43659b615a 100644
--- a/frontend/src/components/pages/running-model/index.tsx
+++ b/frontend/src/components/pages/running-model/index.tsx
@@ -25,7 +25,8 @@ import { cn } from '@/lib/utils';
 import {
   getTryApiAbility,
   TryApiDrawer,
-} from '@/components/pages/running-model-detail/try-api-drawer';
+} from '@/components/pages/running-model-detail/components/try-api-drawer';
+import { transformRunningModelDetail } from '@/components/pages/running-model-detail/utils';
 
 interface EmptyStateProps {
   icon: ReactNode;
@@ -97,7 +98,9 @@ const RunningModel = () => {
     request
       .get('/v1/models')
       .then((res) => {
-        const list = (res?.data || []) as RunningModelItem[];
+        const list = ((res?.data || []) as RunningModelItem[]).map(
+          (item) => transformRunningModelDetail(item) as RunningModelItem
+        );
         setModels(list);
         setActiveModel((prev) => {
           if (!prev) {
@@ -223,15 +226,6 @@ const RunningModel = () => {
             <div className="text-muted-foreground text-xs truncate">{activeModel?.model_name}</div>
           </div>
           <div className="shrink-0 flex item-center gap-2">
-            <Button
-              type="button"
-              variant="outline"
-              size="icon"
-              onClick={() => activeModel?.id && router.push(`/running-model/${activeModel.id}`)}
-              className="h-8 text-muted-foreground"
-            >
-              <MessageCircleMore />
-            </Button>
             <InfoTooltip content="Try To API">
               <Button
                 type="button"
@@ -243,6 +237,15 @@ const RunningModel = () => {
                 <Code />
               </Button>
             </InfoTooltip>
+            <Button
+              type="button"
+              variant="outline"
+              size="icon"
+              onClick={() => activeModel?.id && router.push(`/running-model/${activeModel.id}`)}
+              className="h-8 text-muted-foreground"
+            >
+              <MessageCircleMore />
+            </Button>
             <Button
               type="button"
               variant="outline"
diff --git a/frontend/src/components/ui/media-preview.tsx b/frontend/src/components/ui/media-preview.tsx
index 08d1c41e06..5a01eedab7 100644
--- a/frontend/src/components/ui/media-preview.tsx
+++ b/frontend/src/components/ui/media-preview.tsx
@@ -88,7 +88,7 @@ export function MediaPreview({ type, url, title, className }: MediaPreviewProps)
           <a
             href={url}
             download={title || 'generated-image'}
-            className="absolute right-0 top-0 z-10 flex size-7 items-center justify-center rounded-full bg-background/95 text-muted-foreground shadow-sm transition-colors hover:text-foreground"
+            className="absolute right-0 top-0 z-10 flex size-7 items-center justify-center bg-background/95 text-muted-foreground shadow-sm transition-colors hover:text-foreground"
             onClick={(event) => event.stopPropagation()}
           >
             <Download className="size-3.5" />
@@ -108,7 +108,7 @@ export function MediaPreview({ type, url, title, className }: MediaPreviewProps)
                 <a
                   href={url}
                   download={title || 'generated-image'}
-                  className="absolute right-0 top-0 z-10 flex size-7 items-center justify-center rounded-full bg-background/95 text-muted-foreground shadow-sm transition-colors hover:text-foreground"
+                  className="absolute right-0 top-0 z-10 flex size-7 items-center justify-center bg-background/95 text-muted-foreground shadow-sm transition-colors hover:text-foreground"
                 >
                   <Download className="size-4" />
                 </a>
diff --git a/frontend/src/constants/running.ts b/frontend/src/constants/running.ts
index 645ed9d9ca..3eec7f3cd5 100644
--- a/frontend/src/constants/running.ts
+++ b/frontend/src/constants/running.ts
@@ -1,3 +1,80 @@
+import { ModelType, ModelAbility } from '@/constants';
+
+export type CodeLanguage = 'python' | 'typescript' | 'java' | 'go' | 'shell';
+
+export type CodeExampleContentType = 'json' | 'form';
+
+export type CodeExampleFieldType = 'text' | 'file';
+
+export interface CodeExampleField {
+  key: string;
+  required?: boolean;
+  value?: unknown;
+  comment?: string;
+  type?: CodeExampleFieldType;
+  stringify?: boolean;
+}
+
+export interface CodeExampleConfig {
+  method: 'POST';
+  contentType: CodeExampleContentType;
+  fields: CodeExampleField[];
+}
+
+export const CODE_LANGUAGE_OPTIONS: {
+  label: string;
+  value: CodeLanguage;
+  highlight: string;
+}[] = [
+  { label: 'Python', value: 'python', highlight: 'python' },
+  { label: 'TypeScript', value: 'typescript', highlight: 'typescript' },
+  { label: 'Java', value: 'java', highlight: 'java' },
+  { label: 'Go', value: 'go', highlight: 'go' },
+  { label: 'Shell', value: 'shell', highlight: 'bash' },
+];
+
+export const CHAT_CODE_EXAMPLE: CodeExampleConfig = {
+  method: 'POST',
+  contentType: 'json',
+  fields: [
+    { key: 'model', required: true },
+    {
+      key: 'messages',
+      required: true,
+      value: [{ role: 'user', content: 'Hello, what can you do?' }],
+    },
+    { key: 'stream', value: false, comment: 'Optional' },
+    { key: 'max_tokens', value: 4000 },
+    { key: 'top_p', value: 1 },
+    { key: 'top_k', value: 40 },
+    { key: 'presence_penalty', value: 0 },
+    { key: 'frequency_penalty', value: 0 },
+    { key: 'temperature', value: 0.6 },
+  ],
+};
+
+export const CODE_EXAMPLE_DEFAULT_VALUES: Record<string, unknown> = {
+  model: '{MODEL_UID}',
+  prompt: 'Hello, what can you do?',
+  input: 'Hello, can you read this text aloud?',
+  voice: 'default',
+  image: '/path/to/image.png',
+  mask_image: '/path/to/mask.png',
+  first_frame: '/path/to/first-frame.png',
+  last_frame: '/path/to/last-frame.png',
+  file: './audio.wav',
+  negative_prompt: '',
+  language: 'en',
+  response_format: 'json',
+  speed: 1,
+  n: 1,
+  size: '1024*1024',
+  stream: false,
+  temperature: 1,
+  max_tokens: 256,
+  kwargs: {},
+};
+
 export const SAMPLING_METHOD_OPTIONS = [
   'default',
   'DPM++ 2M',
@@ -32,4 +109,9 @@ export const OCR_MODEL_SIZE_OPTIONS = [
   { label: 'Base', value: 'base' },
   { label: 'Large', value: 'large' },
   { label: 'Gundam', value: 'gundam' },
-];
\ No newline at end of file
+];
+
+export const MODEL_TYPE_ABILITY_MAP: Record<string, ModelAbility[]> = {
+  [ModelType.Rerank]: [ModelAbility.Rerank],
+  [ModelType.Embedding]: [ModelAbility.Embed],
+};

From 4f5576b753e8255ee9033bb145b5f6a3fc08c4cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Mon, 29 Jun 2026 11:46:10 +0800
Subject: [PATCH 05/10] fix: code review

---
 .../components/try-api-drawer.tsx                   | 13 ++++++-------
 .../components/pages/running-model-detail/index.tsx |  5 -----
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx b/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
index ab82a352fa..b41e8dec53 100644
--- a/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
+++ b/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
@@ -184,9 +184,7 @@ function generateTS(config: CodeExampleConfig, url: string, modelUid: string) {
       const resolvedValue =
         field.type === 'file' ? `${field.key}File` : tsFieldValue(field, modelUid);
       if (field.type === 'file') {
-        lines.push(
-          `// const ${field.key}File = await fileFromPath("${escapeString(String(value))}");`
-        );
+        lines.push(`const ${field.key}File = new File([""], "${escapeString(String(value))}");`);
       }
       lines.push(`formData.append("${field.key}", ${resolvedValue});${fieldComment(field, '//')}`);
     });
@@ -309,11 +307,12 @@ function generateGo(config: CodeExampleConfig, url: string, modelUid: string) {
     config.fields.forEach((field) => {
       const value = resolveValue(field, modelUid);
       if (field.type === 'file') {
+        const key = field.key;
         lines.push(
-          `  file, _ := os.Open("${escapeString(String(value))}")${fieldComment(field, '//')}`,
-          '  defer file.Close()',
-          `  part, _ := writer.CreateFormFile("${field.key}", "${escapeString(String(value))}")`,
-          '  io.Copy(part, file)'
+          `  file_${key}, _ := os.Open("${escapeString(String(value))}")${fieldComment(field, '//')}`,
+          `  defer file_${key}.Close()`,
+          `  part_${key}, _ := writer.CreateFormFile("${field.key}", "${escapeString(String(value))}")`,
+          `  io.Copy(part_${key}, file_${key})`
         );
       } else {
         lines.push(
diff --git a/frontend/src/components/pages/running-model-detail/index.tsx b/frontend/src/components/pages/running-model-detail/index.tsx
index e040abfa29..5133b633ab 100644
--- a/frontend/src/components/pages/running-model-detail/index.tsx
+++ b/frontend/src/components/pages/running-model-detail/index.tsx
@@ -23,11 +23,6 @@ interface RunningModelDetailProps {
   modelUid: string;
 }
 
-const MODEL_TYPE_ABILITY_MAP: Record<string, ModelAbility[]> = {
-  [ModelType.Rerank]: [ModelAbility.Rerank],
-  [ModelType.Embedding]: [ModelAbility.Embed],
-};
-
 function DetailItem({ label, value }: { label: string; value?: string | number | null }) {
   return (
     <div className="min-w-0 rounded-2xl bg-muted/40 px-4 py-3">

From 466813e39ed7fc8e7a0816abe0068215e0a5f69c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Mon, 29 Jun 2026 11:47:03 +0800
Subject: [PATCH 06/10] fix: eslint

---
 frontend/src/components/pages/running-model-detail/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/pages/running-model-detail/index.tsx b/frontend/src/components/pages/running-model-detail/index.tsx
index 5133b633ab..e2fcadbfff 100644
--- a/frontend/src/components/pages/running-model-detail/index.tsx
+++ b/frontend/src/components/pages/running-model-detail/index.tsx
@@ -7,7 +7,7 @@ import { useRouter } from 'next/navigation';
 import { Button } from '@/components/ui/button';
 import { CollapsiblePanel } from '@/components/ui/collapsible';
 import PageContainer from '@/components/ui/page-container';
-import { ModelAbility, ModelType } from '@/constants';
+import { ModelAbility } from '@/constants';
 import request from '@/lib/request';
 import type { RunningModelDetail as RunningModelDetailType } from '@/types/services';
 

From fcd3a6d93968059854356d8b1b4b4827db7530ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Wed, 1 Jul 2026 14:31:44 +0800
Subject: [PATCH 07/10] fix: code review

---
 frontend/src/components/layout/sidebar.tsx    |  4 +-
 .../pages/api-key-management/index.tsx        |  6 +--
 .../components/try-api-drawer.tsx             | 37 +++++++++++++++++--
 3 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/layout/sidebar.tsx b/frontend/src/components/layout/sidebar.tsx
index a5ea0d7df9..c33654c293 100644
--- a/frontend/src/components/layout/sidebar.tsx
+++ b/frontend/src/components/layout/sidebar.tsx
@@ -210,17 +210,15 @@ export function Sidebar() {
             name: t('menu.userManagement'),
             Icon: Users,
             Extra: ChevronRight,
-            show: usersManagePage,
           },
           {
             path: '/api-key-management',
             name: t('menu.apiKeyManagement'),
             Icon: KeyRound,
             Extra: ChevronRight,
-            show: keysManagePage,
           },
         ],
-        show: (clusterUIConfig?.auth_advanced || false) && (usersManagePage || keysManagePage),
+        show: clusterUIConfig?.auth_advanced || false,
       },
       {
         name: t('menu.resourcesAndSupport'),
diff --git a/frontend/src/components/pages/api-key-management/index.tsx b/frontend/src/components/pages/api-key-management/index.tsx
index 73ed436665..498ae88571 100644
--- a/frontend/src/components/pages/api-key-management/index.tsx
+++ b/frontend/src/components/pages/api-key-management/index.tsx
@@ -46,7 +46,7 @@ interface ApiKey {
 
 export default function ApiKeyManagement() {
   const { t } = useI18n();
-  const { isAdmin, keysManageCreate } = useMenuAuth();
+  const { isAdmin } = useMenuAuth();
 
   const [keys, setKeys] = useState<ApiKey[]>([]);
   const [loading, setLoading] = useState(true);
@@ -294,12 +294,12 @@ export default function ApiKeyManagement() {
                   <TableCell>
                     <Switch
                       checked={key.enabled}
-                      disabled={!keysManageCreate || togglingId === key.id || isExpired(key.expires_at)}
+                      disabled={togglingId === key.id || isExpired(key.expires_at)}
                       onChange={() => handleToggleEnabled(key)}
                     />
                   </TableCell>
                   <TableCell className="text-right">
-                    {keysManageCreate && (
+                    {isAdmin && (
                       <Button
                         variant="ghost"
                         size="sm"
diff --git a/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx b/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
index b41e8dec53..6ba22b42ce 100644
--- a/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
+++ b/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
@@ -51,7 +51,12 @@ function fieldComment(field: CodeExampleField, prefix: string) {
 }
 
 function escapeString(value: string) {
-  return value.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+  return value
+    .replace(/\\/g, '\\\\')
+    .replace(/"/g, '\\"')
+    .replace(/\n/g, '\\n')
+    .replace(/\r/g, '\\r')
+    .replace(/\t/g, '\\t');
 }
 
 function pythonLiteral(value: unknown): string {
@@ -80,6 +85,10 @@ function jsonValue(value: unknown): string {
   return JSON.stringify(value, null, 2);
 }
 
+function compactJsonValue(value: unknown): string {
+  return JSON.stringify(value) ?? '';
+}
+
 function shellValue(value: unknown): string {
   if (typeof value === 'string') return value;
   return JSON.stringify(value);
@@ -101,6 +110,28 @@ function goValue(value: unknown): string {
   return `json.RawMessage(\`${jsonValue(value)}\`)`;
 }
 
+function shouldStringifyFormValue(field: CodeExampleField, value: unknown) {
+  return field.stringify || (typeof value === 'object' && value !== null);
+}
+
+function formStringValue(field: CodeExampleField, value: unknown) {
+  if (shouldStringifyFormValue(field, value)) {
+    return compactJsonValue(value);
+  }
+  if (value === null) {
+    return '';
+  }
+  return String(value);
+}
+
+function javaFormValue(field: CodeExampleField, value: unknown): string {
+  return `"${escapeString(formStringValue(field, value))}"`;
+}
+
+function goFormValue(field: CodeExampleField, value: unknown): string {
+  return `"${escapeString(formStringValue(field, value))}"`;
+}
+
 function pyFieldValue(field: CodeExampleField, modelUid: string) {
   const value = resolveValue(field, modelUid);
   if (field.stringify) {
@@ -230,7 +261,7 @@ function generateJava(config: CodeExampleConfig, url: string, modelUid: string)
         );
       } else {
         lines.push(
-          `formData.addFormDataPart("${field.key}", String.valueOf(${javaValue(value)}));${fieldComment(field, '//')}`
+          `formData.addFormDataPart("${field.key}", ${javaFormValue(field, value)});${fieldComment(field, '//')}`
         );
       }
     });
@@ -316,7 +347,7 @@ function generateGo(config: CodeExampleConfig, url: string, modelUid: string) {
         );
       } else {
         lines.push(
-          `  writer.WriteField("${field.key}", ${goValue(value)})${fieldComment(field, '//')}`
+          `  writer.WriteField("${field.key}", ${goFormValue(field, value)})${fieldComment(field, '//')}`
         );
       }
     });

From 12cfd931172fbda61a07a34a1c95bfeb2e1910a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Thu, 2 Jul 2026 12:45:32 +0800
Subject: [PATCH 08/10] fix: code review

---
 frontend/src/components/layout/sidebar.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/src/components/layout/sidebar.tsx b/frontend/src/components/layout/sidebar.tsx
index c33654c293..715bfb0ca0 100644
--- a/frontend/src/components/layout/sidebar.tsx
+++ b/frontend/src/components/layout/sidebar.tsx
@@ -38,7 +38,6 @@ import ThemeToggle from '@/components/layout/theme-toggle';
 import LanguageSwitcher from '@/components/layout/language-switcher';
 import LoginOut from '@/components/layout/login-out';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
-import { useMenuAuth } from '@/hooks/use-menu-auth';
 
 type IconComponent = ComponentType<{ className?: string }>;
 
@@ -144,7 +143,6 @@ export function Sidebar() {
   const { t, locale } = useI18n();
   const [collapsed, setCollapsed] = useState(false);
   const branding = getBrandingFromEnv();
-  const { usersManagePage, keysManagePage } = useMenuAuth();
   const { clusterVersion, clusterAuth, clusterUIConfig } = useGlobal();
   
   const token = Cookies.get('token');
@@ -261,7 +259,7 @@ export function Sidebar() {
         ...group,
         items: group.items.filter(({ show = true }) => show),
       }));
-  }, [clusterUIConfig, locale, t, usersManagePage, keysManagePage]);
+  }, [clusterUIConfig, locale, t]);
 
   return (
     <div

From c754523be1f19d926bb1469d58dbe550bd43018a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Thu, 2 Jul 2026 14:23:23 +0800
Subject: [PATCH 09/10] fix: space

---
 frontend/src/components/layout/sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/layout/sidebar.tsx b/frontend/src/components/layout/sidebar.tsx
index 715bfb0ca0..db65c097b7 100644
--- a/frontend/src/components/layout/sidebar.tsx
+++ b/frontend/src/components/layout/sidebar.tsx
@@ -144,7 +144,7 @@ export function Sidebar() {
   const [collapsed, setCollapsed] = useState(false);
   const branding = getBrandingFromEnv();
   const { clusterVersion, clusterAuth, clusterUIConfig } = useGlobal();
-  
+
   const token = Cookies.get('token');
   const showLoginOut = useMemo(
     () => clusterAuth?.auth && token && token !== NO_AUTH,

From f5358f8167d6a3f2f2a821d924327f4143432059 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E8=B7=83=E8=BE=89?= <maoyuehui@orbitai.ai>
Date: Thu, 2 Jul 2026 17:56:41 +0800
Subject: [PATCH 10/10] fix: auth

---
 frontend/src/components/layout/sidebar.tsx               | 9 ++++++---
 .../src/components/pages/api-key-management/index.tsx    | 6 +++---
 .../running-model-detail/components/try-api-drawer.tsx   | 4 ++--
 frontend/src/lib/utils.ts                                | 2 +-
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/layout/sidebar.tsx b/frontend/src/components/layout/sidebar.tsx
index db65c097b7..af87aad0ff 100644
--- a/frontend/src/components/layout/sidebar.tsx
+++ b/frontend/src/components/layout/sidebar.tsx
@@ -38,6 +38,7 @@ import ThemeToggle from '@/components/layout/theme-toggle';
 import LanguageSwitcher from '@/components/layout/language-switcher';
 import LoginOut from '@/components/layout/login-out';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { useMenuAuth } from '@/hooks/use-menu-auth';
 
 type IconComponent = ComponentType<{ className?: string }>;
 
@@ -144,7 +145,7 @@ export function Sidebar() {
   const [collapsed, setCollapsed] = useState(false);
   const branding = getBrandingFromEnv();
   const { clusterVersion, clusterAuth, clusterUIConfig } = useGlobal();
-
+  const { usersManagePage, keysManageCreate } = useMenuAuth();
   const token = Cookies.get('token');
   const showLoginOut = useMemo(
     () => clusterAuth?.auth && token && token !== NO_AUTH,
@@ -208,15 +209,17 @@ export function Sidebar() {
             name: t('menu.userManagement'),
             Icon: Users,
             Extra: ChevronRight,
+            show: usersManagePage
           },
           {
             path: '/api-key-management',
             name: t('menu.apiKeyManagement'),
             Icon: KeyRound,
             Extra: ChevronRight,
+            show: keysManageCreate,
           },
         ],
-        show: clusterUIConfig?.auth_advanced || false,
+        show: (clusterUIConfig?.auth_advanced || false) && (usersManagePage || keysManageCreate),
       },
       {
         name: t('menu.resourcesAndSupport'),
@@ -259,7 +262,7 @@ export function Sidebar() {
         ...group,
         items: group.items.filter(({ show = true }) => show),
       }));
-  }, [clusterUIConfig, locale, t]);
+  }, [clusterUIConfig, locale, t, usersManagePage, keysManageCreate]);
 
   return (
     <div
diff --git a/frontend/src/components/pages/api-key-management/index.tsx b/frontend/src/components/pages/api-key-management/index.tsx
index 498ae88571..5390ffcadd 100644
--- a/frontend/src/components/pages/api-key-management/index.tsx
+++ b/frontend/src/components/pages/api-key-management/index.tsx
@@ -46,7 +46,7 @@ interface ApiKey {
 
 export default function ApiKeyManagement() {
   const { t } = useI18n();
-  const { isAdmin } = useMenuAuth();
+  const { isAdmin, keysManagePage } = useMenuAuth();
 
   const [keys, setKeys] = useState<ApiKey[]>([]);
   const [loading, setLoading] = useState(true);
@@ -294,12 +294,12 @@ export default function ApiKeyManagement() {
                   <TableCell>
                     <Switch
                       checked={key.enabled}
-                      disabled={togglingId === key.id || isExpired(key.expires_at)}
+                      disabled={!keysManagePage || togglingId === key.id || isExpired(key.expires_at)}
                       onChange={() => handleToggleEnabled(key)}
                     />
                   </TableCell>
                   <TableCell className="text-right">
-                    {isAdmin && (
+                    {keysManagePage && (
                       <Button
                         variant="ghost"
                         size="sm"
diff --git a/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx b/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
index 6ba22b42ce..8e3de5fa25 100644
--- a/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
+++ b/frontend/src/components/pages/running-model-detail/components/try-api-drawer.tsx
@@ -481,7 +481,7 @@ export function TryApiDrawer({
   ability,
 }: TryApiDrawerProps) {
   const router = useRouter();
-  const { keysManagePage } = useMenuAuth();
+  const { keysManageCreate } = useMenuAuth();
   const [language, setLanguage] = useState(CODE_LANGUAGE_OPTIONS[0].value);
   const codeExample = getCodeExample(ability);
   const url = codeExample ? `${getApiUrl()}${codeExample.requestApi}` : '';
@@ -510,7 +510,7 @@ export function TryApiDrawer({
           <Button
             type="button"
             variant="outline"
-            disabled={!keysManagePage}
+            disabled={!keysManageCreate}
             onClick={() => router.push('/api-key-management')}
           >
             <ExternalLink className="size-4" />
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
index 04070114ad..d4a48b2af6 100644
--- a/frontend/src/lib/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -9,7 +9,7 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export function getApiUrl(): string {
-  const apiUrl = process.env.NEXT_PUBLIC_API_URL || '';
+  const apiUrl = process.env.NEXT_PUBLIC_API_URL || 'http://10.1.0.45:4466';
   return apiUrl;
 }