Merge pull request #522 from n4ze3m/next

n4ze3m · web-flow · commit 715f7fa65b9a · 2025-03-23T19:25:25.000+05:30
v1.5.6
diff --git a/README.md b/README.md
@@ -180,6 +180,9 @@ This are some of the blogs and videos about Page Assist. If you have written a b
 
 - [Page Assist 介绍合集](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=Mzk2NDUxNDQ3Nw==&action=getalbum&album_id=3845692786608553984#wechat_redirect) by 百工智用公众号
 
+
+- [Eine KI auf dem eigenen Rechner laufen lassen, 10 Minuten Installation](https://www.johannesholstein.de/gsCMS/index.php?id=sonstige-video-tutorials) by [Johannes Holstein](https://www.johannesholstein.de)
+
 ## License
 
 MIT
diff --git a/src/assets/locale/ar/playground.json b/src/assets/locale/ar/playground.json
@@ -24,7 +24,8 @@
         "uploadImage": "تحميل صورة",
         "stopStreaming": "إيقاف البث",
         "knowledge": "المعرفة",
-        "vision": "[تجريبي] محادثة الرؤية"
+        "vision": "[تجريبي] محادثة الرؤية",
+        "clearContext": "مسح السياق"
     },
     "sendWhenEnter": "إرسال عند الضغط على Enter",
     "welcome": "مرحباً! كيف يمكنني مساعدتك اليوم؟",
diff --git a/src/assets/locale/da/playground.json b/src/assets/locale/da/playground.json
@@ -23,7 +23,8 @@
         "speechToText": "Tal til Tekst",
         "uploadImage": "Upload Billed",
         "stopStreaming": "Stop Streaming",
-        "knowledge": "Viden"
+        "knowledge": "Viden",
+        "clearContext": "Ryd Kontekst"
     },
     "sendWhenEnter": "Søg, når Indtast trykkes",
     "welcome": "Hej! Hvordan kan jeg hjælpe dig i dag?",
diff --git a/src/assets/locale/de/playground.json b/src/assets/locale/de/playground.json
@@ -23,7 +23,8 @@
         "speechToText": "Sprache zu Text",
         "uploadImage": "Bild hochladen",
         "stopStreaming": "Streaming stoppen",
-        "knowledge": "Wissen"
+        "knowledge": "Wissen",
+        "clearContext": "Kontext löschen"
     },
     "sendWhenEnter": "Senden bei Drücken der Eingabetaste",
     "welcome": "Hallo! Wie kann ich Ihnen heute helfen?",
diff --git a/src/assets/locale/en/playground.json b/src/assets/locale/en/playground.json
@@ -24,7 +24,8 @@
         "uploadImage": "Upload Image",
         "stopStreaming": "Stop Streaming",
         "knowledge": "Knowledge",
-        "vision": "[Experimental] Vision Chat"
+        "vision": "[Experimental] Vision Chat",
+        "clearContext": "Clear Context"
     },
     "sendWhenEnter": "Send when Enter pressed",
     "welcome": "Hello! How can I help you today?",
diff --git a/src/assets/locale/en/settings.json b/src/assets/locale/en/settings.json
@@ -111,6 +111,12 @@
         "button": "Import Data",
         "success": "Import Success",
         "error": "Import Error"
+      },
+      "actionIcon": {
+        "label": "Set Default Action for Extension Icon Clicks"
+      },
+      "contextMenu": {
+        "label": "Set Default action for Context Menu"
       }
     },
     "tts": {
diff --git a/src/assets/locale/es/playground.json b/src/assets/locale/es/playground.json
@@ -23,9 +23,10 @@
         "speechToText": "Voz a Texto",
         "uploadImage": "Subir Imagén",
         "stopStreaming": "Parar Transmisión",
-        "knowledge": "Conocimiento"
+        "knowledge": "Conocimiento",
+        "clearContext": "Limpiar Contexto"
     },
     "sendWhenEnter": "Enviar cuando presione Enter",
     "welcome": "¡Hola! ¿Cómo puedo ayudarte hoy?",
     "useOCR": "Extraer texto de imagen (OCR)"
-}
+}
diff --git a/src/assets/locale/fa/playground.json b/src/assets/locale/fa/playground.json
@@ -23,9 +23,10 @@
         "speechToText": "گفتار به متن",
         "uploadImage": "آپلود تصویر",
         "stopStreaming": "توقف Streaming",
