diff --git a/frontend/src/locales/en/common.js b/frontend/src/locales/en/common.js
index d137e2a3d97..d71c469755b 100644
--- a/frontend/src/locales/en/common.js
+++ b/frontend/src/locales/en/common.js
@@ -1,4 +1,8 @@
 const TRANSLATIONS = {
+  common: {
+    "workspaces-name": "Workspaces Name",
+  },
+
   // Setting Sidebar menu items.
   settings: {
     title: "Instance Settings",
@@ -20,6 +24,7 @@ const TRANSLATIONS = {
     "event-logs": "Event Logs",
     privacy: "Privacy & Data",
   },
+
   // Page Definitions
   login: {
     "multi-user": {
@@ -29,6 +34,97 @@ const TRANSLATIONS = {
     },
     "sign-in": "Sign in to your AnythingLLM account.",
   },
+
+  // Workspace Settings menu items
+  "workspaces—settings": {
+    general: "General Settings",
+    chat: "Chat Settings",
+    vector: "Vector Database",
+    members: "Members",
+    agent: "Agent Configuration",
+  },
+
+  // General Appearance
+  general: {
+    vector: {
+      title: "Vector Count",
+      description: "Total number of vectors in your vector database.",
+    },
+    names: {
+      description: "This will only change the display name of your workspace."
+    },
+    message: {
+      title: "Suggested Chat Messages",
+      description: "Customize the messages that will be suggested to your workspace users.",
+      add: "Add new message",
+      save: "Save Messages",
+      heading: "Explain to me",
+      body: "the benefits of AnythingLLM",
+    },
+    pfp: {
+      title: "Assistant Profile Image",
+      description: "Customize the profile image of the assistant for this workspace.",
+      image: "Workspace Image",
+      remove: "Remove Workspace Image",
+    },
+    delete: {
+      delete: "Delete Workspace",
+      deleting: "Deleting Workspace...",
+      "confirm-start": "You are about to delete your entire",
+      "confirm-end": "workspace. This will remove all vector embeddings in your vector database.\n\nThe original source files will remain untouched. This action is irreversible."
+    }
+  },
+
+  // Chat Settings
+  chat: {
+    llm: {
+      title: "Workspace LLM Provider",
+      description: "The specific LLM provider & model that will be used for this workspace. By default, it uses the system LLM provider and settings.",
+      search: "Search all LLM providers",
+    },
+    model: {
+      title:"Workspace Chat model",
+      description: "The specific chat model that will be used for this workspace. If empty, will use the system LLM preference.",
+      wait:"-- waiting for models --"
+    },
+    mode:{
+      title: "Chat mode",
+      chat:{
+        title: "Chat",
+        "desc-start": "will provide answers with the LLM's general knowledge",
+        and: "and",
+        "desc-end": "document context that is found.",
+      },
+      query:{
+        title: "Query",
+        "desc-start": "will provide answers",
+        only: "only",
+        "desc-end": "if document context is found.",
+      }
+    },
+    history:{
+      title: "Chat History",
+      "desc-start": "The number of previous chats that will be included in the response's short-term memory.",
+      recommend : "Recommend 20. ",
+      "desc-end": "AAnything more than 45 is likely to lead to continuous chat failures depending on message size."
+    },
+    prompt:{
+      title: "Prompt",
+      description: "The prompt that will be used on this workspace. Define the context and instructions for the AI to generate a response. You should to provide a carefully crafted prompt so the AI can generate a relevant and accurate response.",
+    },
+    refusal:{
+      title:"Query mode refusal response",
+      "desc-start": "When in",
+      query: "query",
+      "desc-end": "mode, you may want to return a custom refusal response when no context is found.",
+    },
+    temperature:{
+      title: "LLM Temperature",
+      "desc-start": 'This setting controls how "random" or dynamic your chat responses will be.',
+      "desc-end": "The higher the number (1.0 maximum) the more random and incoherent.",
+      "recommend": "Recommended:",
+    }
+  }
 };
 
 export default TRANSLATIONS;
diff --git a/frontend/src/locales/zh/common.js b/frontend/src/locales/zh/common.js
index 82452eb5e16..513b3f37d06 100644
--- a/frontend/src/locales/zh/common.js
+++ b/frontend/src/locales/zh/common.js
@@ -1,5 +1,9 @@
 // Anything with "null" requires a translation. Contribute to translation via a PR!
 const TRANSLATIONS = {
+  common: {
+    "workspaces-name": "工作区名称",
+  },
+
   // Setting Sidebar menu items.
   settings: {
     title: "设置",
@@ -11,7 +15,7 @@ const TRANSLATIONS = {
     appearance: "外观",
     "api-keys": "API 密钥",
     llm: "LLM 首选项",
-    transcription: "Transcription 模型", 
+    transcription: "Transcription 模型",
     embedder: "Embedder 首选项",
     "text-splitting": "文本分割",
     "vector-database": "向量数据库",
@@ -21,6 +25,7 @@ const TRANSLATIONS = {
     "event-logs": "事件日志",
     privacy: "隐私与数据",
   },
+
   // Page Definitions
   login: {
     "multi-user": {
@@ -30,6 +35,98 @@ const TRANSLATIONS = {
     },
     "sign-in": "登录",
   },
+
+  // Workspace Settings menu items
+  "workspaces—settings": {
+    general: "通用设置",
+    chat: "聊天设置",
+    vector: "向量数据库",
+    members: "成员",
+    agent: "代理配置",
+  },
+
+  // General Appearance
+  general: {
+    vector: {
+      title: "向量数量",
+      description: "向量数据库中的总向量数。",
+    },
+    names: {
+      description: "这只会更改工作区的显示名称。"
+    },
+    message: {
+      title: "建议的聊天消息",
+      description: "自定义将向您的工作区用户建议的消息。",
+      add: "添加新消息",
+      save: "保存消息",
+      heading: "向我解释",
+      body: "AnythingLLM的好处",
+    },
+    pfp: {
+      title: "助理头像",
+      description: "为此工作区自定义助手的个人资料图像。",
+      image: "工作区图像",
+      remove: "移除工作区图像",
+    },
+    delete:{
+      delete: "删除工作区",
+      deleting: "正在删除工作区...",
+      "confirm-start": "您即将删除整个",
+      "confirm-end": "工作区。这将删除矢量数据库中的所有矢量嵌入。\n\n原始源文件将保持不变。此操作是不可逆转的。"
+    }
+  },
+
+  // Chat Settings
+  chat: {
+    llm: {
+      title: "工作区LLM提供者",
+      description: "将用于此工作区的特定 LLM 提供商和模型。默认情况下，它使用系统 LLM 提供程序和设置。",
+      search: "搜索所有 LLM 提供商",
+    },
+    model: {
+      title: "工作区聊天模型",
+      description: "将用于此工作区的特定聊天模型。如果为空，将使用系统LLM首选项。",
+      wait:"-- 等待模型 --",
+    },
+    mode:{
+      title: "聊天模式",
+      chat:{
+        title: "聊天",
+        "desc-start": "将提供法学硕士的一般知识",
+        and: "和",
+        "desc-end": "找到的文档上下文的答案。",
+      },
+      query:{
+        title: "查询",
+        "desc-start": "将",
+        only: "仅",
+        "desc-end": "提供找到的文档上下文的答案。",
+      }
+    },
+    history:{
+      title: "聊天历史记录",
+      "desc-start": "将包含在响应的短期记忆中的先前聊天的数量。",
+      recommend: "推荐 20。",
+      "desc-end": "任何超过 45 的值都可能导致连续聊天失败，具体取决于消息大小。",
+    },
+    prompt:{
+      title: "聊天提示",
+      description: "将在此工作区上使用的提示。定义 AI 生成响应的上下文和指令。您应该提供精心设计的提示，以便人工智能可以生成相关且准确的响应。",
+    },
+    refusal:{
+      title:"查询模式拒绝响应",
+      "desc-start": "当处于",
+      query: "查询",
+      "desc-end": "模式时，当未找到上下文时，您可能希望返回自定义拒绝响应。",
+    },
+    temperature:{
+      title: "LLM Temperature",
+      "desc-start": '此设置控制您的聊天响应的"随机"或动态程度。',
+      "desc-end": "数字越高（最大为 1.0），随机性和不连贯性就越强。",
+      recommend: "推荐:",
+    },
+  },
 };
 
 export default TRANSLATIONS;
+  
\ No newline at end of file
diff --git a/frontend/src/pages/Admin/Workspaces/NewWorkspaceModal/index.jsx b/frontend/src/pages/Admin/Workspaces/NewWorkspaceModal/index.jsx
index 0667809a519..53f5c98d74a 100644
--- a/frontend/src/pages/Admin/Workspaces/NewWorkspaceModal/index.jsx
+++ b/frontend/src/pages/Admin/Workspaces/NewWorkspaceModal/index.jsx
@@ -1,9 +1,11 @@
 import React, { useState } from "react";
 import { X } from "@phosphor-icons/react";
 import Admin from "@/models/admin";
+import { useTranslation } from "react-i18next";
 
 export default function NewWorkspaceModal({ closeModal }) {
   const [error, setError] = useState(null);
+  const { t } = useTranslation();
   const handleCreate = async (e) => {
     setError(null);
     e.preventDefault();
@@ -37,7 +39,7 @@ export default function NewWorkspaceModal({ closeModal }) {
                   htmlFor="name"
                   className="block mb-2 text-sm font-medium text-white"
                 >
-                  Workspace name
+                  {t("common.workspaces-name")}
                 </label>
                 <input
                   name="name"
diff --git a/frontend/src/pages/OnboardingFlow/Steps/CreateWorkspace/index.jsx b/frontend/src/pages/OnboardingFlow/Steps/CreateWorkspace/index.jsx
index c9be3ca5572..ef6f762edb1 100644
--- a/frontend/src/pages/OnboardingFlow/Steps/CreateWorkspace/index.jsx
+++ b/frontend/src/pages/OnboardingFlow/Steps/CreateWorkspace/index.jsx
@@ -4,6 +4,7 @@ import paths from "@/utils/paths";
 import showToast from "@/utils/toast";
 import { useNavigate } from "react-router-dom";
 import Workspace from "@/models/workspace";
+import { useTranslation } from "react-i18next";
 
 const TITLE = "Create your first workspace";
 const DESCRIPTION =
@@ -17,6 +18,7 @@ export default function CreateWorkspace({
   const [workspaceName, setWorkspaceName] = useState("");
   const navigate = useNavigate();
   const createWorkspaceRef = useRef();
+  const { t } = useTranslation();
 
   useEffect(() => {
     setHeader({ title: TITLE, description: DESCRIPTION });
@@ -71,7 +73,7 @@ export default function CreateWorkspace({
             htmlFor="name"
             className="block mb-3 text-sm font-medium text-white"
           >
-            Workspace Name
+            {t("common.workspaces-name")}
           </label>
           <input
             name="name"
diff --git a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatHistorySettings/index.jsx b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatHistorySettings/index.jsx
index 092c055c447..faa62103100 100644
--- a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatHistorySettings/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatHistorySettings/index.jsx
@@ -1,16 +1,16 @@
+import { useTranslation } from "react-i18next";
 export default function ChatHistorySettings({ workspace, setHasChanges }) {
+  const { t } = useTranslation();
   return (
     <div>
       <div className="flex flex-col gap-y-1 mb-4">
         <label htmlFor="name" className="block mb-2 input-label">
-          Chat History
+          {t("chat.history.title")}
         </label>
         <p className="text-white text-opacity-60 text-xs font-medium">
-          The number of previous chats that will be included in the
-          response&apos;s short-term memory.
-          <i>Recommend 20. </i>
-          Anything more than 45 is likely to lead to continuous chat failures
-          depending on message size.
+          {t("chat.history.desc-start")}
+          <i> {t("chat.history.recommend")} </i>
+          {t("chat.history.desc-end")}
         </p>
       </div>
       <input
diff --git a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatModeSelection/index.jsx b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatModeSelection/index.jsx
index 0b3bb3b71ee..ddb818af798 100644
--- a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatModeSelection/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatModeSelection/index.jsx
@@ -1,12 +1,13 @@
 import { useState } from "react";
+import { useTranslation } from "react-i18next";
 export default function ChatModeSelection({ workspace, setHasChanges }) {
   const [chatMode, setChatMode] = useState(workspace?.chatMode || "chat");
-
+  const { t } = useTranslation();
   return (
     <div>
       <div className="flex flex-col">
         <label htmlFor="chatMode" className="block input-label">
-          Chat mode
+          {t("chat.mode.title")}
         </label>
       </div>
 
@@ -22,7 +23,7 @@ export default function ChatModeSelection({ workspace, setHasChanges }) {
             }}
             className="transition-bg duration-200 px-6 py-1 text-md text-white/60 disabled:text-white bg-transparent disabled:bg-[#687280] rounded-md"
           >
-            Chat
+            {t("chat.mode.chat.title")}
           </button>
           <button
             type="button"
@@ -33,21 +34,19 @@ export default function ChatModeSelection({ workspace, setHasChanges }) {
             }}
             className="transition-bg duration-200 px-6 py-1 text-md text-white/60 disabled:text-white bg-transparent disabled:bg-[#687280] rounded-md"
           >
-            Query
+            {t("chat.mode.query.title")}
           </button>
         </div>
         <p className="text-sm text-white/60">
           {chatMode === "chat" ? (
             <>
-              <b>Chat</b> will provide answers with the LLM's general knowledge{" "}
-              <i className="font-semibold">and</i> document context that is
-              found.
+              <b>{t("chat.mode.chat.title")}</b> {t("chat.mode.chat.desc-start")}{" "}
+              <i className="font-semibold">{t("chat.mode.chat.and")}</i> {t("chat.mode.chat.desc-end")}
             </>
           ) : (
             <>
-              <b>Query</b> will provide answers{" "}
-              <i className="font-semibold">only</i> if document context is
-              found.
+              <b>{t("chat.mode.query.title")}</b> {t("chat.mode.query.desc-start")}{" "}
+              <i className="font-semibold">{t("chat.mode.query.only")}</i> {t("chat.mode.query.desc-end")}
             </>
           )}
         </p>
diff --git a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatModelSelection/index.jsx b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatModelSelection/index.jsx
index 9ed42429498..71d943e5ed2 100644
--- a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatModelSelection/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatModelSelection/index.jsx
@@ -1,7 +1,7 @@
 import useGetProviderModels, {
   DISABLED_PROVIDERS,
 } from "@/hooks/useGetProvidersModels";
-
+import { useTranslation } from "react-i18next";
 export default function ChatModelSelection({
   provider,
   workspace,
@@ -9,6 +9,7 @@ export default function ChatModelSelection({
 }) {
   const { defaultModels, customModels, loading } =
     useGetProviderModels(provider);
+  const { t } = useTranslation();
   if (DISABLED_PROVIDERS.includes(provider)) return null;
 
   if (loading) {
@@ -16,11 +17,10 @@ export default function ChatModelSelection({
       <div>
         <div className="flex flex-col">
           <label htmlFor="name" className="block input-label">
-            Workspace Chat model
+            {t("chat.model.title")}
           </label>
           <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-            The specific chat model that will be used for this workspace. If
-            empty, will use the system LLM preference.
+            {t("chat.model.description")}
           </p>
         </div>
         <select
@@ -41,11 +41,10 @@ export default function ChatModelSelection({
     <div>
       <div className="flex flex-col">
         <label htmlFor="name" className="block input-label">
-          Workspace Chat model
+          {t("chat.model.title")}
         </label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          The specific chat model that will be used for this workspace. If
-          empty, will use the system LLM preference.
+          {t("chat.model.description")}
         </p>
       </div>
 
diff --git a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatPromptSettings/index.jsx b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatPromptSettings/index.jsx
index 48ad46309a1..0b50e941d1a 100644
--- a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatPromptSettings/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatPromptSettings/index.jsx
@@ -1,17 +1,15 @@
 import { chatPrompt } from "@/utils/chat";
-
+import { useTranslation } from "react-i18next";
 export default function ChatPromptSettings({ workspace, setHasChanges }) {
+  const { t } = useTranslation();
   return (
     <div>
       <div className="flex flex-col">
         <label htmlFor="name" className="block input-label">
-          Prompt
+          {t("chat.prompt.title")}
         </label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          The prompt that will be used on this workspace. Define the context and
-          instructions for the AI to generate a response. You should to provide
-          a carefully crafted prompt so the AI can generate a relevant and
-          accurate response.
+          {t("chat.prompt.description")}
         </p>
       </div>
       <textarea
diff --git a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatQueryRefusalResponse/index.jsx b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatQueryRefusalResponse/index.jsx
index 2b8570dba99..11620b3f0da 100644
--- a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatQueryRefusalResponse/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatQueryRefusalResponse/index.jsx
@@ -1,16 +1,16 @@
 import { chatQueryRefusalResponse } from "@/utils/chat";
-
+import { useTranslation } from "react-i18next";
 export default function ChatQueryRefusalResponse({ workspace, setHasChanges }) {
+  const { t } = useTranslation();
   return (
     <div>
       <div className="flex flex-col">
         <label htmlFor="name" className="block input-label">
-          Query mode refusal response
+          {t("chat.refusal.title")}
         </label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          When in <code className="bg-zinc-900 p-0.5 rounded-sm">query</code>{" "}
-          mode, you may want to return a custom refusal response when no context
-          is found.
+        {t("chat.refusal.desc-start")} <code className="bg-zinc-900 p-0.5 rounded-sm">{t("chat.refusal.query")}</code>{" "}
+        {t("chat.refusal.desc-end")}
         </p>
       </div>
       <textarea
diff --git a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatTemperatureSettings/index.jsx b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatTemperatureSettings/index.jsx
index 5cbcdc3bc6a..b33882004b4 100644
--- a/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatTemperatureSettings/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/ChatSettings/ChatTemperatureSettings/index.jsx
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
 function recommendedSettings(provider = null) {
   switch (provider) {
     case "mistral":
@@ -13,19 +14,19 @@ export default function ChatTemperatureSettings({
   setHasChanges,
 }) {
   const defaults = recommendedSettings(settings?.LLMProvider);
+  const { t } = useTranslation();
   return (
     <div>
       <div className="flex flex-col">
         <label htmlFor="name" className="block input-label">
-          LLM Temperature
+          {t("chat.temperature.title")}
         </label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          This setting controls how &quot;random&quot; or dynamic your chat
-          responses will be.
+          {t("chat.temperature.desc-start")}
           <br />
-          The higher the number (1.0 maximum) the more random and incoherent.
+          {t("chat.temperature.desc-end")}
           <br />
-          <i>Recommended: {defaults.temp}</i>
+          <i>{t("chat.temperature.recommend")} {defaults.temp}</i>
         </p>
       </div>
       <input
diff --git a/frontend/src/pages/WorkspaceSettings/ChatSettings/WorkspaceLLMSelection/index.jsx b/frontend/src/pages/WorkspaceSettings/ChatSettings/WorkspaceLLMSelection/index.jsx
index 511ed34bc48..1f6da05f807 100644
--- a/frontend/src/pages/WorkspaceSettings/ChatSettings/WorkspaceLLMSelection/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/ChatSettings/WorkspaceLLMSelection/index.jsx
@@ -4,6 +4,7 @@ import WorkspaceLLMItem from "./WorkspaceLLMItem";
 import { AVAILABLE_LLM_PROVIDERS } from "@/pages/GeneralSettings/LLMPreference";
 import { CaretUpDown, MagnifyingGlass, X } from "@phosphor-icons/react";
 import ChatModelSelection from "../ChatModelSelection";
+import { useTranslation } from "react-i18next";
 
 // Some providers can only be associated with a single model.
 // In that case there is no selection to be made so we can just move on.
@@ -34,7 +35,7 @@ export default function WorkspaceLLMSelection({
   const [searchQuery, setSearchQuery] = useState("");
   const [searchMenuOpen, setSearchMenuOpen] = useState(false);
   const searchInputRef = useRef(null);
-
+  const { t } = useTranslation();
   function updateLLMChoice(selection) {
     setSearchQuery("");
     setSelectedLLM(selection);
@@ -63,11 +64,10 @@ export default function WorkspaceLLMSelection({
     <div className="border-b border-white/40 pb-8">
       <div className="flex flex-col">
         <label htmlFor="name" className="block input-label">
-          Workspace LLM Provider
+          {t("chat.llm.title")}
         </label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          The specific LLM provider & model that will be used for this
-          workspace. By default, it uses the system LLM provider and settings.
+          {t("chat.llm.description")}
         </p>
       </div>
 
@@ -92,7 +92,7 @@ export default function WorkspaceLLMSelection({
                   type="text"
                   name="llm-search"
                   autoComplete="off"
-                  placeholder="Search all LLM providers"
+                  placeholder= {t('chat.llm.search')}
                   className="-ml-4 my-2 bg-transparent z-20 pl-12 h-[38px] w-full px-4 py-1 text-sm outline-none focus:border-white text-white placeholder:text-white placeholder:font-medium"
                   onChange={(e) => setSearchQuery(e.target.value)}
                   ref={searchInputRef}
diff --git a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/DeleteWorkspace/index.jsx b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/DeleteWorkspace/index.jsx
index 56fef1ad910..e2e482dd240 100644
--- a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/DeleteWorkspace/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/DeleteWorkspace/index.jsx
@@ -3,12 +3,13 @@ import { useParams } from "react-router-dom";
 import Workspace from "@/models/workspace";
 import paths from "@/utils/paths";
 import System from "@/models/system";
+import { useTranslation } from "react-i18next";
 
 export default function DeleteWorkspace({ workspace }) {
   const { slug } = useParams();
   const [deleting, setDeleting] = useState(false);
   const [canDelete, setCanDelete] = useState(false);
-
+  const { t } = useTranslation();
   useEffect(() => {
     async function fetchKeys() {
       const canDelete = await System.getCanDeleteWorkspaces();
@@ -20,7 +21,7 @@ export default function DeleteWorkspace({ workspace }) {
   const deleteWorkspace = async () => {
     if (
       !window.confirm(
-        `You are about to delete your entire ${workspace.name} workspace. This will remove all vector embeddings on your vector database.\n\nThe original source files will remain untouched. This action is irreversible.`
+        `${t("general.delete.confirm-start")} ${workspace.name} ${t("general.delete.confirm-end")}`
       )
     )
       return false;
@@ -46,7 +47,7 @@ export default function DeleteWorkspace({ workspace }) {
       type="button"
       className="w-60 mt-[40px] transition-all duration-300 border border-transparent rounded-lg whitespace-nowrap text-sm px-5 py-2.5 focus:z-10 bg-red-500/25 text-red-200 hover:text-white hover:bg-red-600 disabled:bg-red-600 disabled:text-red-200 disabled:animate-pulse"
     >
-      {deleting ? "Deleting Workspace..." : "Delete Workspace"}
+      {deleting ? t("general.delete.deleting") : t("general.delete.delete") }
     </button>
   );
 }
diff --git a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/SuggestedChatMessages/index.jsx b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/SuggestedChatMessages/index.jsx
index 5ac15f218af..ce47a8623fc 100644
--- a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/SuggestedChatMessages/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/SuggestedChatMessages/index.jsx
@@ -3,6 +3,7 @@ import Workspace from "@/models/workspace";
 import showToast from "@/utils/toast";
 import { useEffect, useState } from "react";
 import { Plus, X } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
 
 export default function SuggestedChatMessages({ slug }) {
   const [suggestedMessages, setSuggestedMessages] = useState([]);
@@ -10,7 +11,7 @@ export default function SuggestedChatMessages({ slug }) {
   const [newMessage, setNewMessage] = useState({ heading: "", message: "" });
   const [hasChanges, setHasChanges] = useState(false);
   const [loading, setLoading] = useState(true);
-
+  const { t } = useTranslation();
   useEffect(() => {
     async function fetchWorkspace() {
       if (!slug) return;
@@ -45,8 +46,8 @@ export default function SuggestedChatMessages({ slug }) {
       return;
     }
     const defaultMessage = {
-      heading: "Explain to me",
-      message: "the benefits of AnythingLLM",
+      heading: t("general.message.heading"),
+      message: t("general.message.body"),
     };
     setNewMessage(defaultMessage);
     setSuggestedMessages([...suggestedMessages, { ...defaultMessage }]);
@@ -91,9 +92,9 @@ export default function SuggestedChatMessages({ slug }) {
   if (loading)
     return (
       <div className="flex flex-col">
-        <label className="block input-label">Suggested Chat Messages</label>
+        <label className="block input-label">{t("general.message.title")}</label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          Customize the messages that will be suggested to your workspace users.
+          {t("general.message.description")}
         </p>
         <p className="text-white text-opacity-60 text-sm font-medium mt-6">
           <PreLoader size="4" />
@@ -103,9 +104,9 @@ export default function SuggestedChatMessages({ slug }) {
   return (
     <div className="w-screen mt-6">
       <div className="flex flex-col">
-        <label className="block input-label">Suggested Chat Messages</label>
+        <label className="block input-label">{t("general.message.title")}</label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          Customize the messages that will be suggested to your workspace users.
+          {t("general.message.description")}
         </p>
       </div>
 
@@ -125,9 +126,8 @@ export default function SuggestedChatMessages({ slug }) {
             <button
               key={index}
               onClick={(e) => startEditing(e, index)}
-              className={`text-left p-2.5 border rounded-xl w-full border-white/20 bg-sidebar hover:bg-workspace-item-selected-gradient ${
-                editingIndex === index ? "border-sky-400" : ""
-              }`}
+              className={`text-left p-2.5 border rounded-xl w-full border-white/20 bg-sidebar hover:bg-workspace-item-selected-gradient ${editingIndex === index ? "border-sky-400" : ""
+                }`}
             >
               <p className="font-semibold">{suggestion.heading}</p>
               <p>{suggestion.message}</p>
@@ -169,7 +169,7 @@ export default function SuggestedChatMessages({ slug }) {
           onClick={addMessage}
           className="flex gap-x-2 items-center justify-center mt-6 text-white text-sm hover:text-sky-400 transition-all duration-300"
         >
-          Add new message <Plus className="" size={24} weight="fill" />
+          {t("general.message.add")} <Plus className="" size={24} weight="fill" />
         </button>
       )}
 
@@ -180,7 +180,7 @@ export default function SuggestedChatMessages({ slug }) {
             className="transition-all duration-300 border border-slate-200 px-4 py-2 rounded-lg text-white text-sm items-center flex gap-x-2 hover:bg-slate-200 hover:text-slate-800 focus:ring-gray-800"
             onClick={handleSaveSuggestedMessages}
           >
-            Save Messages
+            {t("general.message.save")}
           </button>
         </div>
       )}
diff --git a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/VectorCount/index.jsx b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/VectorCount/index.jsx
index 9a882875f8f..c79b958fa32 100644
--- a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/VectorCount/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/VectorCount/index.jsx
@@ -1,9 +1,11 @@
 import PreLoader from "@/components/Preloader";
 import System from "@/models/system";
 import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 export default function VectorCount({ reload, workspace }) {
   const [totalVectors, setTotalVectors] = useState(null);
+  const { t } = useTranslation();
 
   useEffect(() => {
     async function fetchVectorCount() {
@@ -16,9 +18,9 @@ export default function VectorCount({ reload, workspace }) {
   if (totalVectors === null)
     return (
       <div>
-        <h3 className="input-label">Number of vectors</h3>
+        <h3 className="input-label">{t("general.vector.title")}</h3>
         <p className="text-white text-opacity-60 text-xs font-medium py-1">
-          Total number of vectors in your vector database.
+          {t("general.vector.description")}
         </p>
         <p className="text-white text-opacity-60 text-sm font-medium">
           <PreLoader size="4" />
@@ -27,9 +29,9 @@ export default function VectorCount({ reload, workspace }) {
     );
   return (
     <div>
-      <h3 className="input-label">Number of vectors</h3>
+      <h3 className="input-label">{t("general.vector.title")}</h3>
       <p className="text-white text-opacity-60 text-xs font-medium py-1">
-        Total number of vectors in your vector database.
+        {t("general.vector.description")}
       </p>
       <p className="text-white text-opacity-60 text-sm font-medium">
         {totalVectors}
diff --git a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/WorkspaceName/index.jsx b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/WorkspaceName/index.jsx
index d1a929810b7..bc151a8062c 100644
--- a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/WorkspaceName/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/WorkspaceName/index.jsx
@@ -1,12 +1,16 @@
+
+import { useTranslation } from "react-i18next";
+
 export default function WorkspaceName({ workspace, setHasChanges }) {
+  const { t } = useTranslation();
   return (
     <div>
       <div className="flex flex-col">
         <label htmlFor="name" className="block input-label">
-          Workspace Name
+          {t("common.workspaces-name")}
         </label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          This will only change the display name of your workspace.
+          {t("general.names.description")}
         </p>
       </div>
       <input
diff --git a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/WorkspacePfp/index.jsx b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/WorkspacePfp/index.jsx
index e9fb8303a54..e652c734cc0 100644
--- a/frontend/src/pages/WorkspaceSettings/GeneralAppearance/WorkspacePfp/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/GeneralAppearance/WorkspacePfp/index.jsx
@@ -2,10 +2,11 @@ import Workspace from "@/models/workspace";
 import showToast from "@/utils/toast";
 import { Plus } from "@phosphor-icons/react";
 import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 export default function WorkspacePfp({ workspace, slug }) {
   const [pfp, setPfp] = useState(null);
-
+  const { t } = useTranslation();
   useEffect(() => {
     async function fetchWorkspace() {
       const pfpUrl = await Workspace.fetchPfp(slug);
@@ -47,9 +48,9 @@ export default function WorkspacePfp({ workspace, slug }) {
   return (
     <div className="mt-6">
       <div className="flex flex-col">
-        <label className="block input-label">Assistant Profile Image</label>
+        <label className="block input-label">{t("general.pfp.title")}</label>
         <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
-          Customize the profile image of the assistant for this workspace.
+          {t("general.pfp.description")}
         </p>
       </div>
       <div className="flex flex-col md:flex-row items-center gap-8">
@@ -72,7 +73,7 @@ export default function WorkspacePfp({ workspace, slug }) {
               <div className="flex flex-col items-center justify-center p-3">
                 <Plus className="w-8 h-8 text-white/80 m-2" />
                 <span className="text-white text-opacity-80 text-xs font-semibold">
-                  Workspace Image
+                  {t("general.pfp.image")}
                 </span>
                 <span className="text-white text-opacity-60 text-xs">
                   800 x 800
@@ -86,7 +87,7 @@ export default function WorkspacePfp({ workspace, slug }) {
               onClick={handleRemovePfp}
               className="mt-3 text-white text-opacity-60 text-sm font-medium hover:underline"
             >
-              Remove Workspace Image
+              {t("general.pfp.remove")}
             </button>
           )}
         </div>
diff --git a/frontend/src/pages/WorkspaceSettings/index.jsx b/frontend/src/pages/WorkspaceSettings/index.jsx
index 7c53dc40ff7..559d08d24ee 100644
--- a/frontend/src/pages/WorkspaceSettings/index.jsx
+++ b/frontend/src/pages/WorkspaceSettings/index.jsx
@@ -22,6 +22,7 @@ import VectorDatabase from "./VectorDatabase";
 import Members from "./Members";
 import WorkspaceAgentConfiguration from "./AgentConfig";
 import useUser from "@/hooks/useUser";
+import { useTranslation } from "react-i18next";
 
 const TABS = {
   "general-appearance": GeneralAppearance,
@@ -43,6 +44,7 @@ export default function WorkspaceSettings() {
 }
 
 function ShowWorkspaceChat() {
+  const { t } = useTranslation();
   const { slug, tab } = useParams();
   const { user } = useUser();
   const [workspace, setWorkspace] = useState(null);
@@ -85,28 +87,28 @@ function ShowWorkspaceChat() {
             <ArrowUUpLeft className="h-5 w-5" weight="fill" />
           </Link>
           <TabItem
-            title="General Settings"
+            title={t("workspaces—settings.general")}
             icon={<Wrench className="h-6 w-6" />}
             to={paths.workspace.settings.generalAppearance(slug)}
           />
           <TabItem
-            title="Chat Settings"
+            title={t("workspaces—settings.chat")}
             icon={<ChatText className="h-6 w-6" />}
             to={paths.workspace.settings.chatSettings(slug)}
           />
           <TabItem
-            title="Vector Database"
+            title={t("workspaces—settings.vector")}
             icon={<Database className="h-6 w-6" />}
             to={paths.workspace.settings.vectorDatabase(slug)}
           />
           <TabItem
-            title="Members"
+            title={t("workspaces—settings.members")}
             icon={<User className="h-6 w-6" />}
             to={paths.workspace.settings.members(slug)}
             visible={["admin", "manager"].includes(user?.role)}
           />
           <TabItem
-            title="Agent Configuration"
+            title={t("workspaces—settings.agent")}
             icon={<Robot className="h-6 w-6" />}
             to={paths.workspace.settings.agentConfig(slug)}
           />