Update localization messages for Chinese, English, and Japanese languages and fix whitespace formatting in isTTSEnabled function in tts.ts

src/assets/locale/en/common.json

@@ -49,5 +49,6 @@
     "noData": "No data",
     "noHistory": "No chat history",
     "chatWithCurrentPage": "Chat with current page",
-    "beta": "Beta"
+    "beta": "Beta",
+    "tts": "Read aloud"
 }

src/assets/locale/ja-JP/common.json

@@ -49,5 +49,6 @@
     "noData": "データがありません",
     "noHistory": "チャット履歴がありません", 
     "chatWithCurrentPage": "現在のページでチャット",
-    "beta": "ベータ"
+    "beta": "ベータ",
+    "tts": "読み上げ"
   }

src/assets/locale/zh/common.json

@@ -49,5 +49,6 @@
     "noData": "无数据",
     "noHistory": "无聊天记录",
     "chatWithCurrentPage": "与当前页面聊天",
-    "beta": "Beta"
+    "beta": "Beta",
+    "tts": "朗读"
 }

src/components/Option/Prompt/index.tsx

@@ -8,7 +8,6 @@ import {
   Input,
   Form,
   Switch,
-  Empty
 } from "antd"
 import { Trash2, Pen, Computer, Zap } from "lucide-react"
 import { useState } from "react"

src/components/Sidepanel/Chat/body.tsx

@@ -7,7 +7,7 @@ import { useWebUI } from "@/store/webui"
 export const SidePanelBody = () => {
   const { messages, streaming } = useMessage()
   const divRef = React.useRef<HTMLDivElement>(null)
-  const {ttsEnabled} = useWebUI()
+  const { ttsEnabled } = useWebUI()
   React.useEffect(() => {
     if (divRef.current) {
       divRef.current.scrollIntoView({ behavior: "smooth" })
@@ -18,7 +18,7 @@ export const SidePanelBody = () => {
       {messages.length === 0 && <EmptySidePanel />}
       {messages.map((message, index) => (
         <PlaygroundMessage
-        onEditFormSubmit={(value) => {}}
+          onEditFormSubmit={(value) => {}}
           key={index}
           isBot={message.isBot}
           message={message.message}

src/components/Sidepanel/Chat/empty.tsx

@@ -135,11 +135,11 @@ export const EmptySidePanel = () => {
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       stroke="currentColor"
-                      stroke-width="1">
+                      strokeWidth="1">
                       <path
-                        fill-rule="evenodd"
+                        fillRule="evenodd"
                         d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-                        clip-rule="evenodd"></path>
+                        clipRule="evenodd"></path>
                     </svg>
                   </span>
                 </label>