From 5aea46c214cc584c300f947dfcdea13db1e87854 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Tue, 14 Jan 2025 15:49:01 +0530
Subject: [PATCH 1/6] (feat:settings) locale lang for analytics and  logs

---
 frontend/src/locale/en.json         | 22 ++++++++++-
 frontend/src/settings/Analytics.tsx | 57 ++++++++++++++++++-----------
 frontend/src/settings/Logs.tsx      | 14 ++++---
 3 files changed, 65 insertions(+), 28 deletions(-)

diff --git a/frontend/src/locale/en.json b/frontend/src/locale/en.json
index c6ae8023..7be4b568 100644
--- a/frontend/src/locale/en.json
+++ b/frontend/src/locale/en.json
@@ -69,10 +69,28 @@
       "noData": "No existing Chatbots"
     },
     "analytics": {
-      "label": "Analytics"
+      "label": "Analytics",
+      "filterByChatbot": "Filter by chatbot",
+      "selectChatbot": "Select chatbot",
+      "filterOptions": {
+        "hour": "Hour",
+        "last24Hours": "24 Hours",
+        "last7Days": "7 Days",
+        "last15Days": "15 Days",
+        "last30Days": "30 Days"
+      },
+      "messages": "Messages",
+      "tokenUsage": "Token Usage",
+      "feedback": "Feedback",
+      "filterPlaceholder": "Filter",
+      "none": "None"
     },
     "logs": {
-      "label": "Logs"
+      "label": "Logs",
+      "filterByChatbot": "Filter by chatbot",
+      "selectChatbot": "Select chatbot",
+      "none": "None",
+      "tableHeader": "API generated / chatbot conversations"
     },
     "tools": {
       "label": "Tools"
diff --git a/frontend/src/settings/Analytics.tsx b/frontend/src/settings/Analytics.tsx
index 8baad361..8f3c45bb 100644
--- a/frontend/src/settings/Analytics.tsx
+++ b/frontend/src/settings/Analytics.tsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
   BarElement,
   CategoryScale,
@@ -28,15 +29,29 @@ ChartJS.register(
   Legend,
 );
 
-const filterOptions = [
-  { label: 'Hour', value: 'last_hour' },
-  { label: '24 Hours', value: 'last_24_hour' },
-  { label: '7 Days', value: 'last_7_days' },
-  { label: '15 Days', value: 'last_15_days' },
-  { label: '30 Days', value: 'last_30_days' },
-];
-
 export default function Analytics() {
+  const { t } = useTranslation();
+
+  const filterOptions = [
+    { label: t('settings.analytics.filterOptions.hour'), value: 'last_hour' },
+    {
+      label: t('settings.analytics.filterOptions.last24Hours'),
+      value: 'last_24_hour',
+    },
+    {
+      label: t('settings.analytics.filterOptions.last7Days'),
+      value: 'last_7_days',
+    },
+    {
+      label: t('settings.analytics.filterOptions.last15Days'),
+      value: 'last_15_days',
+    },
+    {
+      label: t('settings.analytics.filterOptions.last30Days'),
+      value: 'last_30_days',
+    },
+  ];
+
   const [messagesData, setMessagesData] = useState<Record<
     string,
     number
@@ -165,7 +180,7 @@ export default function Analytics() {
       <div className="flex flex-col items-start">
         <div className="flex flex-col gap-3">
           <p className="font-bold text-jet dark:text-bright-gray">
-            Filter by chatbot
+            {t('settings.analytics.filterByChatbot')}
           </p>
           <Dropdown
             size="w-[55vw] sm:w-[360px]"
@@ -174,9 +189,9 @@ export default function Analytics() {
                 label: chatbot.name,
                 value: chatbot.id,
               })),
-              { label: 'None', value: '' },
+              { label: t('settings.analytics.none'), value: '' },
             ]}