-        "knowledge": "دانش"
+        "knowledge": "دانش",
+        "clearContext": "پاک کردن متن"
     },
     "sendWhenEnter": "با فشار دادن Enter ارسال شود",
     "welcome": "سلام! امروز چطور می‌توانم به شما کمک کنم؟",
     "useOCR": "استخراج متن از تصویر (OCR)"
-}
+}
diff --git a/src/assets/locale/fr/playground.json b/src/assets/locale/fr/playground.json
@@ -24,7 +24,8 @@
         "uploadImage": "Uploader une image",
         "stopStreaming": "Arrêter la diffusion",
         "knowledge": "Connaissances",
-        "vision": "Discussion visuelle [Expérimental]"
+        "vision": "Discussion visuelle [Expérimental]",
+        "clearContext": "Effacer le contexte"
     },
     "sendWhenEnter": "Envoyer en appuyant sur Entrée",
     "welcome": "Bonjour ! Comment puis-je vous aider aujourd'hui ?",
diff --git a/src/assets/locale/it/playground.json b/src/assets/locale/it/playground.json
@@ -23,7 +23,8 @@
         "speechToText": "Speech to Text",
         "uploadImage": "Carica immagine",
         "stopStreaming": "Ferma lo Streaming",
-        "knowledge": "Conoscenza"
+        "knowledge": "Conoscenza",
+        "clearContext": "Cancella Contesto"
     },
     "sendWhenEnter": "Invia subito dopo Enter",
     "welcome": "Ciao! Come posso aiutarti oggi?",
diff --git a/src/assets/locale/ja-JP/playground.json b/src/assets/locale/ja-JP/playground.json
@@ -23,7 +23,8 @@
         "speechToText": "音声入力",
         "uploadImage": "画像をアップロード",
         "stopStreaming": "ストリーミングを停止",
-        "knowledge": "知識"
+        "knowledge": "知識",
+        "clearContext": "コンテキストをクリア"
     },
     "sendWhenEnter": "Enterキーを押すと送信",
     "welcome": "こんにちは！本日はどのようなお手伝いができますか？",
diff --git a/src/assets/locale/ko/playground.json b/src/assets/locale/ko/playground.json
@@ -23,9 +23,10 @@
         "speechToText": "음성 입력",
         "uploadImage": "이미지 업로드",
         "stopStreaming": "스트리밍 중지",
-        "knowledge": "지식"
+        "knowledge": "지식",
+        "clearContext": "컨텍스트 지우기"
     },
     "sendWhenEnter": "Enter 키를 누르면 전송",
     "welcome": "안녕하세요! 오늘 어떻게 도와드릴까요?",
     "useOCR": "이미지에서 텍스트 추출 (OCR)"
-}
+}
diff --git a/src/assets/locale/ml/playground.json b/src/assets/locale/ml/playground.json
@@ -23,7 +23,8 @@
         "speechToText": "സംഭാഷണം ടെക്സ്റ്റായി",
         "uploadImage": "ഇമേജ് അപ്‌ലോഡ് ചെയ്യുക",
         "stopStreaming": "സ്ട്രീമിംഗ് നിർത്തുക",
-        "knowledge": "അറിവ്"
+        "knowledge": "അറിവ്",
+        "clearContext": "സന്ദർഭം മായ്ക്കുക"
     },
     "sendWhenEnter": "എന്റര്‍ അമര്‍ത്തുമ്പോള്‍ അയയ്ക്കുക",
     "welcome": "നമസ്കാരം! ഇന്ന് എനിക്ക് നിങ്ങളെ എങ്ങനെ സഹായിക്കാൻ കഴിയും?",
diff --git a/src/assets/locale/no/playground.json b/src/assets/locale/no/playground.json
@@ -23,9 +23,10 @@
         "speechToText": "Tale til Tekst",
         "uploadImage": "Last opp Bilde",
         "stopStreaming": "Stopp Streaming",
-        "knowledge": "Kunnskap"
+        "knowledge": "Kunnskap",
+        "clearContext": "Tøm Kontekst"
     },
     "sendWhenEnter": "Søk når Enter trykkes",
     "welcome": "Hei! Hvordan kan jeg hjelpe deg i dag?",
     "useOCR": "Trekk ut tekst fra bilde (OCR)"
-}
+}
diff --git a/src/assets/locale/pt-BR/playground.json b/src/assets/locale/pt-BR/playground.json
@@ -23,7 +23,8 @@
         "speechToText": "Fala para Texto",
         "uploadImage": "Carregar Imagem",
         "stopStreaming": "Parar Streaming",
