update dist

dist/chrome/_locales/ar/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom3": {
     "message": "استخدام خدمة ترجمة مخصصة مؤقتًا لترجمة الصفحة الحالية(3)"
+  },
+  "translateMangaMenuId": {
+    "message": "ترجمة الصور / استعادة الصور"
   }
 }

dist/chrome/_locales/de/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "Vorübergehende Nutzung von kundenspezifischen Übersetzungsdiensten zur Übersetzung der aktuellen Seite(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "Bilder übersetzen/Bilder wiederherstellen"
   }
 }

dist/chrome/_locales/en/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom3": {
     "message": "Temporary use of custom translation services to translate the current page(3)"
+  },
+  "translateMangaMenuId": {
+    "message": "Translating images/restoring images"
   }
 }

dist/chrome/_locales/es/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom3": {
     "message": "Uso temporal de servicios de traducción personalizados para traducir la página actual(3)"
+  },
+  "translateMangaMenuId": {
+    "message": "Traducir imágenes/restaurar imágenes"
   }
 }

dist/chrome/_locales/fa/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "به طور موقت از یک سرویس ترجمه سفارشی برای ترجمه صفحه فعلی استفاده کنید (2)"
+  },
+  "translateMangaMenuId": {
+    "message": "ترجمه تصاویر/بازیابی تصاویر"
   }
 }

dist/chrome/_locales/fr/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom3": {
     "message": "Utilisation temporaire de services de traduction personnalisés pour traduire la page actuelle(3)"
+  },
+  "translateMangaMenuId": {
+    "message": "Traduction d'images/restauration d'images"
   }
 }

dist/chrome/_locales/hi/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "वर्तमान पृष्ठ का अनुवाद करने के लिए अस्थायी रूप से कस्टम अनुवाद सेवा का उपयोग करें(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "चित्रों का अनुवाद करें/चित्र पुनर्स्थापित करें"
   }
 }

dist/chrome/_locales/it/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom3": {
     "message": "Uso temporaneo di servizi di traduzione personalizzati per tradurre la pagina corrente(3)"
+  },
+  "translateMangaMenuId": {
+    "message": "Traduzione di immagini/ripristino di immagini"
   }
 }

dist/chrome/_locales/ja/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "現在のページを翻訳するためのカスタム翻訳サービスの一時的な使用(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "画像の翻訳/画像の復元"
   }
 }

dist/chrome/_locales/ko/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "현재 페이지 번역을 위한 사용자 지정 번역 서비스 임시 사용(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "이미지 번역/이미지 복원"
   }
 }

dist/chrome/_locales/pt_BR/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "Uso temporário de serviços de tradução personalizados para traduzir a página atual(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "Tradução de imagens/restauração de imagens"
   }
 }

dist/chrome/_locales/pt_PT/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "Utilização temporária de serviços de tradução personalizados para traduzir a página atual(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "Traduzir imagens/restaurar imagens"
   }
 }

dist/chrome/_locales/ru/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "Временное использование услуг пользовательского перевода для перевода текущей страницы(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "Перевод изображений/восстановление изображений"
   }
 }

dist/chrome/_locales/tr/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "Geçerli sayfayı çevirmek için özel çeviri hizmetlerinin geçici kullanımı(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "Görüntüleri çevirme/görüntüleri geri yükleme"
   }
 }

dist/chrome/_locales/zh_CN/messages.json

@@ -50,6 +50,9 @@
   "translateLocalSubtitleFile": {
     "message": "翻译本地字幕文件"
   },
+  "translateMangaMenuId": {
+    "message": "翻译图片/还原图片"
+  },
   "openAboutPage": {
     "message": "关于/反馈"
   },

dist/chrome/_locales/zh_TW/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom3": {
     "message": "暫時使用自訂翻譯服務翻譯目前頁面(3)"
+  },
+  "translateMangaMenuId": {
+    "message": "翻譯圖片/還原圖片"
   }
 }

dist/chrome/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "__MSG_brandName__",
   "description": "__MSG_brandDescription__",
