Merge pull request #597 from n4ze3m/next

n4ze3m · web-flow · commit bc70543dc44a · 2025-05-18T16:46:22.000+05:30
v1.5.14
diff --git a/src/assets/locale/ar/settings.json b/src/assets/locale/ar/settings.json
@@ -124,6 +124,9 @@
       "ttsEnabled": {
         "label": "تمكين تحويل النص إلى كلام"
       },
+      "ttsAutoPlay": {
+        "label": "تشغيل الرد الصوتي تلقائياً بعد الاكتمال"
+      },
       "ttsProvider": {
         "label": "مزود خدمة تحويل النص إلى كلام",
         "placeholder": "اختر مزود خدمة"
diff --git a/src/assets/locale/da/settings.json b/src/assets/locale/da/settings.json
@@ -117,6 +117,9 @@
       "heading": "Tekst-til-tale Indstillinger",
       "ttsEnabled": {
         "label": "Tilføj Teskt-til-Tale"
+      },
+         "ttsAutoPlay": {
+        "label": "Automatisk afspilning af stemmerespons efter færdiggørelse"
       },
       "ttsProvider": {
         "label": "Tekst-til-Tale Udbyder",
diff --git a/src/assets/locale/de/settings.json b/src/assets/locale/de/settings.json
@@ -52,7 +52,7 @@
         "label": "Chat-Blase für Benutzernachrichten verwenden"
       }
     },
