chore: render katex in markdown

src/pages/playground/components/ground-embedding.tsx

@@ -31,7 +31,7 @@ import {
   useState
 } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
-import { handleEmbedding } from '../apis';
+import { EMBEDDING_API, handleEmbedding } from '../apis';
 import { ParamsSchema } from '../config/types';
 import '../style/ground-left.less';
 import '../style/rerank.less';
@@ -128,7 +128,7 @@ const GroundEmbedding: React.FC<MessageProps> = forwardRef((props, ref) => {
 
   const viewCodeContent = useMemo(() => {
     return generateEmbeddingCode({
-      api: '/v1-openai/embeddings',
+      api: EMBEDDING_API,
       parameters: {
         ...parameters,
         input: [

src/pages/playground/components/ground-images.tsx

@@ -236,7 +236,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
   const viewCodeContent = useMemo(() => {
     if (isOpenaiCompatible) {
       return generateOpenaiImageCode({
-        api: '/v1-openai/images/generations',
+        api: CREAT_IMAGE_API,
         parameters: {
           ...finalParameters,
           prompt: currentPrompt
@@ -244,7 +244,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
       });
     }
     return generateImageCode({
-      api: '/v1-openai/images/generations',
+      api: CREAT_IMAGE_API,
       parameters: {
         ...finalParameters,
         prompt: currentPrompt

src/pages/playground/components/ground-stt.tsx

@@ -24,7 +24,7 @@ import {
   useRef,
   useState
 } from 'react';
-import { speechToText } from '../apis';
+import { AUDIO_SPEECH_TO_TEXT_API, speechToText } from '../apis';
 import { SpeechToTextFormat } from '../config';
 import { RealtimeParamsConfig as paramsConfig } from '../config/params-config';
 import '../style/ground-left.less';
@@ -96,7 +96,7 @@ const GroundLeft: React.FC<MessageProps> = forwardRef((props, ref) => {
 
   const viewCodeContent = useMemo(() => {
     return speechToTextCode({
-      api: '/v1-openai/audio/transcriptions',
+      api: AUDIO_SPEECH_TO_TEXT_API,
       parameters: {
         ...parameters
       }

src/pages/playground/components/ground-tts.tsx

@@ -21,7 +21,7 @@ import {
   useRef,
   useState
 } from 'react';
-import { CHAT_API, textToSpeech } from '../apis';
+import { AUDIO_TEXT_TO_SPEECH_API, CHAT_API, textToSpeech } from '../apis';
 import { TTSParamsConfig as paramsConfig } from '../config/params-config';
 import { MessageItem, ParamsSchema } from '../config/types';
 import '../style/ground-left.less';
@@ -97,7 +97,7 @@ const GroundLeft: React.FC<MessageProps> = forwardRef((props, ref) => {
 
   const viewCodeContent = useMemo(() => {
     return TextToSpeechCode({
-      api: '/v1-openai/audio/speech',
+      api: AUDIO_TEXT_TO_SPEECH_API,
       parameters: {
         ...parameters,
         input: currentPrompt

src/pages/playground/components/multiple-chat/message-body.tsx

@@ -1,4 +1,4 @@
-import MarkdownViewer from '@/components/markdown-viewer';
+import FullMarkdown from '@/components/markdown-viewer/full-markdown';
 import { Input } from 'antd';
 import classNames from 'classnames';
 import _ from 'lodash';
@@ -35,7 +35,9 @@ const MessageBody: React.FC<MessageBodyProps> = ({
       thinkerRef.current = new ThinkParser();
     }
     if (actions?.includes('markdown')) {
-      return thinkerRef.current.parse(data.content);
+      const res = thinkerRef.current.parse(data.content);
+      console.log('markdown parse:', res);
+      return res;
     }
     return {
       thought: '',
@@ -206,12 +208,9 @@ const MessageBody: React.FC<MessageBodyProps> = ({
             {actions?.includes('markdown') ? (
               <>
                 <ThinkContent content={content.thought}></ThinkContent>
-                <div style={{ paddingInline: 4 }}>
-                  <MarkdownViewer
-                    content={content.result || ''}
-                    theme="light"
-                  />
-                </div>
+                <FullMarkdown
+                  content={`${content.result || ''}`}
+                ></FullMarkdown>
               </>
             ) : (
               <Input.TextArea

src/pages/playground/components/multiple-chat/think-parser.ts

@@ -18,31 +18,31 @@ class ThinkParser {
 
       if (!this.collecting) {
         if (endIndex !== -1 && (startIndex === -1 || endIndex < startIndex)) {
-          // 1 发现 `</think>`，但之前没有 `<think>`：
-          // 将 `result` + `</think>` 之前的内容作为 `thought`
+          // 1 Found `</think>`, but there was no `<think>` before:
+          // Take `result` + the content before `</think>` as `thought`
           this.thought =
             this.result + chunk.substring(this.lastCheckedIndex, endIndex);
-          this.result = ''; // **清空 result**
-          this.lastCheckedIndex = endIndex + 8; // 跳过 `</think>`
+          this.result = ''; // **clear result**
+          this.lastCheckedIndex = endIndex + 8; // Skip `</think>`
         } else if (startIndex !== -1) {
-          // 2 发现 `<think>`，进入思考模式：
+          // 2 Found `<think>`, start thinking mode:
           this.result += chunk.substring(this.lastCheckedIndex, startIndex);
           this.collecting = true;
-          this.lastCheckedIndex = startIndex + 7; // 跳过 `<think>`
+          this.lastCheckedIndex = startIndex + 7; // Skip `<think>`
         } else {
-          // 3 没有 `<think>` 也没有 `</think>`，直接追加到 `result`
+          // 3 Still in normal mode, append to `result`
           this.result += chunk.substring(this.lastCheckedIndex);
           this.lastCheckedIndex = chunk.length;
         }
       } else {
         if (endIndex !== -1) {
-          // 4 发现 `</think>`，结束思考模式：
+          // 4 Found `</think>`, end thinking mode:
           this.thought += chunk.substring(this.lastCheckedIndex, endIndex);
 
           this.collecting = false;
-          this.lastCheckedIndex = endIndex + 8; // 跳过 `</think>`
+          this.lastCheckedIndex = endIndex + 8; // Skip `</think>`
         } else {
-          // 5 仍在思考模式中，追加到 `thought`
+          // 5 Still in thinking mode, append to `thought`
           this.thought += chunk.substring(this.lastCheckedIndex);
           this.lastCheckedIndex = chunk.length;
         }

src/pages/playground/components/view-code-modal.tsx

@@ -5,6 +5,7 @@ import { useIntl } from '@umijs/max';
 import { Button, Modal } from 'antd';
 import _ from 'lodash';
 import React, { useMemo, useState } from 'react';
+import { OPENAI_COMPATIBLE } from '../apis';
 
 type ViewModalProps = {
   systemMessage?: string;
@@ -46,7 +47,7 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
   const intl = useIntl();
   const [lang, setLang] = useState(langMap.shell);
 
-  const BaseURL = `${window.location.origin}/v1-openai`;
+  const BaseURL = `${window.location.origin}/${OPENAI_COMPATIBLE}`;
 
   const formatPyParams = (params: any) => {
     return _.keys(params).reduce((acc: string, key: string) => {
@@ -69,7 +70,7 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
     const printLog = logcommand ? `print(response.${logcommand})` : '';
 
     if (lang === langMap.shell) {
-      const code = `curl ${window.location.origin}/v1-openai/${api} \\\n-H "Content-Type: application/json" \\\n-H "Authorization: Bearer $\{YOUR_GPUSTACK_API_KEY}" \\\n-d '${JSON.stringify(
+      const code = `curl ${window.location.origin}/${OPENAI_COMPATIBLE}/${api} \\\n-H "Content-Type: application/json" \\\n-H "Authorization: Bearer $\{YOUR_GPUSTACK_API_KEY}" \\\n-d '${JSON.stringify(
         {
           ...parameters,
           ...payload