(fix/tools) avoid max width for buttons, i18n

frontend/src/locale/en.json

@@ -11,6 +11,7 @@
   "help": "Help",
   "emailUs": "Email us",
   "documentation": "Documentation",
+  "manageAgents": "Manage Agents",
   "demo": [
     {
       "header": "Learn about DocsGPT",
@@ -72,7 +73,11 @@
       },
       "actions": "Actions",
       "view": "View",
-      "deleteWarning": "Are you sure you want to delete \"{{name}}\"?"
+      "deleteWarning": "Are you sure you want to delete \"{{name}}\"?",
+      "backToAll": "Back to all documents",
+      "chunks": "Chunks",
+      "noChunks": "No chunks found",
+      "noChunksAlt": "No chunks found"
     },
     "apiKeys": {
       "label": "Chatbots",

frontend/src/locale/es.json

@@ -71,7 +71,11 @@
       },
       "actions": "Acciones",
       "view": "Ver",
-      "deleteWarning": "¿Estás seguro de que deseas eliminar \"{{name}}\"?"
+      "deleteWarning": "¿Estás seguro de que deseas eliminar \"{{name}}\"?",
+      "backToAll": "Volver a todos los documentos",
+      "chunks": "Fragmentos",
+      "noChunks": "No se encontraron fragmentos",
+      "noChunksAlt": "No se encontraron fragmentos"
     },
     "apiKeys": {
       "label": "Chatbots",

frontend/src/locale/jp.json

@@ -52,6 +52,7 @@
       "add": "追加"
     },
     "documents": {
+      "title": "この表には、利用可能なすべてのドキュメントとアップロードしたドキュメントが含まれています",
       "label": "ドキュメント",
       "name": "ドキュメント名",
       "date": "ベクトル日付",
@@ -71,7 +72,11 @@
       },
       "actions": "アクション",
       "view": "表示",
-      "deleteWarning": "\"{{name}}\"を削除してもよろしいですか？"
+      "deleteWarning": "\"{{name}}\"を削除してもよろしいですか？",
+      "backToAll": "すべてのドキュメントに戻る",
+      "chunks": "チャンク",
+      "noChunks": "チャンクが見つかりません",
+      "noChunksAlt": "チャンクが見つかりません"
     },
     "apiKeys": {
       "label": "チャットボット",

frontend/src/locale/ru.json

@@ -72,7 +72,11 @@
       },
       "actions": "Действия",
       "view": "Просмотр",
-      "deleteWarning": "Вы уверены, что хотите удалить \"{{name}}\"?"
+      "deleteWarning": "Вы уверены, что хотите удалить \"{{name}}\"?",
+      "backToAll": "Вернуться ко всем документам",
+      "chunks": "Фрагменты",
+      "noChunks": "Фрагменты не найдены",
+      "noChunksAlt": "Фрагменты не найдены"
     },
     "apiKeys": {
       "label": "API ключи",

frontend/src/locale/zh-TW.json

@@ -72,7 +72,11 @@
       },
       "actions": "操作",
       "view": "查看",
-      "deleteWarning": "您確定要刪除 \"{{name}}\" 嗎？"
+      "deleteWarning": "您確定要刪除 \"{{name}}\" 嗎？",
+      "backToAll": "返回所有文件",
+      "chunks": "文本塊",
+      "noChunks": "未找到文本塊",
+      "noChunksAlt": "未找到文本塊"
     },
     "apiKeys": {
       "label": "聊天機器人",

frontend/src/settings/Tools.tsx

@@ -157,11 +157,8 @@ export default function Tools() {
       ) : (
         <div className="mt-8">
           <div className="relative flex flex-col">
-            <div className="my-3 flex items-center justify-between gap-1">
-              <div className="p-1">
-                <label htmlFor="tool-search-input" className="sr-only">
-                  {t('settings.tools.searchPlaceholder')}
-                </label>
+            <div className="my-3 flex flex-col items-start gap-3 sm:flex-row sm:items-center sm:justify-between">
+              <div className="w-full sm:w-auto">
                 <Input
                   maxLength={256}
                   placeholder={t('settings.tools.searchPlaceholder')}
@@ -174,7 +171,7 @@ export default function Tools() {
                 />
               </div>
               <button
-                className="flex h-[30px] w-[108px] items-center justify-center rounded-full bg-purple-30 text-sm text-white hover:bg-violets-are-blue"
+                className="flex h-[32px] min-w-[108px] items-center justify-center whitespace-normal rounded-full bg-purple-30 px-4 text-sm text-white hover:bg-violets-are-blue"
                 onClick={() => {
                   setAddToolModalState('ACTIVE');
                 }}
@@ -236,7 +233,7 @@ export default function Tools() {
                             }}
                             options={getMenuOptions(tool)}
                             anchorRef={menuRefs.current[tool.id]}
-                            position="top-right"
+                            position="bottom-right"
                             offset={{ x: 0, y: 0 }}
                           />
                         </div>