-   "sidepanelRag": {
+    "sidepanelRag": {
       "heading": "Abruf-Einstellungen",
       "ragEnabled": {
         "label": "Einbettung und Abruf aktivieren"
@@ -115,6 +115,9 @@
       "ttsEnabled": {
         "label": "Text-zu-Sprache aktivieren"
       },
+      "ttsAutoPlay": {
+        "label": "Sprachantwort nach Fertigstellung automatisch abspielen"
+      },
       "ttsProvider": {
         "label": "Text-zu-Sprache-Anbieter",
         "placeholder": "Anbieter auswählen"
diff --git a/src/assets/locale/en/settings.json b/src/assets/locale/en/settings.json
@@ -145,6 +145,9 @@
       "ttsEnabled": {
         "label": "Enable Text-to-Speech"
       },
+      "ttsAutoPlay": {
+        "label": "Auto play voice response after completion"
+      },
       "ttsProvider": {
         "label": "Text-to-Speech Provider",
         "placeholder": "Select a provider"
diff --git a/src/assets/locale/es/settings.json b/src/assets/locale/es/settings.json
@@ -121,6 +121,9 @@
       "ttsEnabled": {
         "label": "Habilitar Texto-a-Voz"
       },
+      "ttsAutoPlay": {
+        "label": "Reproducir automáticamente la respuesta de voz después de completar"
+      },
       "ttsProvider": {
         "label": "Proveedor de Text-to-speech",
         "placeholder": "Selecione un proveedor"
diff --git a/src/assets/locale/fa/settings.json b/src/assets/locale/fa/settings.json
@@ -118,6 +118,9 @@
       "ttsEnabled": {
         "label": "فعال کردن تبدیل متن به گفتار"
       },
+      "ttsAutoPlay": {
+        "label": "پخش خودکار پاسخ صوتی پس از تکمیل"
+      },
       "ttsProvider": {
         "label": "ارائه دهنده تبدیل متن به گفتار",
         "placeholder": "یک ارائه دهنده را انتخاب کنید"
diff --git a/src/assets/locale/fr/settings.json b/src/assets/locale/fr/settings.json
@@ -124,6 +124,9 @@
       "ttsEnabled": {
         "label": "Activer la synthèse vocale"
       },
+      "ttsAutoPlay": {
+        "label": "Lecture automatique de la réponse vocale après la fin"
+      },
       "ttsProvider": {
         "label": "Fournisseur de synthèse vocale",
         "placeholder": "Sélectionnez un fournisseur"
diff --git a/src/assets/locale/it/settings.json b/src/assets/locale/it/settings.json
@@ -121,6 +121,9 @@
       "ttsEnabled": {
         "label": "Abilita Text-to-Speech"
       },
+      "ttsAutoPlay": {
+        "label": "Riproduci automaticamente la risposta vocale dopo il completamento"
+      },
       "ttsProvider": {
         "label": "Text-to-Speech Provider",
         "placeholder": "Seleziona un provider"
diff --git a/src/assets/locale/ja-JP/settings.json b/src/assets/locale/ja-JP/settings.json
@@ -124,6 +124,9 @@
       "ttsEnabled": {
         "label": "テキスト読み上げを有効にする"
       },
+      "ttsAutoPlay": {
+        "label": "応答完了後に音声を自動再生"
+      },
       "ttsProvider": {
         "label": "テキスト読み上げプロバイダー",
         "placeholder": "プロバイダーを選択"
diff --git a/src/assets/locale/ko/settings.json b/src/assets/locale/ko/settings.json
@@ -124,6 +124,9 @@
       "ttsEnabled": {
         "label": "텍스트 음성 변환 활성화"
       },
+      "ttsAutoPlay": {
+        "label": "응답 완료 후 자동 음성 재생"
+      },
       "ttsProvider": {
         "label": "텍스트 음성 변환 제공자",
         "placeholder": "제공자 선택"
diff --git a/src/assets/locale/ml/settings.json b/src/assets/locale/ml/settings.json
@@ -124,6 +124,9 @@
       "ttsEnabled": {
         "label": "ടെക്സ്റ്റ്-ടു-സ്പീച്ച് പ്രവർത്തനക്ഷമമാക്കുക"
       },
+      "ttsAutoPlay": {
+        "label": "പൂർത്തിയാക്കിയ ശേഷം വോയ്സ് പ്രതികരണം സ്വയമേവ പ്ലേ ചെയ്യുക"
+      },
       "ttsProvider": {
         "label": "ടെക്സ്റ്റ്-ടു-സ്പീച്ച് പ്രോവൈഡർ",
         "placeholder": "ഒരു പ്രോവൈഡർ തിരഞ്ഞെടുക്കുക"
diff --git a/src/assets/locale/no/settings.json b/src/assets/locale/no/settings.json
@@ -58,7 +58,7 @@
         "label": "Aktiver Markdown-formatering for brukermeldinger"
       }
     },
-   "sidepanelRag": {
+    "sidepanelRag": {
       "heading": "Gjenfinningsinnstillinger",
       "ragEnabled": {
         "label": "Aktiver Innbygging og Gjenfinning"
@@ -121,6 +121,9 @@
       "ttsEnabled": {
         "label": "Legg til Tekst-til-Tale"
       },
+      "ttsAutoPlay": {
+        "label": "Automatisk avspilling av stemmerespons etter fullføring"
+      },
       "ttsProvider": {
         "label": "Tekst-til-Tale Tilbyder",
         "placeholder": "Velg en tilbyder"
diff --git a/src/assets/locale/pt-BR/settings.json b/src/assets/locale/pt-BR/settings.json
@@ -58,7 +58,7 @@
         "label": "Ativar formatação Markdown para mensagens do Usuário"
       }
     },
-  "sidepanelRag": {
+    "sidepanelRag": {
       "heading": "Configurações de Recuperação",
       "ragEnabled": {
         "label": "Ativar Incorporação e Recuperação"
@@ -125,6 +125,9 @@
       "ttsEnabled": {
         "label": "Ativar Texto para Fala"
       },
+      "ttsAutoPlay": {
+        "label": "Reproduzir resposta de voz automaticamente após conclusão"
+      },
       "ttsProvider": {
         "label": "Provedor de Texto para Fala",
         "placeholder": "Selecione um provedor"
diff --git a/src/assets/locale/ru/settings.json b/src/assets/locale/ru/settings.json
@@ -121,6 +121,9 @@
       "ttsEnabled": {
         "label": "Включить текст в речь"
       },
+      "ttsAutoPlay": {
+        "label": "Автоматическое воспроизведение голосового ответа после завершения"
+      },
       "ttsProvider": {
         "label": "Поставщик текста в речь",
         "placeholder": "Выберите поставщика"
diff --git a/src/assets/locale/sv/settings.json b/src/assets/locale/sv/settings.json
@@ -121,6 +121,9 @@
       "ttsEnabled": {
         "label": "Aktivera Text till Tal"
       },
+      "ttsAutoPlay": {
+        "label": "Spela upp röstsvaret automatiskt efter slutförande"
+      },
       "ttsProvider": {
         "label": "Text till Tal Leverantör",
         "placeholder": "Välj en leverantör"
diff --git a/src/assets/locale/uk/settings.json b/src/assets/locale/uk/settings.json
@@ -121,6 +121,9 @@
       "ttsEnabled": {
         "label": "Увімкнути Текст-у-Голос"
       },
+      "ttsAutoPlay": {
+        "label": "Автоматично відтворювати голосову відповідь після завершення"
+      },
       "ttsProvider": {
         "label": "Поставник Текст-у-Голос",
         "placeholder": "Виберіть постачальника"
diff --git a/src/assets/locale/zh-TW/settings.json b/src/assets/locale/zh-TW/settings.json
@@ -56,7 +56,8 @@
       },
       "useMarkdownForUserMessage": {
         "label": "啟用使用者訊息的 Markdown 格式"
-      }    },
+      }
+    },
     "sidepanelRag": {
       "heading": "檢索設定",
       "ragEnabled": {
@@ -140,6 +141,9 @@
       "ttsEnabled": {
         "label": "啟用文字轉語音"
       },
+      "ttsAutoPlay": {
+        "label": "完成後自動播放語音回應"
+      },
       "ttsProvider": {
         "label": "文字轉語音提供商",
         "placeholder": "選擇提供商"
diff --git a/src/assets/locale/zh/settings.json b/src/assets/locale/zh/settings.json
@@ -61,7 +61,7 @@
         "label": "为用户消息启用Markdown格式"
       }
     },
-   "sidepanelRag": {
+    "sidepanelRag": {
       "heading": "检索设置",
       "ragEnabled": {
         "label": "启用嵌入和检索"
@@ -124,6 +124,9 @@
       "ttsEnabled": {
         "label": "启用文本转语音"
       },
+      "ttsAutoPlay": {
+        "label": "完成后自动播放语音回复"
+      },
       "ttsProvider": {
         "label": "文本转语音提供商",
         "placeholder": "选择一个提供商"
diff --git a/src/components/Common/Playground/HumanMessge.tsx b/src/components/Common/Playground/HumanMessge.tsx
@@ -3,6 +3,7 @@ import Markdown from "../Markdown"
 
 type Props = {
   message: string
+  isNormalMessage?: boolean
 }
 
 export const HumanMessage = ({ message }: Props) => {
diff --git a/src/components/Common/Playground/Message.tsx b/src/components/Common/Playground/Message.tsx
@@ -64,6 +64,7 @@ export const PlaygroundMessage = (props: Props) => {
     "autoCopyResponseToClipboard",
     false
   )
+  const [autoPlayTTS] = useStorage("isTTSAutoPlayEnabled", false)
   const { t } = useTranslation("common")
   const { cancel, isSpeaking, speak } = useTTS()
   const isLastMessage: boolean =
@@ -93,6 +94,32 @@ export const PlaygroundMessage = (props: Props) => {
     props.isProcessing,
     props.message
   ])
+  useEffect(() => {
+    if (
+      autoPlayTTS &&
+      props.isTTSEnabled &&
+      props.isBot &&
+      isLastMessage &&
+      !props.isStreaming &&
+      !props.isProcessing &&
+      props.message.trim().length > 0
+    ) {
+      let messageToSpeak = props.message
+
+      speak({
+        utterance: messageToSpeak
+      })
+    }
+  }, [
+    autoPlayTTS,
+    props.isTTSEnabled,
+    props.isBot,
+    props.currentMessageIndex,
+    props.totalMessages,
+    props.isStreaming,
+    props.isProcessing,
+    props.message
+  ])
 
   if (isUserChatBubble && !props.isBot) {
     return <PlaygroundUserMessageBubble {...props} />
diff --git a/src/components/Common/Playground/PlaygroundUserMessage.tsx b/src/components/Common/Playground/PlaygroundUserMessage.tsx
@@ -3,7 +3,7 @@ import { useStorage } from "@plasmohq/storage/hook"
 import React from "react"
 import { useTranslation } from "react-i18next"
 import { EditMessageForm } from "./EditMessageForm"
-import { Image, Tooltip } from "antd"
+import { Image, Tag, Tooltip } from "antd"
 import { CheckIcon, CopyIcon, Pen, PlayIcon, Square } from "lucide-react"
 import { HumanMessage } from "./HumanMessge"
 
@@ -45,9 +45,16 @@ export const PlaygroundUserMessageBubble: React.FC<Props> = (props) => {
   return (
     <div
       className={`group gap-2 relative flex w-full max-w-3xl flex-col items-end justify-center pb-2 md:px-4 lg:w-4/5 text-[#242424] dark:text-gray-100 ${checkWideMode ? "max-w-none" : ""}`}>
+      {!editMode && props?.message_type ? (
+        <Tag color={tagColors[props?.message_type] || "default"}>
+          {t(`copilot.${props?.message_type}`)}
+        </Tag>
+      ) : null}
       <div
         dir="auto"
-        className="message-bubble bg-gray-50 dark:bg-[#242424] rounded-3xl prose dark:prose-invert break-words text-primary min-h-7 prose-p:opacity-95 prose-strong:opacity-100 bg-foreground border border-input-border max-w-[100%] sm:max-w-[90%] px-4 py-2.5 rounded-br-lg dark:border-[#2D2D2D]">
+        className={`message-bubble bg-gray-50 dark:bg-[#242424] rounded-3xl prose dark:prose-invert break-words text-primary min-h-7 prose-p:opacity-95 prose-strong:opacity-100 bg-foreground border border-input-border max-w-[100%] sm:max-w-[90%] px-4 py-2.5 rounded-br-lg dark:border-[#2D2D2D] ${
+          props.message_type && !editMode ? "italic" : ""
+        }`}>
         {!editMode ? (
           <HumanMessage message={props.message} />
         ) : (
diff --git a/src/components/Option/Settings/tts-mode.tsx b/src/components/Option/Settings/tts-mode.tsx
diff --git a/src/components/Sidepanel/Chat/body.tsx b/src/components/Sidepanel/Chat/body.tsx
diff --git a/src/entries-firefox/sidepanel/index.html b/src/entries-firefox/sidepanel/index.html
diff --git a/src/entries/sidepanel/index.html b/src/entries/sidepanel/index.html
diff --git a/src/hooks/useSmartScroll.tsx b/src/hooks/useSmartScroll.tsx
diff --git a/src/hooks/useTTS.tsx b/src/hooks/useTTS.tsx
diff --git a/src/routes/sidepanel-chat.tsx b/src/routes/sidepanel-chat.tsx
diff --git a/src/services/openai-tts.ts b/src/services/openai-tts.ts
diff --git a/src/services/tts.ts b/src/services/tts.ts
diff --git a/wxt.config.ts b/wxt.config.ts
