chore: add dark mask, remove clear button in audio and image

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

@@ -245,7 +245,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
             placeholer={intl.formatMessage({
               id: 'playground.input.prompt.holder'
             })}
-            actions={['clear']}
+            actions={[]}
             defaultSize={{
               minRows: 5,
               maxRows: 5

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

@@ -356,7 +356,7 @@ const GroundTTS: React.FC<MessageProps> = forwardRef((props, ref) => {
         )}
         <div className="ground-left-footer">
           <MessageInput
-            actions={['check', 'clear']}
+            actions={['check']}
             checkLabel={intl.formatMessage({
               id: 'playground.toolbar.autoplay'
             })}

src/pages/playground/components/image-edit.tsx

@@ -567,7 +567,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
         </div>
         <div style={{ width: 389 }}>
           <MessageInput
-            actions={['clear']}
+            actions={[]}
             defaultSize={{
               minRows: 5,
               maxRows: 5

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

@@ -179,12 +179,12 @@ const MessageInput: React.FC<MessageInputProps> = forwardRef(
     const handleClearAll = (e: any) => {
       e.stopPropagation();
       clearAll();
-      handleInputChange({ target: { value: '' } });
-      setMessage({
-        role: Roles.User,
-        content: '',
-        imgs: []
-      });
+      // handleInputChange({ target: { value: '' } });
+      // setMessage({
+      //   role: Roles.User,
+      //   content: '',
+      //   imgs: []
+      // });
     };
 
     const handleAddMessage = (e?: any) => {