fix: bug fix

src/components/Layouts/Header.tsx

@@ -120,20 +120,30 @@ export const Header: React.FC<Props> = ({
           {"/"}
         </span>
         <div className="hidden lg:block">
-          <PageAssistSelect
+          <Select
             className="w-80"
             placeholder={t("common:selectAModel")}
-            loadingText={t("common:selectAModel")}
+            // loadingText={t("common:selectAModel")}
             value={selectedModel}
             onChange={(e) => {
-              setSelectedModel(e.value)
-              localStorage.setItem("selectedModel", e.value)
+              setSelectedModel(e)
+              localStorage.setItem("selectedModel", e)
             }}
-            isLoading={isModelsLoading}
+            filterOption={(input, option) => {
+              //@ts-ignore
+              return (
+                option?.label?.props["data-title"]
+                  ?.toLowerCase()
+                  ?.indexOf(input.toLowerCase()) >= 0
+              )
+            }}
+            showSearch
+            loading={isModelsLoading}
             options={models?.map((model) => ({
               label: (
                 <span
                   key={model.model}
+                  data-title={model.name}
                   className="flex flex-row gap-3 items-center ">
                   <ProviderIcons
                     provider={model?.provider}
@@ -144,9 +154,10 @@ export const Header: React.FC<Props> = ({
               ),
               value: model.model
             }))}
-            onRefresh={() => {
-              refetch()
-            }}
+            size="large"
+            // onRefresh={() => {
+            //   refetch()
+            // }}
           />
         </div>
         <div className="lg:hidden">

src/components/Layouts/MoreOptions.tsx

@@ -122,7 +122,6 @@ const generateChatImage = async (messages: Message[]) => {
   })
 
   canvas.height = totalHeight
-  console.log(totalHeight)
 
   ctx.fillStyle = "#ffffff"
   ctx.fillRect(0, 0, canvas.width, canvas.height)

src/components/Option/Knowledge/index.tsx

@@ -18,7 +18,7 @@ export const KnowledgeSettings = () => {
   const { data, status } = useQuery({
     queryKey: ["fetchAllKnowledge"],
     queryFn: () => getAllKnowledge(),
-    refetchInterval: 1000
+    refetchInterval: 1000,
   })
 
   const { mutate: deleteKnowledgeMutation, isPending: isDeleting } =

src/components/Option/Playground/Playground.tsx

@@ -104,7 +104,6 @@ export const Playground = () => {
         const lastUsedPrompt = await getLastUsedChatSystemPrompt(
           recentChat.history.id
         )
-        console.log("lastUsedPrompt", lastUsedPrompt)
         if (lastUsedPrompt) {
           if (lastUsedPrompt.prompt_id) {
             const prompt = await getPromptById(lastUsedPrompt.prompt_id)

src/components/Option/Settings/general-settings.tsx

@@ -291,7 +291,7 @@ export const GeneralSettings = () => {
                   await browser.storage.local.clear()
                   await browser.storage.session.clear()
                 } catch (e) {
-                  console.log("Error clearing storage:", e)
+                  console.error("Error clearing storage:", e)
                 }
               }
             }}

src/components/Option/Settings/tts-mode.tsx

@@ -46,7 +46,7 @@ export const TTSModeSettings = ({ hideBorder }: { hideBorder?: boolean }) => {
           return { voices, models }
         }
       } catch (e) {
-        console.log(e)
+        console.error(e)
         message.error("Error fetching ElevenLabs data")
       }
       return null