Optimize the voice input component, adjust the display logic of the input box, fix the style of the voice input mask layer, update the transparency of the canvas background, and enhance the user interaction experience.

[dreamer6680]

No description provided.

[cla-assistant]

All committers have signed the CLA.

[cla-assistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[gru-agent]

TestGru Assignment

Summary

Link	CommitId	Status	Reason
Detail	4dcc61e	🚫 Skipped	No files need to be tested {"projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/ChatInput.tsx":"target file(projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/ChatInput.tsx) not in work scope \n include: projects/app/src//*.ts \n exclude: node_modules,/.test.ts,**/.test.tsx,/*.spec.ts,/.spec.tsx,**/.d.ts,/*.test.js,/.spec.js","projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/VoiceInput.tsx":"target file(projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/VoiceInput.tsx) not in work scope \n include: projects/app/src/**/.ts \n exclude: node_modules,/*.test.ts,/.test.tsx,**/.spec.ts,/*.spec.tsx,/.d.ts,**/.test.js,**/*.spec.js","projects/app/src/web/common/hooks/useSpeech.ts":"no test value"}

Tip

You can @gru-agent and leave your feedback. TestGru will make adjustments based on your input

[c121914yu]

🤖 Generated by deploy action

📦 Preview Image: ghcr.io/labring/fastgpt-pr:4dcc61e8154b7339bf1878ea1d6789f45a3c9ec4