fix: embedding params escape

src/pages/playground/components/message-input.tsx

@@ -305,7 +305,6 @@ const MessageInput: React.FC<MessageInputProps> = forwardRef(
               uid: updateUidCount(),
               format: audioTypeMap[data.file.type] as AudioFormat,
               base64: base64Audio.split(',')[1],
-              name: audioData.name,
               data: _.pick(audioData, ['url', 'name', 'duration'])
             }
           ]
@@ -519,8 +518,8 @@ const MessageInput: React.FC<MessageInputProps> = forwardRef(
             <AudioWrapper>
               <SimpleAudio
                 url={message.audio?.[0].data?.url}
-                name={message.audio?.[0].name}
-                height={44}
+                name={message.audio?.[0].data?.name}
+                height={54}
                 onDelete={handleDeleteAudio}
               ></SimpleAudio>
             </AudioWrapper>

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

@@ -219,7 +219,7 @@ const MessageBody: React.FC<MessageBodyProps> = forwardRef(
                   url={data.audio?.[0]?.data.url}
                   name={data.audio?.[0]?.data.name}
                   actions={[]}
-                  height={44}
+                  height={54}
                 ></SimpleAudio>
               </AudioWrapper>
             )}
@@ -250,7 +250,7 @@ const MessageBody: React.FC<MessageBodyProps> = forwardRef(
                   url={data.audio?.[0]?.data.url}
                   name={data.audio?.[0]?.data.name}
                   onDelete={handleDeleteAudio}
-                  height={44}
+                  height={54}
                 ></SimpleAudio>
               </AudioWrapper>
             )}

src/pages/playground/config/types.ts

@@ -19,7 +19,6 @@ export interface AudioData {
   uid: string | number;
   base64: string;
   format: AudioFormat;
-  name?: string;
   data: {
     url: string;
     name: string;

src/pages/playground/view-code/utils.ts

@@ -1,5 +1,15 @@
 import _ from 'lodash';
 
+function toShellSafeMultilineJson(value: any): string {
+  const json = JSON.stringify(value, null, 2);
+  const escaped = json.replace(/'/g, `'\\''`);
+  return `${escaped}`;
+}
+
+function toShellSafeJson(value: any): string {
+  return JSON.stringify(value, null, 2).replace(/'/g, `'\\''`);
+}
+
 // curl format
 export const formatCurlArgs = (
   parameters: Record<string, any>,
@@ -9,11 +19,13 @@ export const formatCurlArgs = (
     return _.keys(parameters).reduce((acc: string, key: string) => {
       const val = parameters[key];
       const value =
-        typeof val === 'object' ? JSON.stringify(val, null, 2) : `${val}`;
+        typeof val === 'object'
+          ? toShellSafeMultilineJson(val)
+          : `${toShellSafeJson(val)}`;
       return acc + `-F ${key}="${value}" \\\n`;
     }, '');
   }
-  return `-d '${JSON.stringify(parameters, null, 2)}'`;
+  return `-d '${toShellSafeMultilineJson(parameters)}'`;
 };
 
 // python format