-        "knowledge": "Conhecimento"
+        "knowledge": "Conhecimento",
+        "clearContext": "Limpar Contexto"
     },
     "sendWhenEnter": "Enviar ao pressionar Enter",
     "welcome": "Olá! Como posso ajudar você hoje?",
diff --git a/src/assets/locale/ru/playground.json b/src/assets/locale/ru/playground.json
@@ -23,9 +23,10 @@
         "speechToText": "Речь в текст",
         "uploadImage": "Загрузить изображение",
         "stopStreaming": "Остановить поток",
-        "knowledge": "Знание"
+        "knowledge": "Знание",
+        "clearContext": "Очистить контекст"
     },
     "sendWhenEnter": "Отправить при нажатии клавиши Enter",
     "welcome": "Здравствуйте! Как я могу помочь вам сегодня?",
     "useOCR": "Извлечь текст из изображения (OCR)"
-}
+}
diff --git a/src/assets/locale/sv/playground.json b/src/assets/locale/sv/playground.json
@@ -23,9 +23,10 @@
         "speechToText": "Tal till text",
         "uploadImage": "Ladda upp bild",
         "stopStreaming": "Stoppa strömning",
-        "knowledge": "Kunskap"
+        "knowledge": "Kunskap",
+        "clearContext": "Rensa kontext"
     },
     "sendWhenEnter": "Skicka när Enter trycks",
     "welcome": "Hej! Hur kan jag hjälpa dig idag?",
     "useOCR": "Extrahera text från bild (OCR)"
-}
+}
diff --git a/src/assets/locale/uk/playground.json b/src/assets/locale/uk/playground.json
@@ -23,7 +23,8 @@
         "speechToText": "Голос у текст",
         "uploadImage": "Завантажити зображення",
         "stopStreaming": "Зупинити трансляцію",
-        "knowledge": "Знання"
+        "knowledge": "Знання",
+        "clearContext": "Очистити контекст"
     },
     "sendWhenEnter": "Надсилати при натисканні Enter",
     "welcome": "Вітаю! Як я можу допомогти вам сьогодні?",
diff --git a/src/assets/locale/zh-TW/playground.json b/src/assets/locale/zh-TW/playground.json
@@ -24,7 +24,8 @@
         "uploadImage": "上傳圖片",
         "stopStreaming": "停止串流",
         "knowledge": "知識",
-        "vision": "[實驗]視覺聊天"
+        "vision": "[實驗]視覺聊天",
+        "clearContext": "清除對話"
     },
     "sendWhenEnter": "按 Enter 送出",
     "welcome": "你好！今天我能幫你什麼？",
diff --git a/src/assets/locale/zh/playground.json b/src/assets/locale/zh/playground.json
@@ -24,7 +24,8 @@
         "uploadImage": "上传图片",
         "stopStreaming": "停止流式传输",
         "knowledge": "知识",
-        "vision": "[实验性] 视觉聊天"
+        "vision": "[实验性] 视觉聊天",
+        "clearContext": "清除上下文"
     },
     "sendWhenEnter": "按Enter发送",
     "welcome": "你好！今天我能帮你什么？",
diff --git a/src/components/Option/Playground/PlaygroundForm.tsx b/src/components/Option/Playground/PlaygroundForm.tsx
@@ -8,7 +8,7 @@ import { Checkbox, Dropdown, Switch, Tooltip } from "antd"
 import { Image } from "antd"
 import { useWebUI } from "~/store/webui"
 import { defaultEmbeddingModelForRag } from "~/services/ollama"
-import { ImageIcon, MicIcon, StopCircleIcon, X } from "lucide-react"
+import { EraserIcon, ImageIcon, MicIcon, StopCircleIcon, X } from "lucide-react"
 import { getVariable } from "@/utils/select-variable"
 import { useTranslation } from "react-i18next"
 import { KnowledgeSelect } from "../Knowledge/KnowledgeSelect"
@@ -43,7 +43,9 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
     temporaryChat,
     useOCR,
     setUseOCR,
