feat: Add export/import functions for chat history, promt and knowledge

src/components/Common/Beta.tsx

@@ -0,0 +1,8 @@
+import { Tag } from "antd"
+import { useTranslation } from "react-i18next"
+
+export const BetaTag = () => {
+  const { t } = useTranslation("common")
+
+  return <Tag color="yellow">{t("beta")}</Tag>
+}

src/components/Layouts/SettingsOptionLayout.tsx

@@ -10,6 +10,7 @@ import { useTranslation } from "react-i18next"
 import { Link, useLocation } from "react-router-dom"
 import { OllamaIcon } from "../Icons/Ollama"
 import { Tag } from "antd"
+import { BetaTag } from "../Common/Beta"
 
 function classNames(...classes: string[]) {
   return classes.filter(Boolean).join(" ")
@@ -81,7 +82,7 @@ export const SettingsLayout = ({ children }: { children: React.ReactNode }) => {
                 name={
                   <div className="inline-flex items-center gap-2">
                     {t("manageKnowledge.title")}
-                    <Tag color="yellow">{t("common:beta")}</Tag>
+                    <BetaTag />
                   </div>
                 }
                 icon={BlocksIcon}

src/components/Option/Settings/other.tsx

@@ -9,6 +9,11 @@ import { SearchModeSettings } from "./search-mode"
 import { useTranslation } from "react-i18next"
 import { useI18n } from "@/hooks/useI18n"
 import { TTSModeSettings } from "./tts-mode"
+import {
+  exportPageAssistData,
+  importPageAssistData
+} from "@/libs/export-import"
+import { BetaTag } from "@/components/Common/Beta"
 
 export const SettingOther = () => {
   const { clearChat, speechToTextLanguage, setSpeechToTextLanguage } =
@@ -90,7 +95,7 @@ export const SettingOther = () => {
         </button>
       </div>
       <SearchModeSettings />
-      <TTSModeSettings  />
+      <TTSModeSettings />
       <div>
         <div className="mb-5">
           <h2 className="text-base font-semibold leading-7 text-gray-900 dark:text-white">
@@ -98,7 +103,7 @@ export const SettingOther = () => {
           </h2>
           <div className="border border-b border-gray-200 dark:border-gray-600 mt-3"></div>
         </div>
-        <div className="flex flex-row justify-between">
+        <div className="flex flex-row mb-3 justify-between">
           <span className="text-gray-500 dark:text-neutral-50 ">
             {t("generalSettings.system.deleteChatHistory.label")}
           </span>
@@ -122,6 +127,37 @@ export const SettingOther = () => {
             {t("generalSettings.system.deleteChatHistory.button")}
           </button>
         </div>
+        <div className="flex flex-row mb-3 justify-between">
+          <span className="text-gray-500 dark:text-neutral-50 ">
+          <BetaTag />    {t("generalSettings.system.export.label")}
+          </span>
+          <button
+            onClick={exportPageAssistData}
+            className="bg-gray-800 dark:bg-white text-white dark:text-gray-900 px-4 py-2 rounded-md cursor-pointer">
+            {t("generalSettings.system.export.button")}
+          </button>
+        </div>
+        <div className="flex flex-row mb-3 justify-between">
+          <span className="text-gray-500 dark:text-neutral-50 ">
+          <BetaTag /> {t("generalSettings.system.import.label")}
+          </span>
+          <label
+            htmlFor="import"
+            className="bg-gray-800 dark:bg-white text-white dark:text-gray-900 px-4 py-2 rounded-md cursor-pointer">
+            {t("generalSettings.system.import.button")}
+          </label>
+          <input
+            type="file"
+            accept=".json"
+            id="import"
+            className="hidden"
+            onChange={(e) => {
+              if (e.target.files) {
+                importPageAssistData(e.target.files[0])
+              }
+            }}
+          />
+        </div>
       </div>
     </dl>
   )