-  "version": "1.9.8",
+  "version": "1.10.1",
   "default_locale": "en",
   "background": {
     "service_worker": "background.js"

dist/chrome/styles/image_tools.css

@@ -0,0 +1,81 @@
+.imt-image-tools {
+  display: block;
+  position: fixed;
+  z-index: 2147483647;
+}
+
+.imt-image-translate-button {
+  width: 30px;
+  height: 30px;
+  flex-shrink: 0;
+  background-color: #00000099;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 15px;
+  cursor: pointer;
+}
+
+.imt-fb-logo-img {
+  width: 14px;
+  height: 14px;
+  margin: 0;
+}
+
+.close-button {
+  position: absolute;
+  top: -30px;
+  right: -30px;
+  width: 40px;
+  height: 40px;
+  padding: 10px;
+  display: none;
+  cursor: pointer;
+}
+
+.imt-image-tools:hover .close-button {
+  display: block;
+}
+
+.translated-icon {
+  position: absolute;
+  right: 4px;
+  bottom: 4px;
+  width: 8px;
+  height: 8px;
+}
+
+.immersive-translate-loading-spinner {
+  vertical-align: middle !important;
+  width: 10px !important;
+  height: 10px !important;
+  display: inline-block !important;
+  margin: 0 4px !important;
+  border: 2px rgba(221, 244, 255, 0.6) solid !important;
+  border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
+  border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
+  border-radius: 50% !important;
+  padding: 0 !important;
+  -webkit-animation: immersive-translate-loading-animation 0.6s infinite linear !important;
+  animation: immersive-translate-loading-animation 0.6s infinite linear !important;
+}
+
+@-webkit-keyframes immersive-translate-loading-animation {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+
+  to {
+    -webkit-transform: rotate(359deg);
+  }
+}
+
+@keyframes immersive-translate-loading-animation {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(359deg);
+  }
+}

dist/chrome/styles/inject.css

@@ -509,3 +509,14 @@
     transform: rotate(359deg);
   }
 }
+
+
+.imt-image-status {
+  background-color: rgba(0, 0, 0, 0.50);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: var(--bg-2, #FFF);
+  font-size: 14px;
+}

dist/chrome/styles/input.css

@@ -338,3 +338,40 @@
   right: 0px;
   cursor: pointer;
 }