-            placeholder="Select chatbot"
+            placeholder={t('settings.analytics.selectChatbot')}
             onSelect={(chatbot: { label: string; value: string }) => {
               setSelectedChatbot(
                 chatbots.find((item) => item.id === chatbot.value),
@@ -199,12 +214,12 @@ export default function Analytics() {
           <div className="h-[345px] [@media(min-width:1080px)]:w-1/2 w-full px-6 py-5 border rounded-2xl border-silver dark:border-silver/40 overflow-hidden">
             <div className="flex flex-row items-center justify-start gap-3">
               <p className="font-bold text-jet dark:text-bright-gray">
-                Messages
+                {t('settings.analytics.messages')}
               </p>
               <Dropdown
                 size="w-[125px]"
                 options={filterOptions}
-                placeholder="Filter"
+                placeholder={t('settings.analytics.filterPlaceholder')}
                 onSelect={(selectedOption: {
                   label: string;
                   value: string;
@@ -232,7 +247,7 @@ export default function Analytics() {
                     ),
                     datasets: [
                       {
-                        label: 'Messages',
+                        label: t('settings.analytics.messages'),
                         data: Object.values(messagesData || {}),
                         backgroundColor: '#7D54D1',
                       },
@@ -250,12 +265,12 @@ export default function Analytics() {
           <div className="h-[345px] [@media(min-width:1080px)]:w-1/2 w-full px-6 py-5 border rounded-2xl border-silver dark:border-silver/40 overflow-hidden">
             <div className="flex flex-row items-center justify-start gap-3">
               <p className="font-bold text-jet dark:text-bright-gray">
-                Token Usage
+                {t('settings.analytics.tokenUsage')}
               </p>
               <Dropdown
                 size="w-[125px]"
                 options={filterOptions}
-                placeholder="Filter"
+                placeholder={t('settings.analytics.filterPlaceholder')}
                 onSelect={(selectedOption: {
                   label: string;
                   value: string;
@@ -283,7 +298,7 @@ export default function Analytics() {
                     ),
                     datasets: [
                       {
-                        label: 'Tokens',
+                        label: t('settings.analytics.tokenUsage'),
                         data: Object.values(tokenUsageData || {}),
                         backgroundColor: '#7D54D1',
                       },
@@ -303,12 +318,12 @@ export default function Analytics() {
           <div className="h-[345px] w-full px-6 py-5 border rounded-2xl border-silver dark:border-silver/40 overflow-hidden">
             <div className="flex flex-row items-center justify-start gap-3">
               <p className="font-bold text-jet dark:text-bright-gray">
-                Feedback
+                {t('settings.analytics.feedback')}
               </p>
               <Dropdown
                 size="w-[125px]"
                 options={filterOptions}
-                placeholder="Filter"
+                placeholder={t('settings.analytics.filterPlaceholder')}
                 onSelect={(selectedOption: {
                   label: string;
                   value: string;
@@ -336,14 +351,14 @@ export default function Analytics() {
                     ),
                     datasets: [
                       {
-                        label: 'Positive Feedback',
+                        label: t('settings.analytics.positiveFeedback'),
                         data: Object.values(feedbackData || {}).map(
                           (item) => item.positive,
                         ),
                         backgroundColor: '#7D54D1',
                       },
                       {
-                        label: 'Negative Feedback',
+                        label: t('settings.analytics.negativeFeedback'),
                         data: Object.values(feedbackData || {}).map(
                           (item) => item.negative,
                         ),
diff --git a/frontend/src/settings/Logs.tsx b/frontend/src/settings/Logs.tsx
index 1e248d46..df406122 100644
--- a/frontend/src/settings/Logs.tsx
+++ b/frontend/src/settings/Logs.tsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import userService from '../api/services/userService';
 import ChevronRight from '../assets/chevron-right.svg';
@@ -8,6 +9,7 @@ import { APIKeyData, LogData } from './types';
 import CoppyButton from '../components/CopyButton';
 
 export default function Logs() {
+  const { t } = useTranslation();
   const [chatbots, setChatbots] = useState<APIKeyData[]>([]);
   const [selectedChatbot, setSelectedChatbot] = useState<APIKeyData | null>();
   const [logs, setLogs] = useState<LogData[]>([]);
@@ -66,7 +68,7 @@ export default function Logs() {
       <div className="flex flex-col items-start">
         <div className="flex flex-col gap-3">
           <p className="font-bold text-jet dark:text-bright-gray">
-            Filter by chatbot
+            {t('settings.logs.filterByChatbot')}
           </p>
           {loadingChatbots ? (
             <SkeletonLoader />
@@ -78,9 +80,9 @@ export default function Logs() {
                   label: chatbot.name,
                   value: chatbot.id,
                 })),
-                { label: 'None', value: '' },
+                { label: t('settings.logs.none'), value: '' },
               ]}
-              placeholder="Select chatbot"
+              placeholder={t('settings.logs.selectChatbot')}
               onSelect={(chatbot: { label: string; value: string }) => {
                 setSelectedChatbot(
                   chatbots.find((item) => item.id === chatbot.value),
@@ -120,6 +122,7 @@ type LogsTableProps = {
 };
 
 function LogsTable({ logs, setPage }: LogsTableProps) {
+  const { t } = useTranslation();
   const observerRef = useRef<any>();
   const firstObserver = useCallback((node: HTMLDivElement) => {
     if (observerRef.current) {
@@ -134,7 +137,7 @@ function LogsTable({ logs, setPage }: LogsTableProps) {
     <div className="logs-table border rounded-2xl h-[55vh] w-full overflow-hidden border-silver dark:border-silver/40">
       <div className="h-8 bg-black/10 dark:bg-chinese-black flex flex-col items-start justify-center">
         <p className="px-3 text-xs dark:text-gray-6000">
-          API generated / chatbot conversations
+          {t('settings.logs.tableHeader')}
         </p>
       </div>
       <div
@@ -156,6 +159,7 @@ function LogsTable({ logs, setPage }: LogsTableProps) {
 }
 
 function Log({ log }: { log: LogData }) {
+  const { t } = useTranslation();
   const logLevelColor = {
     info: 'text-green-500',
     error: 'text-red-500',
@@ -167,7 +171,7 @@ function Log({ log }: { log: LogData }) {
       <summary className="flex flex-row items-center gap-2 text-gray-900 cursor-pointer p-2 group-open:bg-[#F9F9F9] dark:group-open:bg-dark-charcoal">
         <img
           src={ChevronRight}
-          alt="chevron-right"
+          alt="Expand log entry"
           className="w-3 h-3 transition duration-300 group-open:rotate-90"
         />
         <span className="flex flex-row gap-2">

From cbcb717aee2e05ff37a49bbe08233e52da5d4324 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Tue, 14 Jan 2025 16:52:35 +0530
Subject: [PATCH 2/6] (feat:locals) sync with en.json

---
 frontend/src/locale/es.json         |  27 ++-
 frontend/src/locale/jp.json         |  27 ++-
 frontend/src/locale/ru.json         | 295 +++++++++++++++-------------
 frontend/src/locale/zh-TW.json      |  29 ++-
 frontend/src/locale/zh.json         |  27 ++-
 frontend/src/settings/Documents.tsx |   2 +-
 6 files changed, 256 insertions(+), 151 deletions(-)

diff --git a/frontend/src/locale/es.json b/frontend/src/locale/es.json
index 79aa1b3b..d2c087db 100644
--- a/frontend/src/locale/es.json
+++ b/frontend/src/locale/es.json
@@ -69,10 +69,31 @@
       "noData": "No hay chatbots existentes"
     },
     "analytics": {
-      "label": "Analítica"
+      "label": "Analítica",
+      "filterByChatbot": "Filtrar por chatbot",
+      "selectChatbot": "Seleccionar chatbot",
+      "filterOptions": {
+        "hour": "Hora",
+        "last24Hours": "24 Horas",
+        "last7Days": "7 Días",
+        "last15Days": "15 Días",
+        "last30Days": "30 Días"
+      },
+      "messages": "Mensajes",
+      "tokenUsage": "Uso de Tokens",
+      "feedback": "Retroalimentación",
+      "filterPlaceholder": "Filtrar",
+      "none": "Ninguno"
     },
     "logs": {
-      "label": "Registros"
+      "label": "Registros",
+      "filterByChatbot": "Filtrar por chatbot",
+      "selectChatbot": "Seleccionar chatbot",
+      "none": "Ninguno",
+      "tableHeader": "Conversaciones generadas por API / chatbot"
+    },
+    "tools": {
+      "label": "Herramientas"
     }
   },
   "modals": {
@@ -128,7 +149,7 @@
       "label": "Crear una página pública para compartir",
       "note": "El documento original, la información personal y las conversaciones posteriores permanecerán privadas",
       "create": "Crear",
-      "option": "Permitir a los usuarios realizar más consultas."
+      "option": "Permitir a los usuarios realizar más consultas"
     }
   },
   "sharedConv": {
diff --git a/frontend/src/locale/jp.json b/frontend/src/locale/jp.json
index 5f572ea4..71aa1e15 100644
--- a/frontend/src/locale/jp.json
+++ b/frontend/src/locale/jp.json
@@ -69,10 +69,31 @@
       "noData": "既存のチャットボットはありません"
     },
     "analytics": {
-      "label": "分析"
+      "label": "分析",
+      "filterByChatbot": "チャットボットでフィルター",
+      "selectChatbot": "チャットボットを選択",
+      "filterOptions": {
+        "hour": "時間",
+        "last24Hours": "24時間",
+        "last7Days": "7日間",
+        "last15Days": "15日間",
+        "last30Days": "30日間"
+      },
+      "messages": "メッセージ",
+      "tokenUsage": "トークン使用量",
+      "feedback": "フィードバック",
+      "filterPlaceholder": "フィルター",
+      "none": "なし"
     },
     "logs": {
-      "label": "ログ"
+      "label": "ログ",
+      "filterByChatbot": "チャットボットでフィルター",
+      "selectChatbot": "チャットボットを選択",
+      "none": "なし",
+      "tableHeader": "API生成/チャットボットの会話"
+    },
+    "tools": {
+      "label": "ツール"
     }
   },
   "modals": {
@@ -86,7 +107,7 @@
       "start": "チャットを開始する",
       "name": "名前",
       "choose": "ファイルを選択",
-      "info": ".pdf, .txt, .rst, .docx, .md, .json, .pptx, .zipファイルを25MBまでアップロードしてください",
+      "info": "25MBまでの.pdf, .txt, .rst, .csv, .xlsx, .docx, .md, .html, .epub, .json, .pptx, .zipファイルをアップロードしてください",
       "uploadedFiles": "アップロードされたファイル",
       "cancel": "キャンセル",
       "train": "トレーニング",
diff --git a/frontend/src/locale/ru.json b/frontend/src/locale/ru.json
index d23092a1..c5e3deb8 100644
--- a/frontend/src/locale/ru.json
+++ b/frontend/src/locale/ru.json
@@ -1,142 +1,163 @@
 {
-    "language": "Русский",
-    "chat": "Чат",
-    "chats": "Чаты",
-    "newChat": "Новый чат",
-    "myPlan": "Мой план",
-    "about": "О",
-    "inputPlaceholder": "Введите свое сообщение здесь...",
-    "tagline": "DocsGPT использует GenAI, пожалуйста, проверьте важную информацию, используя источники.",
-    "sourceDocs": "Источник",
-    "none": "Нет",
-    "cancel": "Отмена",
-    "demo": [
-        {
-            "header": "Узнайте о DocsGPT",
-            "query": "Что такое DocsGPT?"
-        },
-        {
-            "header": "Обобщить документацию",
-            "query": "Обобщить текущий контекст"
-        },
-        {
-            "header": "Написать код",
-            "query": "Написать код для запроса API к /api/answer"
-        },
-        {
-            "header": "Помощь в обучении",
-            "query": "Написать потенциальные вопросы для контекста"
-        }
-    ],
-    "settings": {
-        "label": "Настройки",
-        "general": {
-            "label": "Общие",
-            "selectTheme": "Выбрать тему",
-            "light": "Светлая",
-            "dark": "Темная",
-            "selectLanguage": "Выбрать язык",
-            "chunks": "Обработанные фрагменты на запрос",
-            "prompt": "Активная подсказка",
-            "deleteAllLabel": "Удалить все беседы",
-            "deleteAllBtn": "Удалить все",
-            "addNew": "Добавить новый",
-            "convHistory": "История разговоров",
-            "none": "Нет",
-            "low": "Низкий",
-            "medium": "Средний",
-            "high": "Высокий",
-            "unlimited": "Без ограничений",
-            "default": "по умолчанию"
-        },
-        "documents": {
-            "label": "Документы",
-            "name": "Название документа",
-            "date": "Дата вектора",
-            "type": "Тип",
-            "tokenUsage": "Использование токена",
-            "noData": "Нет существующих документов"
-        },
-        "apiKeys": {
-            "label": "Чат-боты",
-            "name": "Название",
-            "key": "Ключ API",
-            "sourceDoc": "Исходный документ",
-            "createNew": "Создать новый",
-            "noData": "Нет существующих чат-ботов"
-        },
-        "analytics": {
-            "label": "Analytics"
-        },
-        "logs": {
-            "label": "Журналы"
-        }
+  "language": "Русский",
+  "chat": "Чат",
+  "chats": "Чаты",
+  "newChat": "Новый чат",
+  "myPlan": "Мой план",
+  "about": "О",
+  "inputPlaceholder": "Введите свое сообщение здесь...",
+  "tagline": "DocsGPT использует GenAI, пожалуйста, проверьте важную информацию, используя источники.",
+  "sourceDocs": "Источник",
+  "none": "Нет",
+  "cancel": "Отмена",
+  "demo": [
+    {
+      "header": "Узнайте о DocsGPT",
+      "query": "Что такое DocsGPT?"
     },
-    "modals": {
-        "uploadDoc": {
-            "label": "Загрузить новую документацию",
-            "select": "Выберите способ загрузки документа в DocsGPT",
-            "file": "Загрузить с устройства",
-            "back": "Назад",
-            "wait": "Пожалуйста, подождите ...",
-            "remote": "Собрать с веб-сайта",
-            "start": "Начать чат",
-            "name": "Имя",
-            "choose": "Выбрать файлы",
-            "info": "Загрузите .pdf, .txt, .rst, .csv, .xlsx, .docx, .md, .zip с ограничением до 25 МБ",
-            "uploadedFiles": "Загруженные файлы",
-            "cancel": "Отмена",
-            "train": "Обучение",
-            "link": "Ссылка",
-            "urlLink": "URL-ссылка",
-            "repoUrl": "URL-адрес репозитория",
-            "reddit": {
-                "id": "ID клиента",
-                "secret": "Секрет клиента",
-                "agent": "Агент пользователя",
-                "searchQueries": "Поисковые запросы",
-                "numberOfPosts": "Количество сообщений"
-            },
-            "drag": {
-              "title": "Загрузите исходный файл",
-              "description": "Перетащите сюда свой файл, чтобы добавить его в качестве источника."
-            }
-        },
-        "createAPIKey": {
-            "label": "Создать новый ключ API",
-            "apiKeyName": "Имя ключа API",
-            "chunks": "Обработано фрагментов на запрос",
-            "prompt": "Выбрать активный запрос",
-            "sourceDoc": "Исходный документ",
-            "create": "Создать"
-        },
-        "saveKey": {
-            "note": "Пожалуйста, сохраните свой ключ",
-            "disclaimer": "Это единственный раз, когда будет показан ваш ключ.",
-            "copy": "Копировать",
-            "copied": "Скопировано",
-            "confirm": "Я сохранил ключ"
-        },
-        "deleteConv": {
-            "confirm": "Вы уверены, что хотите удалить все разговоры?",
-            "delete": "Удалить"
-        },
-        "shareConv": {
-            "label": "Создать публичную страницу для общего доступа",
-            "note": "Исходный документ, личная информация и дальнейший разговор останутся конфиденциальными",
-            "create": "Создать",
-            "option": "Разрешить пользователям запрашивать дальнейшие действия"
-        }
+    {
+      "header": "Обобщить документацию",
+      "query": "Обобщить текущий контекст"
     },
-    "sharedConv": {
-        "subtitle": "Создано с помощью",
-        "button": "Начать работу с DocsGPT",
-        "meta": "DocsGPT использует GenAI, пожалуйста, проверьте важную информацию с помощью источников."
+    {
+      "header": "Написать код",
+      "query": "Написать код для запроса API к /api/answer"
     },
-    "convTile": {
-        "share": "Поделиться",
-        "delete": "Удалить",
-        "rename": "Переименовать",
-        "deleteWarning": "Вы уверены, что хотите удалить этот разговор?"
+    {
+      "header": "Помощь в обучении",
+      "query": "Написать потенциальные вопросы для контекста"
     }
-} 
\ No newline at end of file
+  ],
+  "settings": {
+    "label": "Настройки",
+    "general": {
+      "label": "Общие",
+      "selectTheme": "Выбрать тему",
+      "light": "Светлая",
+      "dark": "Темная",
+      "selectLanguage": "Выбрать язык",
+      "chunks": "Обработанные фрагменты на запрос",
+      "prompt": "Активная подсказка",
+      "deleteAllLabel": "Удалить все беседы",
+      "deleteAllBtn": "Удалить все",
+      "addNew": "Добавить новый",
+      "convHistory": "История разговоров",
+      "none": "Нет",
+      "low": "Низкий",
+      "medium": "Средний",
+      "high": "Высокий",
+      "unlimited": "Без ограничений",
+      "default": "по умолчанию"
+    },
+    "documents": {
+      "label": "Документы",
+      "name": "Название документа",
+      "date": "Дата вектора",
+      "type": "Тип",
+      "tokenUsage": "Использование токена",
+      "noData": "Нет существующих документов"
+    },
+    "apiKeys": {
+      "label": "Чат-боты",
+      "name": "Название",
+      "key": "Ключ API",
+      "sourceDoc": "Исходный документ",
+      "createNew": "Создать новый",
+      "noData": "Нет существующих чат-ботов"
+    },
+    "analytics": {
+      "label": "Аналитика",
+      "filterByChatbot": "Фильтровать по чат-боту",
+      "selectChatbot": "Выбрать чат-бота",
+      "filterOptions": {
+        "hour": "Час",
+        "last24Hours": "24 часа",
+        "last7Days": "7 дней",
+        "last15Days": "15 дней",
+        "last30Days": "30 дней"
+      },
+      "messages": "Сообщения",
+      "tokenUsage": "Использование токенов",
+      "feedback": "Обратная связь",
+      "filterPlaceholder": "Фильтр",
+      "none": "Нет"
+    },
+    "logs": {
+      "label": "Журналы",
+      "filterByChatbot": "Фильтровать по чат-боту",
+      "selectChatbot": "Выбрать чат-бота",
+      "none": "Нет",
+      "tableHeader": "Сгенерированные API / разговоры с чат-ботом"
+    },
+    "tools": {
+      "label": "Инструменты"
+    }
+  },
+  "modals": {
+    "uploadDoc": {
+      "label": "Загрузить новую документацию",
+      "select": "Выберите способ загрузки документа в DocsGPT",
+      "file": "Загрузить с устройства",
+      "back": "Назад",
+      "wait": "Пожалуйста, подождите ...",
+      "remote": "Собрать с веб-сайта",
+      "start": "Начать чат",
+      "name": "Имя",
+      "choose": "Выбрать файлы",
+      "info": "Загрузите .pdf, .txt, .rst, .csv, .xlsx, .docx, .md, .html, .epub, .json, .pptx, .zip с ограничением до 25 МБ",
+      "uploadedFiles": "Загруженные файлы",
+      "cancel": "Отмена",
+      "train": "Обучение",
+      "link": "Ссылка",
+      "urlLink": "URL-ссылка",
+      "repoUrl": "URL-адрес репозитория",
+      "reddit": {
+        "id": "ID клиента",
+        "secret": "Секрет клиента",
+        "agent": "Агент пользователя",
+        "searchQueries": "Поисковые запросы",
+        "numberOfPosts": "Количество постов"
+      },
+      "drag": {
+        "title": "Загрузить исходный файл",
+        "description": "Перетащите файл сюда, чтобы добавить его как источник"
+      }
+    },
+    "createAPIKey": {
+      "label": "Создать новый ключ API",
+      "apiKeyName": "Название ключа API",
+      "chunks": "Обработанные фрагменты на запрос",
+      "prompt": "Выбрать активный запрос",
+      "sourceDoc": "Исходный документ",
+      "create": "Создать"
+    },
+    "saveKey": {
+      "note": "Пожалуйста, сохраните свой ключ",
+      "disclaimer": "Это единственный раз, когда будет показан ваш ключ",
+      "copy": "Копировать",
+      "copied": "Скопировано",
+      "confirm": "Я сохранил ключ"
+    },
+    "deleteConv": {
+      "confirm": "Вы уверены, что хотите удалить все разговоры?",
+      "delete": "Удалить"
+    },
+    "shareConv": {
+      "label": "Создать публичную страницу для общего доступа",
+      "note": "Исходный документ, личная информация и дальнейший разговор останутся конфиденциальными",
+      "create": "Создать",
+      "option": "Разрешить пользователям делать дополнительные запросы"
+    }
+  },
+  "sharedConv": {
+    "subtitle": "Создано с помощью",
+    "button": "Начать работу с DocsGPT",
+    "meta": "DocsGPT использует GenAI, пожалуйста, проверяйте важную информацию, используя источники"
+  },
+  "convTile": {
+    "share": "Поделиться",
+    "delete": "Удалить",
+    "rename": "Переименовать",
+    "deleteWarning": "Вы уверены, что хотите удалить этот разговор?"
+  }
+}
diff --git a/frontend/src/locale/zh-TW.json b/frontend/src/locale/zh-TW.json
index d5f633d2..5e97d883 100644
--- a/frontend/src/locale/zh-TW.json
+++ b/frontend/src/locale/zh-TW.json
@@ -10,8 +10,8 @@
   "sourceDocs": "原始文件",
   "none": "無",
   "cancel": "取消",
-  "help": "聯繫支援",
-  "emailUs": "寄送電子郵件給我們",
+  "help": "幫助",
+  "emailUs": "給我們發電郵",
   "documentation": "文件",
   "demo": [
     {
@@ -67,10 +67,31 @@
       "createNew": "新增"
     },
     "analytics": {
-      "label": "分析"
+      "label": "分析",
+      "filterByChatbot": "按聊天機器人篩選",
+      "selectChatbot": "選擇聊天機器人",
+      "filterOptions": {
+        "hour": "小時",
+        "last24Hours": "24 小時",
+        "last7Days": "7 天",
+        "last15Days": "15 天",
+        "last30Days": "30 天"
+      },
+      "messages": "訊息",
+      "tokenUsage": "Token 使用量",
+      "feedback": "回饋",
+      "filterPlaceholder": "篩選",
+      "none": "無"
     },
     "logs": {
-      "label": "日誌"
+      "label": "日誌",
+      "filterByChatbot": "按聊天機器人篩選",
+      "selectChatbot": "選擇聊天機器人",
+      "none": "無",
+      "tableHeader": "API 生成 / 聊天機器人會話"
+    },
+    "tools": {
+      "label": "工具"
     }
   },
   "modals": {
diff --git a/frontend/src/locale/zh.json b/frontend/src/locale/zh.json
index 1a0d1f94..afa15f7b 100644
--- a/frontend/src/locale/zh.json
+++ b/frontend/src/locale/zh.json
@@ -10,7 +10,7 @@
   "sourceDocs": "源",
   "none": "无",
   "cancel": "取消",
-  "help": "联系支持",
+  "help": "帮助",
   "emailUs": "给我们发邮件",
   "documentation": "文档",
   "demo": [
@@ -69,10 +69,31 @@
       "noData": "没有现有的聊天机器人"
     },
     "analytics": {
-      "label": "分析"
+      "label": "分析",
+      "filterByChatbot": "按聊天机器人筛选",
+      "selectChatbot": "选择聊天机器人",
+      "filterOptions": {
+        "hour": "小时",
+        "last24Hours": "24 小时",
+        "last7Days": "7 天",
+        "last15Days": "15 天",
+        "last30Days": "30 天"
+      },
+      "messages": "消息",
+      "tokenUsage": "令牌使用",
+      "feedback": "反馈",
+      "filterPlaceholder": "筛选",
+      "none": "无"
     },
     "logs": {
-      "label": "日志"
+      "label": "日志",
+      "filterByChatbot": "按聊天机器人筛选",
+      "selectChatbot": "选择聊天机器人",
+      "none": "无",
+      "tableHeader": "API 生成 / 聊天机器人会话"
+    },
+    "tools": {
+      "label": "工具"
     }
   },
   "modals": {
diff --git a/frontend/src/settings/Documents.tsx b/frontend/src/settings/Documents.tsx
index 8e68f226..52a63351 100644
--- a/frontend/src/settings/Documents.tsx
+++ b/frontend/src/settings/Documents.tsx
@@ -181,7 +181,7 @@ const Documents: React.FC<DocumentsProps> = ({
           {loading ? (
             <SkeletonLoader count={1} />
           ) : (
-           <div className="flex flex-col">
+            <div className="flex flex-col">
               <div className="flex-grow">
                 <div className="dark:border-silver/40 border-silver rounded-md border overflow-auto">
                   <table className="min-w-full divide-y divide-silver dark:divide-silver/40 text-xs sm:text-sm ">

From cc78ea7222cc6325508df6fce00e4b2b652bd1d2 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Thu, 16 Jan 2025 18:24:27 +0530
Subject: [PATCH 3/6] (fix:locales) sync static text

---
 .../src/components/DocumentPagination.tsx     |  16 ++-
 frontend/src/locale/en.json                   |  37 +++++-
 frontend/src/locale/es.json                   |  20 ++-
 frontend/src/locale/jp.json                   |  53 ++++++--
 frontend/src/locale/ru.json                   |  96 +++++++++-----
 frontend/src/locale/zh-TW.json                |  55 ++++++--
 frontend/src/locale/zh.json                   |  37 +++++-
 frontend/src/modals/ConfigToolModal.tsx       |  15 ++-
 .../src/modals/ShareConversationModal.tsx     |  16 ++-
 frontend/src/preferences/PromptsModal.tsx     |  39 +++---
 frontend/src/settings/Analytics.tsx           |  15 ++-
 frontend/src/settings/General.tsx             |  17 ++-
 frontend/src/settings/Tools.tsx               |  12 +-
 frontend/src/upload/Upload.tsx                | 118 ++++++++----------
 14 files changed, 383 insertions(+), 163 deletions(-)

diff --git a/frontend/src/components/DocumentPagination.tsx b/frontend/src/components/DocumentPagination.tsx
index f02ef1c0..6958d051 100644
--- a/frontend/src/components/DocumentPagination.tsx
+++ b/frontend/src/components/DocumentPagination.tsx
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import SingleArrowLeft from '../assets/single-left-arrow.svg';
 import SingleArrowRight from '../assets/single-right-arrow.svg';
 import DoubleArrowLeft from '../assets/double-arrow-left.svg';
@@ -19,6 +20,7 @@ const Pagination: React.FC<PaginationProps> = ({
   onPageChange,
   onRowsPerPageChange,
 }) => {
+  const { t } = useTranslation();
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const rowsPerPageOptions = [5, 10, 20, 50];
 
@@ -53,7 +55,9 @@ const Pagination: React.FC<PaginationProps> = ({
     <div className="flex items-center text-xs justify-end gap-4 mt-2 p-2 border-gray-200">
       {/* Rows per page dropdown */}
       <div className="flex items-center gap-2 relative">
-        <span className="text-gray-900 dark:text-gray-50">Rows per page:</span>
+        <span className="text-gray-900 dark:text-gray-50">
+          {t('pagination.rowsPerPage')}:
+        </span>
         <div className="relative">
           <button
             onClick={toggleDropdown}
@@ -87,7 +91,7 @@ const Pagination: React.FC<PaginationProps> = ({
 
       {/* Pagination controls */}
       <div className="text-gray-900 dark:text-gray-50">
-        Page {currentPage} of {totalPages}
+        {t('pagination.pageOf', { currentPage, totalPages })}
       </div>
       <div className="flex items-center gap-2 text-gray-900 dark:text-gray-50">
         <button
@@ -97,7 +101,7 @@ const Pagination: React.FC<PaginationProps> = ({
         >
           <img
             src={DoubleArrowLeft}
-            alt="First page"
+            alt={t('pagination.firstPage')}
             className="dark:invert dark:sepia dark:brightness-200"
           />
         </button>
@@ -108,7 +112,7 @@ const Pagination: React.FC<PaginationProps> = ({
         >
           <img
             src={SingleArrowLeft}
-            alt="Previous page"
+            alt={t('pagination.previousPage')}
             className="dark:invert dark:sepia dark:brightness-200"
           />
         </button>
@@ -119,7 +123,7 @@ const Pagination: React.FC<PaginationProps> = ({
         >
           <img
             src={SingleArrowRight}
-            alt="Next page"
+            alt={t('pagination.nextPage')}
             className="dark:invert dark:sepia dark:brightness-200"
           />
         </button>
@@ -130,7 +134,7 @@ const Pagination: React.FC<PaginationProps> = ({
         >
           <img
             src={DoubleArrowRight}
-            alt="Last page"
+            alt={t('pagination.lastPage')}
             className="dark:invert dark:sepia dark:brightness-200"
           />
         </button>
diff --git a/frontend/src/locale/en.json b/frontend/src/locale/en.json
index 7be4b568..2f21445b 100644
--- a/frontend/src/locale/en.json
+++ b/frontend/src/locale/en.json
@@ -83,7 +83,9 @@
       "tokenUsage": "Token Usage",
       "feedback": "Feedback",
       "filterPlaceholder": "Filter",
-      "none": "None"
+      "none": "None",
+      "positiveFeedback": "Positive Feedback",
+      "negativeFeedback": "Negative Feedback"
     },
     "logs": {
       "label": "Logs",
@@ -93,7 +95,12 @@
       "tableHeader": "API generated / chatbot conversations"
     },
     "tools": {
-      "label": "Tools"
+      "label": "Tools",
+      "searchPlaceholder": "Search...",
+      "addTool": "Add Tool",
+      "noToolsAlt": "No tools found",
+      "noToolsFound": "No tools found",
+      "selectToolSetup": "Select a tool to set up"
     }
   },
   "modals": {
@@ -150,6 +157,24 @@
       "note": "Source document, personal information and further conversation will remain private",
       "create": "Create",
       "option": "Allow users to prompt further"
+    },
+    "configTool": {
+      "title": "Tool Config",
+      "type": "Type",
+      "apiKeyLabel": "API Key / OAuth",
+      "apiKeyPlaceholder": "Enter API Key / OAuth",
+      "addButton": "Add Tool",
+      "closeButton": "Close"
+    },
+    "prompts": {
+      "addPrompt": "Add Prompt",
+      "addDescription": "Add your custom prompt and save it to DocsGPT",
+      "editPrompt": "Edit Prompt",
+      "editDescription": "Edit your custom prompt and save it to DocsGPT",
+      "promptName": "Prompt Name",
+      "promptText": "Prompt Text",
+      "save": "Save",
+      "nameExists": "Name already exists"
     }
   },
   "sharedConv": {
@@ -162,5 +187,13 @@
     "delete": "Delete",
     "rename": "Rename",
     "deleteWarning": "Are you sure you want to delete this conversation?"
+  },
+  "pagination": {
+    "rowsPerPage": "Rows per page",
+    "pageOf": "Page {{currentPage}} of {{totalPages}}",
+    "firstPage": "First page",
+    "previousPage": "Previous page",
+    "nextPage": "Next page",
+    "lastPage": "Last page"
   }
 }
diff --git a/frontend/src/locale/es.json b/frontend/src/locale/es.json
index d2c087db..8d0a3273 100644
--- a/frontend/src/locale/es.json
+++ b/frontend/src/locale/es.json
@@ -83,7 +83,9 @@
       "tokenUsage": "Uso de Tokens",
       "feedback": "Retroalimentación",
       "filterPlaceholder": "Filtrar",
-      "none": "Ninguno"
+      "none": "Ninguno",
+      "positiveFeedback": "Retroalimentación Positiva",
+      "negativeFeedback": "Retroalimentación Negativa"
     },
     "logs": {
       "label": "Registros",
@@ -150,6 +152,14 @@
       "note": "El documento original, la información personal y las conversaciones posteriores permanecerán privadas",
       "create": "Crear",
       "option": "Permitir a los usuarios realizar más consultas"
+    },
+    "configTool": {
+      "title": "Configuración de la Herramienta",
+      "type": "Tipo",
+      "apiKeyLabel": "Clave API / OAuth",
+      "apiKeyPlaceholder": "Ingrese la Clave API / OAuth",
+      "addButton": "Agregar Herramienta",
+      "closeButton": "Cerrar"
     }
   },
   "sharedConv": {
@@ -162,5 +172,13 @@
     "delete": "Eliminar",
     "rename": "Renombrar",
     "deleteWarning": "¿Está seguro de que desea eliminar esta conversación?"
+  },
+  "pagination": {
+    "rowsPerPage": "Filas por página",
+    "pageOf": "Página {{currentPage}} de {{totalPages}}",
+    "firstPage": "Primera página",
+    "previousPage": "Página anterior",
+    "nextPage": "Página siguiente",
+    "lastPage": "Última página"
   }
 }
diff --git a/frontend/src/locale/jp.json b/frontend/src/locale/jp.json
index 71aa1e15..e1e27503 100644
--- a/frontend/src/locale/jp.json
+++ b/frontend/src/locale/jp.json
@@ -58,15 +58,15 @@
       "date": "ベクトル日付",
       "type": "タイプ",
       "tokenUsage": "トークン使用量",
-      "noData": "既存のドキュメントはありません"
+      "noData": "既存のドキュメントがありません"
     },
     "apiKeys": {
-      "label": "チャットボット",
+      "label": "APIキー",
       "name": "名前",
       "key": "APIキー",
       "sourceDoc": "ソースドキュメント",
       "createNew": "新規作成",
-      "noData": "既存のチャットボットはありません"
+      "noData": "既存のAPIキーがありません"
     },
     "analytics": {
       "label": "分析",
@@ -74,26 +74,33 @@
       "selectChatbot": "チャットボットを選択",
       "filterOptions": {
         "hour": "時間",
-        "last24Hours": "24時間",
-        "last7Days": "7日間",
-        "last15Days": "15日間",
-        "last30Days": "30日間"
+        "last24Hours": "過去24時間",
+        "last7Days": "過去7日間",
+        "last15Days": "過去15日間",
+        "last30Days": "過去30日間"
       },
       "messages": "メッセージ",
       "tokenUsage": "トークン使用量",
       "feedback": "フィードバック",
       "filterPlaceholder": "フィルター",
-      "none": "なし"
+      "none": "なし",
+      "positiveFeedback": "肯定的なフィードバック",
+      "negativeFeedback": "否定的なフィードバック"
     },
     "logs": {
       "label": "ログ",
       "filterByChatbot": "チャットボットでフィルター",
       "selectChatbot": "チャットボットを選択",
       "none": "なし",
-      "tableHeader": "API生成/チャットボットの会話"
+      "tableHeader": "API生成 / チャットボットの会話"
     },
     "tools": {
-      "label": "ツール"
+      "label": "ツール",
+      "searchPlaceholder": "検索...",
+      "addTool": "ツールを追加",
+      "noToolsAlt": "ツールが見つかりません",
+      "noToolsFound": "ツールが見つかりません",
+      "selectToolSetup": "設定するツールを選択してください"
     }
   },
   "modals": {
@@ -150,6 +157,24 @@
       "note": "ソースドキュメント、個人情報、および以降の会話は非公開のままになります",
       "create": "作成",
       "option": "ユーザーがより多くのクエリを実行できるようにします。"
+    },
+    "configTool": {
+      "title": "ツール設定",
+      "type": "タイプ",
+      "apiKeyLabel": "APIキー / OAuth",
+      "apiKeyPlaceholder": "APIキー / OAuthを入力してください",
+      "addButton": "ツールを追加",
+      "closeButton": "閉じる"
+    },
+    "prompts": {
+      "addPrompt": "プロンプトを追加",
+      "addDescription": "カスタムプロンプトを追加してDocsGPTに保存",
+      "editPrompt": "プロンプトを編集",
+      "editDescription": "カスタムプロンプトを編集してDocsGPTに保存",
+      "promptName": "プロンプト名",
+      "promptText": "プロンプトテキスト",
+      "save": "保存",
+      "nameExists": "名前が既に存在します"
     }
   },
   "sharedConv": {
@@ -162,5 +187,13 @@
     "delete": "削除",
     "rename": "名前変更",
     "deleteWarning": "この会話を削除してもよろしいですか？"
+  },
+  "pagination": {
+    "rowsPerPage": "1ページあたりの行数",
+    "pageOf": "ページ {{currentPage}} / {{totalPages}}",
+    "firstPage": "最初のページ",
+    "previousPage": "前のページ",
+    "nextPage": "次のページ",
+    "lastPage": "最後のページ"
   }
 }
diff --git a/frontend/src/locale/ru.json b/frontend/src/locale/ru.json
index c5e3deb8..f2eb2e87 100644
--- a/frontend/src/locale/ru.json
+++ b/frontend/src/locale/ru.json
@@ -10,6 +10,9 @@
   "sourceDocs": "Источник",
   "none": "Нет",
   "cancel": "Отмена",
+  "help": "Помощь",
+  "emailUs": "Напишите нам",
+  "documentation": "Документация",
   "demo": [
     {
       "header": "Узнайте о DocsGPT",
@@ -34,7 +37,7 @@
       "label": "Общие",
       "selectTheme": "Выбрать тему",
       "light": "Светлая",
-      "dark": "Темная",
+      "dark": "Тёмная",
       "selectLanguage": "Выбрать язык",
       "chunks": "Обработанные фрагменты на запрос",
       "prompt": "Активная подсказка",
@@ -47,7 +50,7 @@
       "medium": "Средний",
       "high": "Высокий",
       "unlimited": "Без ограничений",
-      "default": "по умолчанию"
+      "default": "По умолчанию"
     },
     "documents": {
       "label": "Документы",
@@ -58,12 +61,12 @@
       "noData": "Нет существующих документов"
     },
     "apiKeys": {
-      "label": "Чат-боты",
+      "label": "API ключи",
       "name": "Название",
-      "key": "Ключ API",
-      "sourceDoc": "Исходный документ",
+      "key": "API ключ",
+      "sourceDoc": "Источник документа",
       "createNew": "Создать новый",
-      "noData": "Нет существующих чат-ботов"
+      "noData": "Нет существующих API ключей"
     },
     "analytics": {
       "label": "Аналитика",
@@ -71,52 +74,59 @@
       "selectChatbot": "Выбрать чат-бота",
       "filterOptions": {
         "hour": "Час",
-        "last24Hours": "24 часа",
-        "last7Days": "7 дней",
-        "last15Days": "15 дней",
-        "last30Days": "30 дней"
+        "last24Hours": "Последние 24 часа",
+        "last7Days": "Последние 7 дней",
+        "last15Days": "Последние 15 дней",
+        "last30Days": "Последние 30 дней"
       },
       "messages": "Сообщения",
-      "tokenUsage": "Использование токенов",
+      "tokenUsage": "Использование токена",
       "feedback": "Обратная связь",
       "filterPlaceholder": "Фильтр",
-      "none": "Нет"
+      "none": "Нет",
+      "positiveFeedback": "Положительная обратная связь",
+      "negativeFeedback": "Отрицательная обратная связь"
     },
     "logs": {
       "label": "Журналы",
       "filterByChatbot": "Фильтровать по чат-боту",
       "selectChatbot": "Выбрать чат-бота",
       "none": "Нет",
-      "tableHeader": "Сгенерированные API / разговоры с чат-ботом"
+      "tableHeader": "API сгенерировано / разговоры с чат-ботом"
     },
     "tools": {
-      "label": "Инструменты"
+      "label": "Инструменты",
+      "searchPlaceholder": "Поиск...",
+      "addTool": "Добавить инструмент",
+      "noToolsAlt": "Инструменты не найдены",
+      "noToolsFound": "Инструменты не найдены",
+      "selectToolSetup": "Выберите инструмент для настройки"
     }
   },
   "modals": {
     "uploadDoc": {
-      "label": "Загрузить новую документацию",
+      "label": "Загрузить новый документ",
       "select": "Выберите способ загрузки документа в DocsGPT",
       "file": "Загрузить с устройства",
       "back": "Назад",
-      "wait": "Пожалуйста, подождите ...",
+      "wait": "Пожалуйста, подождите...",
       "remote": "Собрать с веб-сайта",
       "start": "Начать чат",
       "name": "Имя",
       "choose": "Выбрать файлы",
-      "info": "Загрузите .pdf, .txt, .rst, .csv, .xlsx, .docx, .md, .html, .epub, .json, .pptx, .zip с ограничением до 25 МБ",
+      "info": "Пожалуйста, загрузите файлы .pdf, .txt, .rst, .csv, .xlsx, .docx, .md, .html, .epub, .json, .pptx, .zip размером до 25 МБ",
       "uploadedFiles": "Загруженные файлы",
       "cancel": "Отмена",
       "train": "Обучение",
       "link": "Ссылка",
       "urlLink": "URL-ссылка",
-      "repoUrl": "URL-адрес репозитория",
+      "repoUrl": "URL репозитория",
       "reddit": {
         "id": "ID клиента",
         "secret": "Секрет клиента",
-        "agent": "Агент пользователя",
+        "agent": "Пользовательский агент",
         "searchQueries": "Поисковые запросы",
-        "numberOfPosts": "Количество постов"
+        "numberOfPosts": "Количество сообщений"
       },
       "drag": {
         "title": "Загрузить исходный файл",
@@ -124,16 +134,16 @@
       }
     },
     "createAPIKey": {
-      "label": "Создать новый ключ API",
-      "apiKeyName": "Название ключа API",
+      "label": "Создать новый API ключ",
+      "apiKeyName": "Название API ключа",
       "chunks": "Обработанные фрагменты на запрос",
-      "prompt": "Выбрать активный запрос",
-      "sourceDoc": "Исходный документ",
+      "prompt": "Выбрать активную подсказку",
+      "sourceDoc": "Источник документа",
       "create": "Создать"
     },
     "saveKey": {
-      "note": "Пожалуйста, сохраните свой ключ",
-      "disclaimer": "Это единственный раз, когда будет показан ваш ключ",
+      "note": "Пожалуйста, сохраните ваш ключ",
+      "disclaimer": "Ваш ключ будет показан только один раз.",
       "copy": "Копировать",
       "copied": "Скопировано",
       "confirm": "Я сохранил ключ"
@@ -143,21 +153,47 @@
       "delete": "Удалить"
     },
     "shareConv": {
-      "label": "Создать публичную страницу для общего доступа",
-      "note": "Исходный документ, личная информация и дальнейший разговор останутся конфиденциальными",
+      "label": "Создать публичную страницу для совместного использования",
+      "note": "Исходный документ, личная информация и последующие разговоры останутся приватными",
       "create": "Создать",
-      "option": "Разрешить пользователям делать дополнительные запросы"
+      "option": "Позволить пользователям делать дополнительные запросы."
+    },
+    "configTool": {
+      "title": "Настройка инструмента",
+      "type": "Тип",
+      "apiKeyLabel": "API ключ / OAuth",
+      "apiKeyPlaceholder": "Введите API ключ / OAuth",
+      "addButton": "Добавить инструмент",
+      "closeButton": "Закрыть"
+    },
+    "prompts": {
+      "addPrompt": "Добавить подсказку",
+      "addDescription": "Добавить вашу пользовательскую подсказку и сохранить её в DocsGPT",
+      "editPrompt": "Редактировать подсказку",
+      "editDescription": "Редактировать вашу пользовательскую подсказку и сохранить её в DocsGPT",
+      "promptName": "Название подсказки",
+      "promptText": "Текст подсказки",
+      "save": "Сохранить",
+      "nameExists": "Название уже существует"
     }
   },
   "sharedConv": {
     "subtitle": "Создано с помощью",
     "button": "Начать работу с DocsGPT",
-    "meta": "DocsGPT использует GenAI, пожалуйста, проверяйте важную информацию, используя источники"
+    "meta": "DocsGPT использует GenAI, пожалуйста, проверьте важную информацию, используя источники."
   },
   "convTile": {
     "share": "Поделиться",
     "delete": "Удалить",
     "rename": "Переименовать",
     "deleteWarning": "Вы уверены, что хотите удалить этот разговор?"
+  },
+  "pagination": {
+    "rowsPerPage": "Строк на странице",
+    "pageOf": "Страница {{currentPage}} из {{totalPages}}",
+    "firstPage": "Первая страница",
+    "previousPage": "Предыдущая страница",
+    "nextPage": "Следующая страница",
+    "lastPage": "Последняя страница"
   }
 }
diff --git a/frontend/src/locale/zh-TW.json b/frontend/src/locale/zh-TW.json
index 5e97d883..a2bba823 100644
--- a/frontend/src/locale/zh-TW.json
+++ b/frontend/src/locale/zh-TW.json
@@ -57,14 +57,16 @@
       "name": "文件名稱",
       "date": "向量日期",
       "type": "類型",
-      "tokenUsage": "Token 使用量"
+      "tokenUsage": "Token 使用量",
+      "noData": "沒有現有的文件"
     },
     "apiKeys": {
-      "label": "API 金鑰",
+      "label": "聊天機器人",
       "name": "名稱",
       "key": "API 金鑰",
       "sourceDoc": "來源文件",
-      "createNew": "新增"
+      "createNew": "新增",
+      "noData": "沒有現有的聊天機器人"
     },
     "analytics": {
       "label": "分析",
@@ -81,7 +83,9 @@
       "tokenUsage": "Token 使用量",
       "feedback": "回饋",
       "filterPlaceholder": "篩選",
-      "none": "無"
+      "none": "無",
+      "positiveFeedback": "正向回饋",
+      "negativeFeedback": "負向回饋"
     },
     "logs": {
       "label": "日誌",
@@ -91,22 +95,32 @@
       "tableHeader": "API 生成 / 聊天機器人會話"
     },
     "tools": {
-      "label": "工具"
+      "label": "工具",
+      "searchPlaceholder": "搜尋...",
+      "addTool": "新增工具",
+      "noToolsAlt": "找不到工具",
+      "noToolsFound": "找不到工具",
+      "selectToolSetup": "選擇要設定的工具"
     }
   },
   "modals": {
     "uploadDoc": {
       "label": "上傳新文件",
+      "select": "選擇如何將文件上傳到 DocsGPT",
       "file": "從檔案",
       "remote": "遠端",
+      "back": "返回",
+      "wait": "請稍候...",
+      "start": "開始對話",
       "name": "名稱",
       "choose": "選擇檔案",
-      "info": "請上傳 .pdf, .txt, .rst, .docx, .md, .json, .pptx, .zip 檔案，大小限制為 25MB",
+      "info": "請上傳 .pdf, .txt, .rst, .csv, .xlsx, .docx, .md, .html, .epub, .json, .pptx, .zip 檔案，大小限制為 25MB",
       "uploadedFiles": "已上傳的檔案",
       "cancel": "取消",
       "train": "訓練",
       "link": "連結",
       "urlLink": "URL 連結",
+      "repoUrl": "儲存庫 URL",
       "reddit": {
         "id": "用戶端 ID",
         "secret": "用戶端金鑰",
@@ -141,7 +155,26 @@
     "shareConv": {
       "label": "建立公開頁面以分享",
       "note": "來源文件、個人資訊和後續對話將保持私密",
-      "create": "建立"
+      "create": "建立",
+      "option": "允許使用者進行更多查詢"
+    },
+    "configTool": {
+      "title": "工具設定",
+      "type": "類型",
+      "apiKeyLabel": "API 金鑰 / OAuth",
+      "apiKeyPlaceholder": "輸入 API 金鑰 / OAuth",
+      "addButton": "新增工具",
+      "closeButton": "關閉"
+    },
+    "prompts": {
+      "addPrompt": "新增提示",
+      "addDescription": "新增自定義提示並儲存到 DocsGPT",
+      "editPrompt": "編輯提示",
+      "editDescription": "編輯自定義提示並儲存到 DocsGPT",
+      "promptName": "提示名稱",
+      "promptText": "提示文字",
+      "save": "儲存",
+      "nameExists": "名稱已存在"
     }
   },
   "sharedConv": {
@@ -154,5 +187,13 @@
     "delete": "刪除",
     "rename": "重新命名",
     "deleteWarning": "您確定要刪除這個對話嗎？"
+  },
+  "pagination": {
+    "rowsPerPage": "每頁行數",
+    "pageOf": "第 {{currentPage}} 頁，共 {{totalPages}} 頁",
+    "firstPage": "第一頁",
+    "previousPage": "上一頁",
+    "nextPage": "下一頁",
+    "lastPage": "最後一頁"
   }
 }
diff --git a/frontend/src/locale/zh.json b/frontend/src/locale/zh.json
index afa15f7b..0ca94fe2 100644
--- a/frontend/src/locale/zh.json
+++ b/frontend/src/locale/zh.json
@@ -83,7 +83,9 @@
       "tokenUsage": "令牌使用",
       "feedback": "反馈",
       "filterPlaceholder": "筛选",
-      "none": "无"
+      "none": "无",
+      "positiveFeedback": "正向反馈",
+      "negativeFeedback": "负向反馈"
     },
     "logs": {
       "label": "日志",
@@ -93,7 +95,12 @@
       "tableHeader": "API 生成 / 聊天机器人会话"
     },
     "tools": {
-      "label": "工具"
+      "label": "工具",
+      "searchPlaceholder": "搜索...",
+      "addTool": "添加工具",
+      "noToolsAlt": "未找到工具",
+      "noToolsFound": "未找到工具",
+      "selectToolSetup": "选择要设置的工具"
     }
   },
   "modals": {
@@ -150,6 +157,24 @@
       "note": "源文档、个人信息和后续对话将保持私密",
       "create": "创建",
       "option": "允许用户进行更多查询。"
+    },
+    "configTool": {
+      "title": "工具配置",
+      "type": "类型",
+      "apiKeyLabel": "API 密钥 / OAuth",
+      "apiKeyPlaceholder": "输入 API 密钥 / OAuth",
+      "addButton": "添加工具",
+      "closeButton": "关闭"
+    },
+    "prompts": {
+      "addPrompt": "添加提示",
+      "addDescription": "添加自定义提示并保存到 DocsGPT",
+      "editPrompt": "编辑提示",
+      "editDescription": "编辑自定义提示并保存到 DocsGPT",
+      "promptName": "提示名称",
+      "promptText": "提示文本",
+      "save": "保存",
+      "nameExists": "名称已存在"
     }
   },
   "sharedConv": {
@@ -162,5 +187,13 @@
     "delete": "删除",
     "rename": "重命名",
     "deleteWarning": "您确定要删除此对话吗？"
+  },
+  "pagination": {
+    "rowsPerPage": "每页行数",
+    "pageOf": "第 {{currentPage}} 页，共 {{totalPages}} 页",
+    "firstPage": "第一页",
+    "previousPage": "上一页",
+    "nextPage": "下一页",
+    "lastPage": "最后一页"
   }
 }
diff --git a/frontend/src/modals/ConfigToolModal.tsx b/frontend/src/modals/ConfigToolModal.tsx
index 96bb15be..4a8ca881 100644
--- a/frontend/src/modals/ConfigToolModal.tsx
+++ b/frontend/src/modals/ConfigToolModal.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 import Exit from '../assets/exit.svg';
 import Input from '../components/Input';
@@ -17,6 +18,7 @@ export default function ConfigToolModal({
   tool: AvailableTool | null;
   getUserTools: () => void;
 }) {
+  const { t } = useTranslation();
   const [authKey, setAuthKey] = React.useState<string>('');
 
   const handleAddTool = (tool: AvailableTool) => {
@@ -52,21 +54,22 @@ export default function ConfigToolModal({
           </button>
           <div className="p-6">
             <h2 className="font-semibold text-xl text-jet dark:text-bright-gray px-3">
-              Tool Config
+              {t('modals.configTool.title')}
             </h2>
             <p className="mt-5 text-sm text-gray-600 dark:text-gray-400 px-3">
-              Type: <span className="font-semibold">{tool?.name} </span>
+              {t('modals.configTool.type')}:{' '}
+              <span className="font-semibold">{tool?.name} </span>
             </p>
             <div className="mt-6 relative px-3">
               <span className="absolute left-5 -top-2 bg-white px-2 text-xs text-gray-4000 dark:bg-[#26272E] dark:text-silver">
-                API Key / Oauth
+                {t('modals.configTool.apiKeyLabel')}
               </span>
               <Input
                 type="text"
                 value={authKey}
                 onChange={(e) => setAuthKey(e.target.value)}
                 borderVariant="thin"
-                placeholder="Enter API Key / Oauth"
+                placeholder={t('modals.configTool.apiKeyPlaceholder')}
               ></Input>
             </div>
             <div className="mt-8 flex flex-row-reverse gap-1 px-3">
@@ -76,7 +79,7 @@ export default function ConfigToolModal({
                 }}
                 className="rounded-3xl bg-purple-30 px-5 py-2 text-sm text-white transition-all hover:bg-[#6F3FD1]"
               >
-                Add Tool
+                {t('modals.configTool.addButton')}
               </button>
               <button
                 onClick={() => {
@@ -84,7 +87,7 @@ export default function ConfigToolModal({
                 }}
                 className="cursor-pointer rounded-3xl px-5 py-2 text-sm font-medium hover:bg-gray-100 dark:bg-transparent dark:text-light-gray dark:hover:bg-[#767183]/50"
               >
-                Close
+                {t('modals.configTool.closeButton')}
               </button>
             </div>
           </div>
diff --git a/frontend/src/modals/ShareConversationModal.tsx b/frontend/src/modals/ShareConversationModal.tsx
index 3f87839e..44156761 100644
--- a/frontend/src/modals/ShareConversationModal.tsx
+++ b/frontend/src/modals/ShareConversationModal.tsx
@@ -101,11 +101,17 @@ export const ShareConversationModal = ({
   return (
     <WrapperModal close={close}>
       <div className="flex flex-col gap-2">
-        <h2 className="text-xl font-medium">{t('modals.shareConv.label')}</h2>
-        <p className="text-sm">{t('modals.shareConv.note')}</p>
+        <h2 className="text-xl font-medium text-eerie-black dark:text-white">
+          {t('modals.shareConv.label')}
+        </h2>
+        <p className="text-sm text-eerie-black dark:text-white">
+          {t('modals.shareConv.note')}
+        </p>
         <div className="flex items-center justify-between">
-          <span className="text-lg">{t('modals.shareConv.option')}</span>
-          <label className=" cursor-pointer select-none items-center">
+          <span className="text-lg text-eerie-black dark:text-white">
+            {t('modals.shareConv.option')}
+          </span>
+          <label className="cursor-pointer select-none items-center">
             <div className="relative">
               <input
                 type="checkbox"
@@ -143,7 +149,7 @@ export const ShareConversationModal = ({
           </div>
         )}
         <div className="flex items-baseline justify-between gap-2">
-          <span className="no-scrollbar w-full overflow-x-auto whitespace-nowrap rounded-full border-2 py-3 px-4">
+          <span className="no-scrollbar w-full overflow-x-auto whitespace-nowrap rounded-full border-2 py-3 px-4 text-eerie-black dark:text-white">
             {`${domain}/share/${identifier ?? '....'}`}
           </span>
           {status === 'fetched' ? (
diff --git a/frontend/src/preferences/PromptsModal.tsx b/frontend/src/preferences/PromptsModal.tsx
index 3aa8c54c..b99c10d1 100644
--- a/frontend/src/preferences/PromptsModal.tsx
+++ b/frontend/src/preferences/PromptsModal.tsx
@@ -2,6 +2,7 @@ import { ActiveState } from '../models/misc';
 import Exit from '../assets/exit.svg';
 import Input from '../components/Input';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 function AddPrompt({
   setModalState,
@@ -20,6 +21,8 @@ function AddPrompt({
   setNewPromptContent: (content: string) => void;
   disableSave: boolean;
 }) {
+  const { t } = useTranslation();
+
   return (
     <div className="relative">
       <button
@@ -34,14 +37,14 @@ function AddPrompt({
       </button>
       <div className="p-8">
         <p className="mb-1 text-xl text-jet dark:text-bright-gray">
-          Add Prompt
+          {t('modals.prompts.addPrompt')}
         </p>
         <p className="mb-7 text-xs text-[#747474] dark:text-[#7F7F82]">
-          Add your custom prompt and save it to DocsGPT
+          {t('modals.prompts.addDescription')}
         </p>
         <div>
           <Input
-            placeholder="Prompt Name"
+            placeholder={t('modals.prompts.promptName')}
             type="text"
             className="h-10 rounded-lg"
             value={newPromptName}
@@ -49,12 +52,12 @@ function AddPrompt({
           />
           <div className="relative bottom-12 left-3 mt-[-3.00px]">
             <span className="bg-white px-1 text-xs text-silver dark:bg-outer-space dark:text-silver">
-              Prompt Name
+              {t('modals.prompts.promptName')}
             </span>
           </div>
           <div className="relative top-[7px] left-3">
             <span className="bg-white px-1 text-xs text-silver dark:bg-outer-space dark:text-silver">
-              Prompt Text
+              {t('modals.prompts.promptText')}
             </span>
           </div>
           <textarea
@@ -68,9 +71,11 @@ function AddPrompt({
             onClick={handleAddPrompt}
             className="rounded-3xl bg-purple-30 px-5 py-2 text-sm text-white transition-all hover:opacity-90"
             disabled={disableSave}
-            title={disableSave && newPromptName ? 'Name already exists' : ''}
+            title={
+              disableSave && newPromptName ? t('modals.prompts.nameExists') : ''
+            }
           >
-            Save
+            {t('modals.prompts.save')}
           </button>
         </div>
       </div>
@@ -97,6 +102,8 @@ function EditPrompt({
   currentPromptEdit: { name: string; id: string; type: string };
   disableSave: boolean;
 }) {
+  const { t } = useTranslation();
+
   return (
     <div className="relative">
       <button
@@ -109,14 +116,14 @@ function EditPrompt({
       </button>
       <div className="p-8">
         <p className="mb-1 text-xl text-jet dark:text-bright-gray">
-          Edit Prompt
+          {t('modals.prompts.editPrompt')}
         </p>
         <p className="mb-7 text-xs text-[#747474] dark:text-[#7F7F82]">
-          Edit your custom prompt and save it to DocsGPT
+          {t('modals.prompts.editDescription')}
         </p>
         <div>
           <Input
-            placeholder="Prompt Name"
+            placeholder={t('modals.prompts.promptName')}
             type="text"
             className="h-10 rounded-lg"
             value={editPromptName}
@@ -124,12 +131,12 @@ function EditPrompt({
           ></Input>
           <div className="relative bottom-12 left-3 mt-[-3.00px]">
             <span className="bg-white px-1 text-xs text-silver dark:bg-outer-space dark:text-silver">
-              Prompt Name
+              {t('modals.prompts.promptName')}
             </span>
           </div>
           <div className="relative top-[7px] left-3">
             <span className="bg-white px-1 text-xs text-silver dark:bg-outer-space dark:text-silver">
-              Prompt Text
+              {t('modals.prompts.promptText')}
             </span>
           </div>
           <textarea
@@ -150,9 +157,13 @@ function EditPrompt({
                 handleEditPrompt(currentPromptEdit.id, currentPromptEdit.type);
             }}
             disabled={currentPromptEdit.type === 'public' || disableSave}
-            title={disableSave && editPromptName ? 'Name already exists' : ''}
+            title={
+              disableSave && editPromptName
+                ? t('modals.prompts.nameExists')
+                : ''
+            }
           >
-            Save
+            {t('modals.prompts.save')}
           </button>
         </div>
       </div>
diff --git a/frontend/src/settings/Analytics.tsx b/frontend/src/settings/Analytics.tsx
index 8f3c45bb..29059221 100644
--- a/frontend/src/settings/Analytics.tsx
+++ b/frontend/src/settings/Analytics.tsx
@@ -69,15 +69,24 @@ export default function Analytics() {
   const [messagesFilter, setMessagesFilter] = useState<{
     label: string;
     value: string;
-  }>({ label: '30 Days', value: 'last_30_days' });
+  }>({
+    label: t('settings.analytics.filterOptions.last30Days'),
+    value: 'last_30_days',
+  });
   const [tokenUsageFilter, setTokenUsageFilter] = useState<{
     label: string;
     value: string;
-  }>({ label: '30 Days', value: 'last_30_days' });
+  }>({
+    label: t('settings.analytics.filterOptions.last30Days'),
+    value: 'last_30_days',
+  });
   const [feedbackFilter, setFeedbackFilter] = useState<{
     label: string;
     value: string;
-  }>({ label: '30 Days', value: 'last_30_days' });
+  }>({
+    label: t('settings.analytics.filterOptions.last30Days'),
+    value: 'last_30_days',
+  });
 
   const [loadingMessages, setLoadingMessages] = useState(true);
   const [loadingTokens, setLoadingTokens] = useState(true);
diff --git a/frontend/src/settings/General.tsx b/frontend/src/settings/General.tsx
index 4868d252..9550c347 100644
--- a/frontend/src/settings/General.tsx
+++ b/frontend/src/settings/General.tsx
@@ -19,9 +19,12 @@ import Prompts from './Prompts';
 export default function General() {
   const {
     t,
-    i18n: { changeLanguage, language },
+    i18n: { changeLanguage },
   } = useTranslation();
-  const themes = ['Light', 'Dark'];
+  const themes = [
+    { value: 'Light', label: t('settings.general.light') },
+    { value: 'Dark', label: t('settings.general.dark') },
+  ];
 
   const languageOptions = [
     {
@@ -104,10 +107,12 @@ export default function General() {
         </p>
         <Dropdown
           options={themes}
-          selectedValue={selectedTheme}
-          onSelect={(option: string) => {
-            setSelectedTheme(option);
-            option !== selectedTheme && toggleTheme();
+          selectedValue={
+            themes.find((theme) => theme.value === selectedTheme) || null
+          }
+          onSelect={(option: { value: string; label: string }) => {
+            setSelectedTheme(option.value);
+            option.value !== selectedTheme && toggleTheme();
           }}
           size="w-56"
           rounded="3xl"
diff --git a/frontend/src/settings/Tools.tsx b/frontend/src/settings/Tools.tsx
index f58487a3..78b72466 100644
--- a/frontend/src/settings/Tools.tsx
+++ b/frontend/src/settings/Tools.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 import userService from '../api/services/userService';
 import CogwheelIcon from '../assets/cogwheel.svg';
@@ -12,6 +13,7 @@ import ToolConfig from './ToolConfig';
 import { UserTool } from './types';
 
 export default function Tools() {
+  const { t } = useTranslation();
   const [isDarkTheme] = useDarkTheme();
   const [searchTerm, setSearchTerm] = React.useState('');
   const [addToolModalState, setAddToolModalState] =
@@ -72,7 +74,7 @@ export default function Tools() {
               <div className="p-1">
                 <Input
                   maxLength={256}
-                  placeholder="Search..."
+                  placeholder={t('settings.tools.searchPlaceholder')}
                   name="Document-search-input"
                   type="text"
                   id="document-search-input"
@@ -86,7 +88,7 @@ export default function Tools() {
                   setAddToolModalState('ACTIVE');
                 }}
               >
-                Add Tool
+                {t('settings.tools.addTool')}
               </button>
             </div>
             <div className="grid grid-cols-2 lg:grid-cols-3 gap-6">
@@ -98,10 +100,10 @@ export default function Tools() {
                 <div className="mt-24 col-span-2 lg:col-span-3 text-center text-gray-500 dark:text-gray-400">
                   <img
                     src={isDarkTheme ? NoFilesDarkIcon : NoFilesIcon}
-                    alt="No tools found"
+                    alt={t('settings.tools.noToolsAlt')}
                     className="h-24 w-24 mx-auto mb-2"
                   />
-                  No tools found
+                  {t('settings.tools.noToolsFound')}
                 </div>
               ) : (
                 userTools
@@ -164,7 +166,7 @@ export default function Tools() {
             </div>
           </div>
           <AddToolModal
-            message="Select a tool to set up"
+            message={t('settings.tools.selectToolSetup')}
             modalState={addToolModalState}
             setModalState={setAddToolModalState}
             getUserTools={getUserTools}
diff --git a/frontend/src/upload/Upload.tsx b/frontend/src/upload/Upload.tsx
index 7b80c592..21a3f544 100644
--- a/frontend/src/upload/Upload.tsx
+++ b/frontend/src/upload/Upload.tsx
@@ -4,7 +4,6 @@ import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 
 import userService from '../api/services/userService';
-import ArrowLeft from '../assets/arrow-left.svg';
 import FileUpload from '../assets/file_upload.svg';
 import WebsiteCollect from '../assets/website_collect.svg';
 import Dropdown from '../components/Dropdown';
@@ -510,7 +509,7 @@ function Upload({
               <div className="flex flex-col gap-1 mt-2">
                 <div>
                   <Input
-                    placeholder="Enter client ID"
+                    placeholder={t('modals.uploadDoc.reddit.id')}
                     type="text"
                     name="client_id"
                     value={redditData.client_id}
@@ -525,7 +524,7 @@ function Upload({
                 </div>
                 <div>
                   <Input
-                    placeholder="Enter client secret"
+                    placeholder={t('modals.uploadDoc.reddit.secret')}
                     type="text"
                     name="client_secret"
                     value={redditData.client_secret}
@@ -540,7 +539,7 @@ function Upload({
                 </div>
                 <div>
                   <Input
-                    placeholder="Enter user agent"
+                    placeholder={t('modals.uploadDoc.reddit.agent')}
                     type="text"
                     name="user_agent"
                     value={redditData.user_agent}
@@ -555,7 +554,7 @@ function Upload({
                 </div>
                 <div>
                   <Input
-                    placeholder="Enter search queries"
+                    placeholder={t('modals.uploadDoc.reddit.searchQueries')}
                     type="text"
                     name="search_queries"
                     value={redditData.search_queries}
@@ -570,7 +569,7 @@ function Upload({
                 </div>
                 <div>
                   <Input
-                    placeholder="Enter number of posts"
+                    placeholder={t('modals.uploadDoc.reddit.numberOfPosts')}
                     type="number"
                     name="number_posts"
                     value={redditData.number_posts}
@@ -587,70 +586,57 @@ function Upload({
             )}
           </>
         )}
-        {activeTab && (
-          <div className="flex w-full justify-between flex-row-reverse">
-            {activeTab === 'file' ? (
-              <button
-                onClick={uploadFile}
-                className={`ml-2 cursor-pointer rounded-3xl bg-purple-30 text-sm text-white ${
-                  files.length > 0 && docName.trim().length > 0
-                    ? 'hover:bg-[#6F3FD1]'
-                    : 'bg-opacity-75 text-opacity-80'
-                } py-2 px-6`}
-                disabled={
-                  (files.length === 0 || docName.trim().length === 0) &&
-                  activeTab === 'file'
-                }
-              >
-                {t('modals.uploadDoc.train')}
-              </button>
-            ) : (
-              <button
-                onClick={uploadRemote}
-                className={`ml-2 cursor-pointer rounded-3xl bg-purple-30 py-2 px-6 text-sm text-white hover:bg-[#6F3FD1] ${
-                  urlName.trim().length === 0 ||
-                  url.trim().length === 0 ||
-                  (urlType.label === 'Reddit' &&
-                    (redditData.client_id.length === 0 ||
-                      redditData.client_secret.length === 0 ||
-                      redditData.user_agent.length === 0 ||
-                      redditData.search_queries.length === 0 ||
-                      redditData.number_posts === 0)) ||
-                  (urlType.label === 'GitHub' && repoUrl.trim().length === 0)
-                    ? 'bg-opacity-80 text-opacity-80'
-                    : ''
-                }`}
-                disabled={
-                  urlName.trim().length === 0 ||
-                  url.trim().length === 0 ||
-                  (urlType.label === 'Reddit' &&
-                    (redditData.client_id.length === 0 ||
-                      redditData.client_secret.length === 0 ||
-                      redditData.user_agent.length === 0 ||
-                      redditData.search_queries.length === 0 ||
-                      redditData.number_posts === 0)) ||
-                  (urlType.label === 'GitHub' && repoUrl.trim().length === 0)
-                }
-              >
-                {t('modals.uploadDoc.train')}
-              </button>
-            )}
+        <div className="flex justify-between">
+          {activeTab && (
             <button
-              onClick={() => {
-                setDocName('');
-                setfiles([]);
-                setActiveTab(null);
-              }}
-              className="cursor-pointer rounded-3xl px-5 py-2 text-sm font-medium hover:bg-gray-100 dark:bg-transparent dark:text-light-gray dark:hover:bg-[#767183]/50 flex items-center gap-1"
+              onClick={() => setActiveTab(null)}
+              className="rounded-3xl border border-purple-30 px-4 py-2 font-medium text-purple-30 hover:cursor-pointer dark:bg-purple-taupe dark:text-silver"
             >
-              <img
-                src={ArrowLeft}
-                className="w-[10px] h-[10px] dark:filter dark:invert"
-              />
               {t('modals.uploadDoc.back')}
             </button>
-          </div>
-        )}
+          )}
+          <button
+            onClick={() => {
+              if (activeTab === 'file') {
+                uploadFile();
+              } else {
+                uploadRemote();
+              }
+            }}
+            disabled={
+              (activeTab === 'file' && (!files.length || !docName)) ||
+              (activeTab === 'remote' &&
+                ((urlType.label !== 'Reddit' &&
+                  urlType.label !== 'GitHub' &&
+                  (!url || !urlName)) ||
+                  (urlType.label === 'GitHub' && !repoUrl) ||
+                  (urlType.label === 'Reddit' &&
+                    (!redditData.client_id ||
+                      !redditData.client_secret ||
+                      !redditData.user_agent ||
+                      !redditData.search_queries ||
+                      !redditData.number_posts))))
+            }
+            className={`rounded-3xl px-4 py-2 font-medium ${
+              (activeTab === 'file' && (!files.length || !docName)) ||
+              (activeTab === 'remote' &&
+                ((urlType.label !== 'Reddit' &&
+                  urlType.label !== 'GitHub' &&
+                  (!url || !urlName)) ||
+                  (urlType.label === 'GitHub' && !repoUrl) ||
+                  (urlType.label === 'Reddit' &&
+                    (!redditData.client_id ||
+                      !redditData.client_secret ||
+                      !redditData.user_agent ||
+                      !redditData.search_queries ||
+                      !redditData.number_posts))))
+                ? 'cursor-not-allowed bg-gray-300 text-gray-500'
+                : 'cursor-pointer bg-purple-30 text-white hover:bg-purple-40'
+            }`}
+          >
+            {t('modals.uploadDoc.train')}
+          </button>
+        </div>
       </div>
     );
   }

From 9594c820058ac87ccff2aaf1601f75bd1d4c04cd Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Sat, 18 Jan 2025 03:58:29 +0530
Subject: [PATCH 4/6] (purge) unused file

---
 frontend/src/locale/zhTW.json | 11 -----------
 1 file changed, 11 deletions(-)
 delete mode 100644 frontend/src/locale/zhTW.json

diff --git a/frontend/src/locale/zhTW.json b/frontend/src/locale/zhTW.json
deleted file mode 100644
index 31b1c884..00000000
--- a/frontend/src/locale/zhTW.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "modals": {
-    "uploadDoc": {
-      "progress": {
-        "completed": "訓練完成",
-        "wait": "這可能需要幾分鐘",
-        "tokenLimit": "超出令牌限制，請考慮上傳較小的文檔"
-      }
-    }
-  }
-}

From 90425542f83982c491effd060870b29f0695eb70 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Sat, 18 Jan 2025 18:58:12 +0530
Subject: [PATCH 5/6] (fix:locales) missing translations

---
 frontend/src/locale/en.json    | 13 ++++++++++++-
 frontend/src/locale/es.json    | 10 ++++++++++
 frontend/src/locale/ru.json    |  5 +++--
 frontend/src/locale/zh-TW.json | 18 ++++++++++++++++++
 frontend/src/locale/zh.json    |  3 ++-
 5 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/frontend/src/locale/en.json b/frontend/src/locale/en.json
index daca2568..37568ea0 100644
--- a/frontend/src/locale/en.json
+++ b/frontend/src/locale/en.json
@@ -217,10 +217,21 @@
     "lastPage": "Last page"
   },
   "conversation": {
+    "copy": "Copy",
+    "copied": "Copied",
+    "speak": "Speak",
+    "answer": "Answer",
     "edit": {
       "update": "Update",
       "cancel": "Cancel",
       "placeholder": "Enter updated query..."
-    }
+    },
+    "sources": {
+      "title": "Sources",
+      "text": "Source text",
+      "link": "Source link",
+      "view_more": "View {{count}} more sources"
+    },
+    "retry": "Retry"
   }
 }
diff --git a/frontend/src/locale/es.json b/frontend/src/locale/es.json
index 6bce0f5f..9eefdd77 100644
--- a/frontend/src/locale/es.json
+++ b/frontend/src/locale/es.json
@@ -185,6 +185,16 @@
       "apiKeyPlaceholder": "Ingrese la Clave API / OAuth",
       "addButton": "Agregar Herramienta",
       "closeButton": "Cerrar"
+    },
+    "prompts": {
+      "addPrompt": "Agregar Prompt",
+      "addDescription": "Agrega tu prompt personalizado y guárdalo en DocsGPT",
+      "editPrompt": "Editar Prompt",
+      "editDescription": "Edita tu prompt personalizado y guárdalo en DocsGPT",
+      "promptName": "Nombre del Prompt",
+      "promptText": "Texto del Prompt",
+      "save": "Guardar",
+      "nameExists": "El nombre ya existe"
     }
   },
   "sharedConv": {
diff --git a/frontend/src/locale/ru.json b/frontend/src/locale/ru.json
index 8cb50862..a7aed9a0 100644
--- a/frontend/src/locale/ru.json
+++ b/frontend/src/locale/ru.json
@@ -4,7 +4,7 @@
   "chats": "Чаты",
   "newChat": "Новый чат",
   "myPlan": "Мой план",
-  "about": "О",
+  "about": "О нас",
   "inputPlaceholder": "Введите свое сообщение здесь...",
   "tagline": "DocsGPT использует GenAI, пожалуйста, проверьте важную информацию, используя источники.",
   "sourceDocs": "Источник",
@@ -138,7 +138,8 @@
         "secret": "Секрет клиента",
         "agent": "Пользовательский агент",
         "searchQueries": "Поисковые запросы",
-        "numberOfPosts": "Количество сообщений"
+        "numberOfPosts": "Количество сообщений",
+        "addQuery": "Добавить запрос"
       },
       "drag": {
         "title": "Загрузить исходный файл",
diff --git a/frontend/src/locale/zh-TW.json b/frontend/src/locale/zh-TW.json
index e09c52d3..30c69cb7 100644
--- a/frontend/src/locale/zh-TW.json
+++ b/frontend/src/locale/zh-TW.json
@@ -215,5 +215,23 @@
     "previousPage": "上一頁",
     "nextPage": "下一頁",
     "lastPage": "最後一頁"
+  },
+  "conversation": {
+    "copy": "複製",
+    "copied": "已複製",
+    "speak": "朗讀",
+    "answer": "回答",
+    "edit": {
+      "update": "更新",
+      "cancel": "取消",
+      "placeholder": "輸入更新的查詢..."
+    },
+    "sources": {
+      "title": "來源",
+      "text": "來源文字",
+      "link": "來源連結",
+      "view_more": "查看更多 {{count}} 個來源"
+    },
+    "retry": "重試"
   }
 }
diff --git a/frontend/src/locale/zh.json b/frontend/src/locale/zh.json
index 35fccad2..2aa0e0b8 100644
--- a/frontend/src/locale/zh.json
+++ b/frontend/src/locale/zh.json
@@ -69,7 +69,8 @@
         "daily": "每天",
         "weekly": "每周",
         "monthly": "每月"
-      }
+      },
+      "actions": "操作"
     },
     "apiKeys": {
       "label": "聊天机器人",

From 0cab007c370753c56afbe113033a4929d7a48efa Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Sun, 19 Jan 2025 01:37:14 +0530
Subject: [PATCH 6/6] (fix:locale) missing text

---
 frontend/src/locale/en.json    | 12 +++++++-----
 frontend/src/locale/es.json    |  6 ++++--
 frontend/src/locale/jp.json    |  6 ++++--
 frontend/src/locale/ru.json    |  6 ++++--
 frontend/src/locale/zh-TW.json |  6 ++++--
 frontend/src/locale/zh.json    |  6 ++++--
 6 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/frontend/src/locale/en.json b/frontend/src/locale/en.json
index 37568ea0..8502cf36 100644
--- a/frontend/src/locale/en.json
+++ b/frontend/src/locale/en.json
@@ -108,11 +108,13 @@
     },
     "tools": {
       "label": "Tools",
-      "searchPlaceholder": "Search...",
+      "searchPlaceholder": "Search tools...",
       "addTool": "Add Tool",
-      "noToolsAlt": "No tools found",
       "noToolsFound": "No tools found",
-      "selectToolSetup": "Select a tool to set up"
+      "selectToolSetup": "Select a tool to set up",
+      "settingsIconAlt": "Settings icon",
+      "configureToolAria": "Configure {toolName}",
+      "toggleToolAria": "Toggle {toolName}"
     }
   },
   "modals": {
@@ -224,13 +226,13 @@
     "edit": {
       "update": "Update",
       "cancel": "Cancel",
-      "placeholder": "Enter updated query..."
+      "placeholder": "Type the updated query..."
     },
     "sources": {
       "title": "Sources",
       "text": "Source text",
       "link": "Source link",
-      "view_more": "View {{count}} more sources"
+      "view_more": "{{count}} more sources"
     },
     "retry": "Retry"
   }
diff --git a/frontend/src/locale/es.json b/frontend/src/locale/es.json
index 9eefdd77..c5b0fa17 100644
--- a/frontend/src/locale/es.json
+++ b/frontend/src/locale/es.json
@@ -110,9 +110,11 @@
       "label": "Herramientas",
       "searchPlaceholder": "Buscar...",
       "addTool": "Agregar Herramienta",
-      "noToolsAlt": "No se encontraron herramientas",
       "noToolsFound": "No se encontraron herramientas",
-      "selectToolSetup": "Seleccione una herramienta para configurar"
+      "selectToolSetup": "Seleccione una herramienta para configurar",
+      "settingsIconAlt": "Icono de configuración",
+      "configureToolAria": "Configurar {toolName}",
+      "toggleToolAria": "Alternar {toolName}"
     }
   },
   "modals": {
diff --git a/frontend/src/locale/jp.json b/frontend/src/locale/jp.json
index e5680424..0098807a 100644
--- a/frontend/src/locale/jp.json
+++ b/frontend/src/locale/jp.json
@@ -110,9 +110,11 @@
       "label": "ツール",
       "searchPlaceholder": "検索...",
       "addTool": "ツールを追加",
-      "noToolsAlt": "ツールが見つかりません",
       "noToolsFound": "ツールが見つかりません",
-      "selectToolSetup": "設定するツールを選択してください"
+      "selectToolSetup": "設定するツールを選択してください",
+      "settingsIconAlt": "設定アイコン",
+      "configureToolAria": "{toolName} を設定",
+      "toggleToolAria": "{toolName} を切り替え"
     }
   },
   "modals": {
diff --git a/frontend/src/locale/ru.json b/frontend/src/locale/ru.json
index a7aed9a0..69897452 100644
--- a/frontend/src/locale/ru.json
+++ b/frontend/src/locale/ru.json
@@ -110,9 +110,11 @@
       "label": "Инструменты",
       "searchPlaceholder": "Поиск...",
       "addTool": "Добавить инструмент",
-      "noToolsAlt": "Инструменты не найдены",
       "noToolsFound": "Инструменты не найдены",
-      "selectToolSetup": "Выберите инструмент для настройки"
+      "selectToolSetup": "Выберите инструмент для настройки",
+      "settingsIconAlt": "Иконка настроек",
+      "configureToolAria": "Настроить {toolName}",
+      "toggleToolAria": "Переключить {toolName}"
     }
   },
   "modals": {
diff --git a/frontend/src/locale/zh-TW.json b/frontend/src/locale/zh-TW.json
index 30c69cb7..3699afde 100644
--- a/frontend/src/locale/zh-TW.json
+++ b/frontend/src/locale/zh-TW.json
@@ -110,9 +110,11 @@
       "label": "工具",
       "searchPlaceholder": "搜尋...",
       "addTool": "新增工具",
-      "noToolsAlt": "找不到工具",
       "noToolsFound": "找不到工具",
-      "selectToolSetup": "選擇要設定的工具"
+      "selectToolSetup": "選擇要設定的工具",
+      "settingsIconAlt": "設定圖標",
+      "configureToolAria": "配置 {toolName}",
+      "toggleToolAria": "切換 {toolName}"
     }
   },
   "modals": {
diff --git a/frontend/src/locale/zh.json b/frontend/src/locale/zh.json
index 2aa0e0b8..9936350d 100644
--- a/frontend/src/locale/zh.json
+++ b/frontend/src/locale/zh.json
@@ -110,9 +110,11 @@
       "label": "工具",
       "searchPlaceholder": "搜索...",
       "addTool": "添加工具",
-      "noToolsAlt": "未找到工具",
       "noToolsFound": "未找到工具",
-      "selectToolSetup": "选择要设置的工具"
+      "selectToolSetup": "选择要设置的工具" ,
+      "settingsIconAlt": "设置图标",
+      "configureToolAria": "配置 {toolName}",
+      "toggleToolAria": "切换 {toolName}"
     }
   },
   "modals": {