feat: Update translations for copilot context menu options

src/assets/locale/en/common.json

@@ -84,5 +84,12 @@
             }
         },
         "advanced": "More Model Settings"
+    },
+    "copilot": {
+        "summary": "Summarize",
+        "explain": "Explain",
+        "rephrase": "Rephrase",
+        "translate": "Translate",
+        "custom": "Custom"
     }
 }

src/assets/locale/es/common.json

@@ -84,5 +84,11 @@
             }
         },
         "advanced": "Más Configuraciones del Modelo"
+    },
+    "copilot": {
+        "summary": "Resumir",
+        "explain": "Explicar",
+        "rephrase": "Reformular",
+        "translate": "Traducir"
     }
 }

src/assets/locale/fr/common.json

@@ -51,7 +51,7 @@
     "chatWithCurrentPage": "Discuter avec la page actuelle",
     "beta": "Bêta",
     "tts": "Synthèse vocale",
-    "currentChatModelSettings":"Paramètres actuels du modèle de chat",
+    "currentChatModelSettings": "Paramètres actuels du modèle de chat",
     "modelSettings": {
         "label": "Paramètres du modèle",
         "description": "Définissez les options de modèle globale pour tous les chats",
@@ -84,5 +84,11 @@
             }
         },
         "advanced": "Plus de paramètres du modèle"
+    },
+    "copilot": {
+        "summary": "Résumer",
+        "explain": "Expliquer",
+        "rephrase": "Reformuler",
+        "translate": "Traduire"
     }
 }

src/assets/locale/it/common.json

@@ -84,5 +84,11 @@
             }
         },
         "advanced": "Altre Impostazioni del Modello"
+    },
+    "copilot": {
+        "summary": "Riassumere",
+        "explain": "Spiegare",
+        "rephrase": "Riformulare",
+        "translate": "Tradurre"
     }
 }

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

@@ -84,5 +84,11 @@
       }
     },
     "advanced": "その他のモデル設定"
+  },
+  "copilot": {
+    "summary": "要約",
+    "explain": "説明",
+    "rephrase": "言い換え",
+    "translate": "翻訳"
   }
-  }
+}

src/assets/locale/ml/common.json

@@ -83,5 +83,11 @@
             }
         },
         "advanced": "കൂടുതൽ മോഡൽ ക്രമീകരണങ്ങൾ"
+    },
+    "copilot": {
+        "summary": "സംഗ്രഹിക്കുക",
+        "explain": "വിശദീകരിക്കുക",
+        "rephrase": "പുനഃരൂപീകരിക്കുക",
+        "translate": "വിവർത്തനം ചെയ്യുക"
     }
 }

src/assets/locale/pt-BR/common.json

@@ -84,5 +84,11 @@
       }
     },
     "advanced": "Mais Configurações do Modelo"
+  },
+  "copilot": {
+    "summary": "Resumir",
+    "explain": "Explicar",
+    "rephrase": "Reformular",
+    "translate": "Traduzir"
   }
 }

src/assets/locale/ru/common.json

@@ -84,5 +84,11 @@
             }
         },
         "advanced": "Больше настроек модели"
+    },
+    "copilot": {
+        "summary": "Обобщить",
+        "explain": "Объяснить",
+        "rephrase": "Перефразировать",
+        "translate": "Перевести"
     }
 }

src/assets/locale/zh/common.json

@@ -84,5 +84,11 @@
             }
         },
         "advanced": "更多模型设置"
+    },
+    "copilot": {
+        "summary": "总结",
+        "explain": "解释",
+        "rephrase": "重述",
+        "translate": "翻译"
     }
 }

src/components/Common/Playground/Message.tsx

@@ -37,6 +37,14 @@ type Props = {
   isTTSEnabled?: boolean
 }
 
+const tagColors = {
+  summary: "blue",
+  explain: "green",
+  translate: "purple",
+  custom: "orange",
+  rephrase: "yellow"
+}
+
 export const PlaygroundMessage = (props: Props) => {
   const [isBtnPressed, setIsBtnPressed] = React.useState(false)
   const [editMode, setEditMode] = React.useState(false)
@@ -79,7 +87,9 @@ export const PlaygroundMessage = (props: Props) => {
             ) : null}
             <div>
               {props?.message_type && (
-                <Tag color="blue">{props?.message_type}</Tag>
+                <Tag color={tagColors[props?.message_type] || "default"}>
+                  {t(`copilot.${props?.message_type}`)}
+                </Tag>
               )}
             </div>
             <div className="flex flex-grow flex-col">
@@ -90,7 +100,7 @@ export const PlaygroundMessage = (props: Props) => {
                   <p
                     className={`prose dark:prose-invert whitespace-pre-line	 prose-p:leading-relaxed prose-pre:p-0 dark:prose-dark ${
                       props.message_type &&
-                      "italic text-gray-500 dark:text-gray-400 text-xs"
+                      "italic text-gray-500 dark:text-gray-400 text-sm"
                     }`}>
                     {props.message}
                   </p>

src/entries/background.ts

@@ -86,11 +86,11 @@ export default defineBackground({
       contexts: ["selection"]
     })
 
-    // browser.contextMenus.create({
-    //   id: "custom-pg",
-    //   title: "Custom",
-    //   contexts: ["selection"]
-    // })
+    browser.contextMenus.create({
+      id: "custom-pg",
+      title: "Custom",
+      contexts: ["selection"]
+    })
 
     if (import.meta.env.BROWSER === "chrome") {
       browser.contextMenus.onClicked.addListener(async (info, tab) => {