+
+.imt-image-status {
+  background-color: rgba(0, 0, 0, 0.50) !important;
+  display: flex !important;
+  flex-direction: column !important; 
+  align-items: center !important;
+  justify-content: center !important;
+  border-radius: 16px !important;
+}
+.imt-image-status img,.imt-image-status svg, .imt-img-loading {
+  width: 28px !important;
+  height: 28px !important;
+  margin: 0 0 8px 0 !important;
+  min-height: 28px !important;
+  min-width: 28px !important;
+}
+.imt-img-loading {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAPHRSTlMABBMIDyQXHwyBfFdDMSw+OjXCb+5RG51IvV/k0rOqlGRM6KKMhdvNyZBz9MaupmxpWyj437iYd/yJVNZeuUC7AAACt0lEQVRIx53T2XKiUBCA4QYOiyCbiAsuuGBcYtxiYtT3f6/pbqoYHVFO5r+iivpo6DpAWYpqeoFfr9f90DsYAuRSWkFnPO50OgR9PwiCUFcl2GEcx+N/YBh6pvKaefHlUgZd1zVe0NbYcQjGBfzrPE8Xz8aF+71D8gG6DHFPpc4a7xFiCDuhaWgKgGIJQ3d5IMGDrpS4S5KgpIm+en9f6PlAhKby4JwEIxlYJV9h5k5nee9GoxHJ2IDSNB0dwdad1NAxDJ/uXDHYmebdk4PdbkS58CIVHdYSUHTYYRWOJblWSyu2lmy3KNFVJNBhxcuGW4YBVCbYGRZwIooipHsNqjM4FbgOQqQqSKQQU9V8xmi1QlgHqQQ6DDBvRUVCDirs+EzGDGOQTCATgtYTnbCVLgsVgRE0T1QE0qHCFAht2z6dLvJQs3Lo2FQoDxWNUiBhaP4eRgwNkI+dAjVOA/kUrIDwf3CG8NfNOE0eiFotSuo+rBiq8tD9oY4Qzc6YJw99hl1wzpQvD7ef2M8QgnOGJfJw+EltQc+oX2yn907QB22WZcvlUpd143dqQu+8pCJZuGE4xCuPXJqqcs5sNpsI93Rmzym1k4Npk+oD1SH3/a3LOK/JpUBpWfqNySxWzCfNCUITuDG5dtuphrUJ1myeIE9bIsPiKrfqTai5WZxbhtNphYx6GEIHihyGFTI69lje/rxajdh0s0msZ0zYxyPLhYCb1CyHm9Qsd2H37Y3lugVwL9kNh8Ot8cha6fUNQ8nuXi5z9/ExsAO4zQrb/ev1yrCB7lGyQzgYDGuxq1toDN/JGvN+HyWNHKB7zEoK+PX11e12G431erGYzwmytAWU56fkMHY5JJnDRR2eZji3AwtIcrEV8Cojat/BdQ7XOwGV1e1hDjGGjXbdArm8uJZtCH5MbcctVX8A1WpqumJHwckAAAAASUVORK5CYII=");
+  background-size: 28px 28px;
+  animation: image-loading-rotate 1s linear infinite !important;
+}
+
+.imt-image-status span {
+  color: var(--bg-2, #FFF) !important;
+  font-size: 14px !important;
+  line-height: 14px !important;
+  font-weight: 500 !important;
+}
+
+@keyframes image-loading-rotate {
+  from {
+    transform: rotate(360deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+}

dist/chrome/styles/options.css

@@ -522,18 +522,28 @@ article {
 }
 
 .intro-container {
-  display: flex;
   border-radius: 24px;
   background: linear-gradient(
     180deg,
     rgba(255, 146, 188, 0.3) 0%,
     rgba(255, 255, 255, 0) 100%
   );
   box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
-  padding: 24px 38px;
+
   margin-top: 16px;
   margin-bottom: 24px;
+}
+
+.intro-content {
+  display: flex;
   align-items: center;
+  padding: 24px 38px;
+}
+
+.intro-line {
+  background: #EBEBEB;
+  height: 1px;
+  width: 100%;
 }
 
 .intro-container img {
@@ -773,9 +783,13 @@ article {
   margin-bottom: 30px;
 }
 
+.manga-enable, .image-tools-enable {
+  display: none;
+}
+
 @media screen and (max-width: 576px) {
   .header {
-    padding: 12px 0.5rem !important;
+    padding: 12px 0.5reœm !important;
     font-size: 14px;
   }
 
@@ -797,6 +811,10 @@ article {
     display: none;
   }
 
+  .manga-enable, .image-tools-enable {
+    display: flex;
+  }
+
   .youtube-header {
     margin-top: 1rem;
   }

dist/firefox/_locales/ar/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom3": {
     "message": "استخدام خدمة ترجمة مخصصة مؤقتًا لترجمة الصفحة الحالية(3)"
+  },
+  "translateMangaMenuId": {
+    "message": "ترجمة الصور / استعادة الصور"
   }
 }

dist/firefox/_locales/de/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom2": {
     "message": "Vorübergehende Nutzung von kundenspezifischen Übersetzungsdiensten zur Übersetzung der aktuellen Seite(2)"
+  },
+  "translateMangaMenuId": {
+    "message": "Bilder übersetzen/Bilder wiederherstellen"
   }
 }

dist/firefox/_locales/en/messages.json

@@ -106,5 +106,8 @@
   },
   "translateWithCustom3": {
     "message": "Temporary use of custom translation services to translate the current page(3)"
+  },
+  "translateMangaMenuId": {
+    "message": "Translating images/restoring images"
   }
 }