Merge branch 'master' of github.com-jstawski:jstawski/anything-llm

jstawskigmi · jstawskigmi · commit 634b67b0e2ee · 2025-10-02T17:35:09.000-04:00
diff --git a/frontend/src/components/LLMSelection/FireworksAiOptions/index.jsx b/frontend/src/components/LLMSelection/FireworksAiOptions/index.jsx
@@ -2,6 +2,11 @@ import System from "@/models/system";
 import { useState, useEffect } from "react";
 
 export default function FireworksAiOptions({ settings }) {
+  const [inputValue, setInputValue] = useState(settings?.FireworksAiLLMApiKey);
+  const [fireworksAiApiKey, setFireworksAiApiKey] = useState(
+    settings?.FireworksAiLLMApiKey
+  );
+
   return (
     <div className="flex gap-[36px] mt-1.5">
       <div className="flex flex-col w-60">
@@ -17,22 +22,27 @@ export default function FireworksAiOptions({ settings }) {
           required={true}
           autoComplete="off"
           spellCheck={false}
+          onChange={(e) => setInputValue(e.target.value)}
+          onBlur={() => setFireworksAiApiKey(inputValue)}
         />
       </div>
       {!settings?.credentialsOnly && (
-        <FireworksAiModelSelection settings={settings} />
+        <FireworksAiModelSelection
+          apiKey={fireworksAiApiKey}
+          settings={settings}
+        />
       )}
     </div>
   );
 }
-function FireworksAiModelSelection({ settings }) {
+function FireworksAiModelSelection({ apiKey, settings }) {
   const [groupedModels, setGroupedModels] = useState({});
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
     async function findCustomModels() {
       setLoading(true);
-      const { models } = await System.customModels("fireworksai");
+      const { models } = await System.customModels("fireworksai", apiKey);
 
       if (models?.length > 0) {
         const modelsByOrganization = models.reduce((acc, model) => {
@@ -47,7 +57,7 @@ function FireworksAiModelSelection({ settings }) {
       setLoading(false);
     }
     findCustomModels();
-  }, []);
+  }, [apiKey]);
 
   if (loading || Object.keys(groupedModels).length === 0) {
     return (
diff --git a/frontend/src/locales/ar/common.js b/frontend/src/locales/ar/common.js
@@ -808,6 +808,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/da/common.js b/frontend/src/locales/da/common.js
@@ -847,6 +847,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/de/common.js b/frontend/src/locales/de/common.js
@@ -546,6 +546,10 @@ const TRANSLATIONS = {
         icon: "Icon",
         link: "Link",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/en/common.js b/frontend/src/locales/en/common.js
@@ -564,6 +564,11 @@ const TRANSLATIONS = {
         icon: "Icon",
         link: "Link",
       },
+      "render-html": {
+        title: "Render HTML in chat",
+        description:
+          "Render HTML responses in assistant responses.\nThis can result in a much higher fidelity of response quality, but can also lead to potential security risks.",
+      },
     },
   },
 
diff --git a/frontend/src/locales/es/common.js b/frontend/src/locales/es/common.js
@@ -557,6 +557,10 @@ const TRANSLATIONS = {
         icon: "Icono",
         link: "Enlace",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/et/common.js b/frontend/src/locales/et/common.js
@@ -523,6 +523,10 @@ const TRANSLATIONS = {
         icon: "Ikoon",
         link: "Link",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/fa/common.js b/frontend/src/locales/fa/common.js
@@ -800,6 +800,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/fr/common.js b/frontend/src/locales/fr/common.js
@@ -808,6 +808,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/he/common.js b/frontend/src/locales/he/common.js
@@ -529,6 +529,10 @@ const TRANSLATIONS = {
         icon: "סמל",
         link: "קישור",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/it/common.js b/frontend/src/locales/it/common.js
@@ -806,6 +806,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/ja/common.js b/frontend/src/locales/ja/common.js
@@ -839,6 +839,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/ko/common.js b/frontend/src/locales/ko/common.js
@@ -532,6 +532,10 @@ const TRANSLATIONS = {
         icon: "아이콘",
         link: "링크",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/lv/common.js b/frontend/src/locales/lv/common.js
@@ -541,6 +541,10 @@ const TRANSLATIONS = {
         icon: "Ikona",
         link: "Saite",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/nl/common.js b/frontend/src/locales/nl/common.js
@@ -803,6 +803,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/pl/common.js b/frontend/src/locales/pl/common.js
@@ -550,6 +550,10 @@ const TRANSLATIONS = {
         icon: "Ikona",
         link: "Link",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/pt_BR/common.js b/frontend/src/locales/pt_BR/common.js
@@ -531,6 +531,10 @@ const TRANSLATIONS = {
         icon: "Ícone",
         link: "Link",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/ro/common.js b/frontend/src/locales/ro/common.js
@@ -998,6 +998,10 @@ const TRANSLATIONS = {
         icon: "Iconiță",
         link: "Link",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/ru/common.js b/frontend/src/locales/ru/common.js
@@ -848,6 +848,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/tr/common.js b/frontend/src/locales/tr/common.js
@@ -799,6 +799,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/vn/common.js b/frontend/src/locales/vn/common.js
@@ -802,6 +802,10 @@ const TRANSLATIONS = {
         icon: null,
         link: null,
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/locales/zh/common.js b/frontend/src/locales/zh/common.js
@@ -509,6 +509,10 @@ const TRANSLATIONS = {
         icon: "图标",
         link: "链接",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   api: {
diff --git a/frontend/src/locales/zh_TW/common.js b/frontend/src/locales/zh_TW/common.js
@@ -810,6 +810,10 @@ const TRANSLATIONS = {
         icon: "圖示",
         link: "連結",
       },
+      "render-html": {
+        title: null,
+        description: null,
+      },
     },
   },
   "main-page": {
diff --git a/frontend/src/models/appearance.js b/frontend/src/models/appearance.js
@@ -4,7 +4,8 @@ import { APPEARANCE_SETTINGS } from "@/utils/constants";
  * @typedef { 'showScrollbar' |
  * 'autoSubmitSttInput' |
  * 'autoPlayAssistantTtsResponse' |
- * 'enableSpellCheck'
+ * 'enableSpellCheck' |
+ * 'renderHTML'
  * } AvailableSettings - The supported settings for the appearance model.
  */
 
@@ -14,11 +15,12 @@ const Appearance = {
     autoSubmitSttInput: true,
     autoPlayAssistantTtsResponse: false,
     enableSpellCheck: true,
+    renderHTML: false,
   },
 
   /**
    * Fetches any locally storage settings for the user
-   * @returns {{showScrollbar: boolean}}
+   * @returns {{showScrollbar: boolean, autoSubmitSttInput: boolean, autoPlayAssistantTtsResponse: boolean, enableSpellCheck: boolean, renderHTML: boolean}}
    */
   getSettings: () => {
     try {
diff --git a/frontend/src/pages/GeneralSettings/Settings/Chat/index.jsx b/frontend/src/pages/GeneralSettings/Settings/Chat/index.jsx
@@ -5,6 +5,7 @@ import AutoSubmit from "../components/AutoSubmit";
 import AutoSpeak from "../components/AutoSpeak";
 import SpellCheck from "../components/SpellCheck";
 import ShowScrollbar from "../components/ShowScrollbar";
+import ChatRenderHTML from "../components/ChatRenderHTML";
 
 export default function ChatSettings() {
   const { t } = useTranslation();
@@ -31,6 +32,7 @@ export default function ChatSettings() {
           <AutoSpeak />
           <SpellCheck />
           <ShowScrollbar />
+          <ChatRenderHTML />
         </div>
       </div>
     </div>
diff --git a/frontend/src/pages/GeneralSettings/Settings/components/ChatRenderHTML/index.jsx b/frontend/src/pages/GeneralSettings/Settings/components/ChatRenderHTML/index.jsx
@@ -0,0 +1,56 @@
+import React, { useState, useEffect } from "react";
+import Appearance from "@/models/appearance";
+import { useTranslation } from "react-i18next";
+
+export default function ChatRenderHTML() {
+  const { t } = useTranslation();
+  const [saving, setSaving] = useState(false);
+  const [renderHTML, setRenderHTML] = useState(false);
+
+  const handleChange = async (e) => {
+    const newValue = e.target.checked;
+    setRenderHTML(newValue);
+    setSaving(true);
+    try {
+      Appearance.updateSettings({ renderHTML: newValue });
+    } catch (error) {
+      console.error("Failed to update appearance settings:", error);
+      setRenderHTML(!newValue);
+    }
+    setSaving(false);
+  };
+
+  useEffect(() => {
+    function fetchSettings() {
+      const settings = Appearance.getSettings();
+      setRenderHTML(settings.renderHTML);
+    }
+    fetchSettings();
+  }, []);
+
+  return (
+    <div className="flex flex-col gap-y-0.5 my-4">
+      <p className="text-sm leading-6 font-semibold text-white">
+        {t("customization.items.render-html.title")}
+      </p>
+      <p className="text-xs text-white/60 w-1/2 whitespace-pre-line">
+        {t("customization.items.render-html.description")}
+      </p>
+      <div className="flex items-center gap-x-4 pt-1">
+        <label className="relative inline-flex cursor-pointer items-center">
+          <input
+            id="render_html"
+            type="checkbox"
+            name="render_html"
+            value="yes"
+            checked={renderHTML}
+            onChange={handleChange}
+            disabled={saving}
+            className="peer sr-only"
+          />
+          <div className="pointer-events-none peer h-6 w-11 rounded-full bg-[#CFCFD0] after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:shadow-xl after:border-none after:bg-white after:box-shadow-md after:transition-all after:content-[''] peer-checked:bg-[#32D583] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-transparent"></div>
+        </label>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/utils/chat/markdown.js b/frontend/src/utils/chat/markdown.js
diff --git a/server/storage/models/.gitignore b/server/storage/models/.gitignore
diff --git a/server/utils/AiProviders/fireworksAi/index.js b/server/utils/AiProviders/fireworksAi/index.js
diff --git a/server/utils/AiProviders/fireworksAi/models.js b/server/utils/AiProviders/fireworksAi/models.js
diff --git a/server/utils/AiProviders/fireworksAi/scripts/.gitignore b/server/utils/AiProviders/fireworksAi/scripts/.gitignore
diff --git a/server/utils/AiProviders/fireworksAi/scripts/chat_models.txt b/server/utils/AiProviders/fireworksAi/scripts/chat_models.txt
diff --git a/server/utils/AiProviders/fireworksAi/scripts/parse.mjs b/server/utils/AiProviders/fireworksAi/scripts/parse.mjs
diff --git a/server/utils/helpers/customModels.js b/server/utils/helpers/customModels.js