-    defaultInternetSearchOn
+    defaultInternetSearchOn,
+    setHistory,
+    history
   } = useMessageOption()
 
   const isMobile = () => {
@@ -235,8 +237,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
               />
             </div>
             <div>
-              <div
-                className={`flex  bg-transparent `}>
+              <div className={`flex  bg-transparent `}>
                 <form
                   onSubmit={form.onSubmit(async (value) => {
                     stopListening()
@@ -320,6 +321,20 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
                         )}
                       </div>
                       <div className="flex !justify-end gap-3">
+                        {history.length > 0 && (
+                          <Tooltip title={t("tooltip.clearContext")}>
+                            <button
+                              type="button"
+                              onClick={() => {
+                                setHistory([])
+                              }}
+                              className={`flex items-center justify-center dark:text-gray-300 ${
+                                chatMode === "rag" ? "hidden" : "block"
+                              }`}>
+                              <EraserIcon className="h-5 w-5" />
+                            </button>
+                          </Tooltip>
+                        )}
                         {!selectedKnowledge && (
                           <Tooltip title={t("tooltip.uploadImage")}>
                             <button
diff --git a/src/components/Option/Settings/general-settings.tsx b/src/components/Option/Settings/general-settings.tsx
@@ -1,22 +1,15 @@
-import { useQueryClient } from "@tanstack/react-query"
 import { useDarkMode } from "~/hooks/useDarkmode"
-import { useMessageOption } from "~/hooks/useMessageOption"
-import { PageAssitDatabase } from "@/db"
 import { Select, Switch } from "antd"
 import { SUPPORTED_LANGUAGES } from "~/utils/supported-languages"
 import { MoonIcon, SunIcon } from "lucide-react"
 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 { useStorage } from "@plasmohq/storage/hook"
+import { SystemSettings } from "./system-settings"
 
 export const GeneralSettings = () => {
-  const { clearChat } = useMessageOption()
   const [userChatBubble, setUserChatBubble] = useStorage("userChatBubble", true)
 
   const [speechToTextLanguage, setSpeechToTextLanguage] = useStorage(
@@ -59,7 +52,6 @@ export const GeneralSettings = () => {
 
   const [openReasoning, setOpenReasoning] = useStorage("openReasoning", false)
 
-  const queryClient = useQueryClient()
 
   const { mode, toggleDarkMode } = useDarkMode()
   const { t } = useTranslation("settings")
@@ -272,78 +264,7 @@ export const GeneralSettings = () => {
       </div>
       <SearchModeSettings />
       <TTSModeSettings />
-      <div>
-        <div className="mb-5">
-          <h2 className="text-base font-semibold leading-7 text-gray-900 dark:text-white">
-            {t("generalSettings.system.heading")}
-          </h2>
-          <div className="border border-b border-gray-200 dark:border-gray-600 mt-3"></div>
-        </div>
-
-        <div className="flex flex-row mb-3 justify-between">
-          <span className="text-gray-700 dark:text-neutral-50 ">
-            {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-700 dark:text-neutral-50 ">
-            {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 className="flex flex-row mb-3 justify-between">
-          <span className="text-gray-700 dark:text-neutral-50 ">
-            {t("generalSettings.system.deleteChatHistory.label")}
-          </span>
-
-          <button
-            onClick={async () => {
-              const confirm = window.confirm(
-                t("generalSettings.system.deleteChatHistory.confirm")
-              )
-
-              if (confirm) {
-                const db = new PageAssitDatabase()
-                await db.deleteAllChatHistory()
-                queryClient.invalidateQueries({
-                  queryKey: ["fetchChatHistory"]
-                })
-                clearChat()
-                try {
-                  await browser.storage.sync.clear()
-                  await browser.storage.local.clear()
-                  await browser.storage.session.clear()
-                } catch (e) {
-                  console.error("Error clearing storage:", e)
-                }
-              }
-            }}
-            className="bg-red-500 dark:bg-red-600 text-white dark:text-gray-200 px-4 py-2 rounded-md">
-            {t("generalSettings.system.deleteChatHistory.button")}
-          </button>
-        </div>
-      </div>
+      <SystemSettings />
     </dl>
   )
 }
diff --git a/src/components/Option/Settings/system-settings.tsx b/src/components/Option/Settings/system-settings.tsx
diff --git a/src/components/Sidepanel/Chat/header.tsx b/src/components/Sidepanel/Chat/header.tsx
diff --git a/src/db/knowledge.ts b/src/db/knowledge.ts
diff --git a/src/entries-firefox/background.ts b/src/entries-firefox/background.ts
diff --git a/src/entries/background.ts b/src/entries/background.ts
diff --git a/src/hooks/useMessage.tsx b/src/hooks/useMessage.tsx
diff --git a/src/hooks/useMessageOption.tsx b/src/hooks/useMessageOption.tsx
diff --git a/src/services/action.ts b/src/services/action.ts
diff --git a/src/web/web.ts b/src/web/web.ts
diff --git a/wxt.config.ts b/wxt.config.ts
