feat(providers): add models.json for models list

README.md

@@ -159,7 +159,6 @@ Perplexica runs on Next.js and handles all API requests. It works right away on
 
 [![Deploy to Sealos](https://raw.githubusercontent.com/labring-actions/templates/main/Deploy-on-Sealos.svg)](https://usw.sealos.io/?openapp=system-template%3FtemplateName%3Dperplexica)
 [![Deploy to RepoCloud](https://d16t0pc4846x52.cloudfront.net/deploylobe.svg)](https://repocloud.io/details/?app_id=267)
-[![Run on ClawCloud](https://raw.githubusercontent.com/ClawCloud/Run-Template/refs/heads/main/Run-on-ClawCloud.svg)](https://template.run.claw.cloud/?referralCode=U11MRQ8U9RM4&openapp=system-fastdeploy%3FtemplateName%3Dperplexica)
 
 ## Upcoming Features
 

data/.gitignore

@@ -1,2 +1,3 @@
 *
+!models.json
 !.gitignore

data/models.json

@@ -0,0 +1,157 @@
+{
+  "_comment": "Ollama models are fetched from the Ollama API, so they are not included here.",
+  "chatModels": {
+    "openai": [
+      {
+        "displayName": "GPT-3.5 Turbo",
+        "key": "gpt-3.5-turbo"
+      },
+      {
+        "displayName": "GPT-4",
+        "key": "gpt-4"
+      },
+      {
+        "displayName": "GPT-4 Turbo",
+        "key": "gpt-4-turbo"
+      },
+      {
+        "displayName": "GPT-4 Omni",
+        "key": "gpt-4o"
+      },
+      {
+        "displayName": "GPT-4 Omni Mini",
+        "key": "gpt-4o-mini"
+      }
+    ],
+    "groq": [
+      {
+        "displayName": "Gemma2 9B IT",
+        "key": "gemma2-9b-it"
+      },
+      {
+        "displayName": "Llama 3.3 70B Versatile",
+        "key": "llama-3.3-70b-versatile"
+      },
+      {
+        "displayName": "Llama 3.1 8B Instant",
+        "key": "llama-3.1-8b-instant"
+      },
+      {
+        "displayName": "Llama3 70B 8192",
+        "key": "llama3-70b-8192"
+      },
+      {
+        "displayName": "Llama3 8B 8192",
+        "key": "llama3-8b-8192"
+      },
+      {
+        "displayName": "Mixtral 8x7B 32768",
+        "key": "mixtral-8x7b-32768"
+      },
+      {
+        "displayName": "Qwen QWQ 32B (Preview)",
+        "key": "qwen-qwq-32b"
+      },
+      {
+        "displayName": "Mistral Saba 24B (Preview)",
+        "key": "mistral-saba-24b"
+      },
+      {
+        "displayName": "DeepSeek R1 Distill Llama 70B (Preview)",
+        "key": "deepseek-r1-distill-llama-70b"
+      }
+    ],
+    "gemini": [
+      {
+        "displayName": "Gemini 2.5 Pro Experimental",
+        "key": "gemini-2.5-pro-exp-03-25"
+      },
+      {
+        "displayName": "Gemini 2.0 Flash",
+        "key": "gemini-2.0-flash"
+      },
+      {
+        "displayName": "Gemini 2.0 Flash-Lite",
+        "key": "gemini-2.0-flash-lite"
+      },
+      {
+        "displayName": "Gemini 2.0 Flash Thinking Experimental",
+        "key": "gemini-2.0-flash-thinking-exp-01-21"
+      },
+      {
+        "displayName": "Gemini 1.5 Flash",
+        "key": "gemini-1.5-flash"
+      },
+      {
+        "displayName": "Gemini 1.5 Flash-8B",
+        "key": "gemini-1.5-flash-8b"
+      },
+      {
+        "displayName": "Gemini 1.5 Pro",
+        "key": "gemini-1.5-pro"
+      }
+    ],
+    "anthropic": [
+      {
+        "displayName": "Claude 3.7 Sonnet",
+        "key": "claude-3-7-sonnet-20250219"
+      },
+      {
+        "displayName": "Claude 3.5 Haiku",
+        "key": "claude-3-5-haiku-20241022"
+      },
+      {
+        "displayName": "Claude 3.5 Sonnet v2",
+        "key": "claude-3-5-sonnet-20241022"
+      },
+      {
+        "displayName": "Claude 3.5 Sonnet",
+        "key": "claude-3-5-sonnet-20240620"
+      },
+      {
+        "displayName": "Claude 3 Opus",
+        "key": "claude-3-opus-20240229"
+      },
+      {
+        "displayName": "Claude 3 Sonnet",
+        "key": "claude-3-sonnet-20240229"
+      },
+      {
+        "displayName": "Claude 3 Haiku",
+        "key": "claude-3-haiku-20240307"
+      }
+    ]
+  },
+  "embeddingModels": {
+    "openai": [
+      {
+        "displayName": "Text Embedding 3 Large",
+        "key": "text-embedding-3-large"
+      },
+      {
+        "displayName": "Text Embedding 3 Small",
+        "key": "text-embedding-3-small"
+      }
+    ],
+    "gemini": [
+      {
+        "displayName": "Gemini Embedding",
+        "key": "gemini-embedding-exp"
+      }
+    ],
+    "transformers": [
+      {
+        "displayName": "BGE Small",
+        "key": "xenova-bge-small-en-v1.5"
+      },
+      {
+        "displayName": "GTE Small",
+        "key": "xenova-gte-small"
+      },
+      {
+        "displayName": "Bert Multilingual",
+        "key": "xenova-bert-base-multilingual-uncased"
+      }
+    ]
+  }
+}

docs/API/SEARCH.md

@@ -33,7 +33,6 @@ The API accepts a JSON object in the request body, where you define the focus mo
     ["human", "Hi, how are you?"],
     ["assistant", "I am doing well, how can I help you today?"]
   ],
-  "systemInstructions": "Focus on providing technical details about Perplexica's architecture.",
   "stream": false
 }
 ```
@@ -64,8 +63,6 @@ The API accepts a JSON object in the request body, where you define the focus mo
 
 - **`query`** (string, required): The search query or question.
 
-- **`systemInstructions`** (string, optional): Custom instructions provided by the user to guide the AI's response. These instructions are treated as user preferences and have lower priority than the system's core instructions. For example, you can specify a particular writing style, format, or focus area.
-
 - **`history`** (array, optional): An array of message pairs representing the conversation history. Each pair consists of a role (either 'human' or 'assistant') and the message content. This allows the system to use the context of the conversation to refine results. Example:
 
   ```json

package.json

@@ -1,6 +1,6 @@
 {
   "name": "perplexica-frontend",
-  "version": "1.10.2",
+  "version": "1.10.1",
   "license": "MIT",
   "author": "ItzCrazyKns",
   "scripts": {

sample.config.toml

@@ -22,8 +22,5 @@ MODEL_NAME = ""
 [MODELS.OLLAMA]
 API_URL = "" # Ollama API URL - http://host.docker.internal:11434
 
-[MODELS.DEEPSEEK]
-API_KEY = ""
-
 [API_ENDPOINTS]
 SEARXNG = "" # SearxNG API URL - http://localhost:32768

src/app/api/config/route.ts

@@ -7,7 +7,6 @@ import {
   getGroqApiKey,
   getOllamaApiEndpoint,
   getOpenaiApiKey,
-  getDeepseekApiKey,
   updateConfig,
 } from '@/lib/config';
 import {
@@ -54,7 +53,6 @@ export const GET = async (req: Request) => {
     config['anthropicApiKey'] = getAnthropicApiKey();
     config['groqApiKey'] = getGroqApiKey();
     config['geminiApiKey'] = getGeminiApiKey();
-    config['deepseekApiKey'] = getDeepseekApiKey();
     config['customOpenaiApiUrl'] = getCustomOpenaiApiUrl();
     config['customOpenaiApiKey'] = getCustomOpenaiApiKey();
     config['customOpenaiModelName'] = getCustomOpenaiModelName();
@@ -90,9 +88,6 @@ export const POST = async (req: Request) => {
         OLLAMA: {
           API_URL: config.ollamaApiUrl,
         },
-        DEEPSEEK: {
-          API_KEY: config.deepseekApiKey,
-        },
         CUSTOM_OPENAI: {
           API_URL: config.customOpenaiApiUrl,
           API_KEY: config.customOpenaiApiKey,

src/app/api/search/route.ts

@@ -34,7 +34,6 @@ interface ChatRequestBody {
   query: string;
   history: Array<[string, string]>;
   stream?: boolean;
-  systemInstructions?: string;
 }
 
 export const POST = async (req: Request) => {
@@ -126,7 +125,7 @@ export const POST = async (req: Request) => {
       embeddings,
       body.optimizationMode,
       [],
-      body.systemInstructions || '',
+      '',
     );
 
     if (!body.stream) {

src/app/library/page.tsx

@@ -1,12 +1,10 @@
 'use client';
 
 import DeleteChat from '@/components/DeleteChat';
-import BatchDeleteChats from '@/components/BatchDeleteChats';
 import { cn, formatTimeDifference } from '@/lib/utils';
-import { BookOpenText, Check, ClockIcon, Delete, ScanEye, Search, X } from 'lucide-react';
+import { BookOpenText, ClockIcon, Delete, ScanEye } from 'lucide-react';
 import Link from 'next/link';
 import { useEffect, useState } from 'react';
-import { toast } from 'sonner';
 
 export interface Chat {
   id: string;
@@ -17,13 +15,7 @@ export interface Chat {
 
 const Page = () => {
   const [chats, setChats] = useState<Chat[]>([]);
-  const [filteredChats, setFilteredChats] = useState<Chat[]>([]);
   const [loading, setLoading] = useState(true);
-  const [searchQuery, setSearchQuery] = useState('');
-  const [selectionMode, setSelectionMode] = useState(false);
-  const [selectedChats, setSelectedChats] = useState<string[]>([]);
-  const [hoveredChatId, setHoveredChatId] = useState<string | null>(null);
-  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
 
   useEffect(() => {
     const fetchChats = async () => {
@@ -39,71 +31,12 @@ const Page = () => {
       const data = await res.json();
 
       setChats(data.chats);
-      setFilteredChats(data.chats);
       setLoading(false);
     };
 
     fetchChats();
   }, []);
 
-  useEffect(() => {
-    if (searchQuery.trim() === '') {
-      setFilteredChats(chats);
-    } else {
-      const filtered = chats.filter((chat) =>
-        chat.title.toLowerCase().includes(searchQuery.toLowerCase())
-      );
-      setFilteredChats(filtered);
-    }
-  }, [searchQuery, chats]);
-
-  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setSearchQuery(e.target.value);
-  };
-
-  const clearSearch = () => {
-    setSearchQuery('');
-  };
-
-  const toggleSelectionMode = () => {
-    setSelectionMode(!selectionMode);
-    setSelectedChats([]);
-  };
-
-  const toggleChatSelection = (chatId: string) => {
-    if (selectedChats.includes(chatId)) {
-      setSelectedChats(selectedChats.filter(id => id !== chatId));
-    } else {
-      setSelectedChats([...selectedChats, chatId]);
-    }
-  };
-
-  const selectAllChats = () => {
-    if (selectedChats.length === filteredChats.length) {
-      setSelectedChats([]);
-    } else {
-      setSelectedChats(filteredChats.map(chat => chat.id));
-    }
-  };
-
-  const deleteSelectedChats = () => {
-    if (selectedChats.length === 0) return;
-    setIsDeleteDialogOpen(true);
-  };
-
-  const handleBatchDeleteComplete = () => {
-    setSelectedChats([]);
-    setSelectionMode(false);
-  };
-
-  const updateChatsAfterDelete = (newChats: Chat[]) => {
-    setChats(newChats);
-    setFilteredChats(newChats.filter(chat => 
-      searchQuery.trim() === '' || 
-      chat.title.toLowerCase().includes(searchQuery.toLowerCase())
-    ));
-  };
-
   return loading ? (
     <div className="flex flex-row items-center justify-center min-h-screen">
       <svg
@@ -131,145 +64,32 @@ const Page = () => {
           <h1 className="text-3xl font-medium p-2">Library</h1>
         </div>
         <hr className="border-t border-[#2B2C2C] my-4 w-full" />
-        
-        {/* Search Box */}
-        <div className="relative mt-6 mb-6">
-          <div className="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
-            <Search className="w-5 h-5 text-black/50 dark:text-white/50" />
-          </div>
-          <input
-            type="text"
-            className="block w-full p-2 pl-10 pr-10 bg-light-secondary dark:bg-dark-secondary border border-light-200 dark:border-dark-200 rounded-md text-black dark:text-white focus:outline-none focus:ring-1 focus:ring-blue-500"
-            placeholder="Search your threads..."
-            value={searchQuery}
-            onChange={handleSearchChange}
-          />
-          {searchQuery && (
-            <button
-              onClick={clearSearch}
-              className="absolute inset-y-0 right-0 flex items-center pr-3"
-            >
-              <X className="w-5 h-5 text-black/50 dark:text-white/50 hover:text-black dark:hover:text-white" />
-            </button>
-          )}
-        </div>
-        
-        {/* Thread Count and Selection Controls */}
-        <div className="mb-4">
-          {!selectionMode ? (
-            <div className="flex items-center justify-between">
-              <div className="text-black/70 dark:text-white/70">
-                You have {chats.length} threads in Perplexica
-              </div>
-              <button
-                onClick={toggleSelectionMode}
-                className="text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white text-sm transition duration-200"
-              >
-                Select
-              </button>
-            </div>
-          ) : (
-            <div className="flex items-center justify-between">
-              <div className="text-black/70 dark:text-white/70">
-                {selectedChats.length} selected thread{selectedChats.length !== 1 ? 's' : ''}
-              </div>
-              <div className="flex space-x-4">
-                <button
-                  onClick={selectAllChats}
-                  className="text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white text-sm transition duration-200"
-                >
-                  {selectedChats.length === filteredChats.length ? 'Deselect all' : 'Select all'}
-                </button>
-                
-                <button
-                  onClick={toggleSelectionMode}
-                  className="text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white text-sm transition duration-200"
-                >
-                  Cancel
-                </button>
-                
-                <button
-                  onClick={deleteSelectedChats}
-                  disabled={selectedChats.length === 0}
-                  className={cn(
-                    "text-sm transition duration-200",
-                    selectedChats.length === 0 
-                      ? "text-red-400/50 hover:text-red-500/50 cursor-not-allowed" 
-                      : "text-red-400 hover:text-red-500 cursor-pointer"
-                  )}
-                >
-                  Delete Selected
-                </button>
-              </div>
-            </div>
-          )}
-        </div>
       </div>
-      
+      {chats.length === 0 && (
-      {filteredChats.length === 0 && (
+        <div className="flex flex-row items-center justify-center min-h-screen">
-        <div className="flex flex-row items-center justify-center min-h-[50vh]">
           <p className="text-black/70 dark:text-white/70 text-sm">
-            {searchQuery ? 'No threads found matching your search.' : 'No threads found.'}
+            No chats found.
           </p>
         </div>
       )}
-      
+      {chats.length > 0 && (
-      {filteredChats.length > 0 && (
         <div className="flex flex-col pb-20 lg:pb-2">
-          {filteredChats.map((chat, i) => (
+          {chats.map((chat, i) => (
             <div
               className={cn(
                 'flex flex-col space-y-4 py-6',
-                i !== filteredChats.length - 1
+                i !== chats.length - 1
                   ? 'border-b border-white-200 dark:border-dark-200'
                   : '',
               )}
               key={i}
-              onMouseEnter={() => setHoveredChatId(chat.id)}
-              onMouseLeave={() => setHoveredChatId(null)}
             >
-              <div className="flex items-center">
+              <Link
-                {/* Checkbox - visible when in selection mode or when hovering */}
+                href={`/c/${chat.id}`}
-                {(selectionMode || hoveredChatId === chat.id) && (
+                className="text-black dark:text-white lg:text-xl font-medium truncate transition duration-200 hover:text-[#24A0ED] dark:hover:text-[#24A0ED] cursor-pointer"
-                  <div 
+              >
-                    className="mr-3 cursor-pointer"
+                {chat.title}
-                    onClick={(e) => {
+              </Link>
-                      e.preventDefault();
-                      if (!selectionMode) setSelectionMode(true);
-                      toggleChatSelection(chat.id);
-                    }}
-                  >
-                    <div className={cn(
-                      "w-5 h-5 border rounded flex items-center justify-center transition-colors",
-                      selectedChats.includes(chat.id) 
-                        ? "bg-blue-500 border-blue-500" 
-                        : "border-gray-400 dark:border-gray-600"
-                    )}>
-                      {selectedChats.includes(chat.id) && (
-                        <Check className="w-4 h-4 text-white" />
-                      )}
-                    </div>
-                  </div>
-                )}
-                
-                {/* Chat Title */}
-                <Link
-                  href={`/c/${chat.id}`}
-                  className={cn(
-                    "text-black dark:text-white lg:text-xl font-medium truncate transition duration-200 hover:text-[#24A0ED] dark:hover:text-[#24A0ED] cursor-pointer",
-                    selectionMode && "pointer-events-none text-black dark:text-white hover:text-black dark:hover:text-white"
-                  )}
-                  onClick={(e) => {
-                    if (selectionMode) {
-                      e.preventDefault();
-                      toggleChatSelection(chat.id);
-                    }
-                  }}
-                >
-                  {chat.title}
-                </Link>
-              </div>
-              
               <div className="flex flex-row items-center justify-between w-full">
                 <div className="flex flex-row items-center space-x-1 lg:space-x-1.5 text-black/70 dark:text-white/70">
                   <ClockIcon size={15} />
@@ -277,30 +97,16 @@ const Page = () => {
                     {formatTimeDifference(new Date(), chat.createdAt)} Ago
                   </p>
                 </div>
-                
+                <DeleteChat
-                {/* Delete button - only visible when not in selection mode */}
+                  chatId={chat.id}
-                {!selectionMode && (
+                  chats={chats}
-                  <DeleteChat
+                  setChats={setChats}
-                    chatId={chat.id}
+                />
-                    chats={chats}
-                    setChats={updateChatsAfterDelete}
-                  />
-                )}
               </div>
             </div>
           ))}
         </div>
       )}
-      
-      {/* Batch Delete Confirmation Dialog */}
-      <BatchDeleteChats
-        chatIds={selectedChats}
-        chats={chats}
-        setChats={updateChatsAfterDelete}
-        onComplete={handleBatchDeleteComplete}
-        isOpen={isDeleteDialogOpen}
-        setIsOpen={setIsDeleteDialogOpen}
-      />
     </div>
   );
 };

src/app/settings/page.tsx

@@ -20,7 +20,6 @@ interface SettingsType {
   anthropicApiKey: string;
   geminiApiKey: string;
   ollamaApiUrl: string;
-  deepseekApiKey: string;
   customOpenaiApiKey: string;
   customOpenaiApiUrl: string;
   customOpenaiModelName: string;
@@ -839,25 +838,6 @@ const Page = () => {
                     onSave={(value) => saveConfig('geminiApiKey', value)}
                   />
                 </div>
-
-                <div className="flex flex-col space-y-1">
-                  <p className="text-black/70 dark:text-white/70 text-sm">
-                    Deepseek API Key
-                  </p>
-                  <Input
-                    type="text"
-                    placeholder="Deepseek API Key"
-                    value={config.deepseekApiKey}
-                    isSaving={savingStates['deepseekApiKey']}
-                    onChange={(e) => {
-                      setConfig((prev) => ({
-                        ...prev!,
-                        deepseekApiKey: e.target.value,
-                      }));
-                    }}
-                    onSave={(value) => saveConfig('deepseekApiKey', value)}
-                  />
-                </div>
               </div>
             </SettingsSection>
           </div>

src/components/BatchDeleteChats.tsx

@@ -1,118 +0,0 @@
-import {
-  Description,
-  Dialog,
-  DialogBackdrop,
-  DialogPanel,
-  DialogTitle,
-  Transition,
-  TransitionChild,
-} from '@headlessui/react';
-import { Fragment, useState } from 'react';
-import { toast } from 'sonner';
-import { Chat } from '@/app/library/page';
-
-interface BatchDeleteChatsProps {
-  chatIds: string[];
-  chats: Chat[];
-  setChats: (chats: Chat[]) => void;
-  onComplete: () => void;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-}
-
-const BatchDeleteChats = ({
-  chatIds,
-  chats,
-  setChats,
-  onComplete,
-  isOpen,
-  setIsOpen,
-}: BatchDeleteChatsProps) => {
-  const [loading, setLoading] = useState(false);
-
-  const handleDelete = async () => {
-    if (chatIds.length === 0) return;
-    
-    setLoading(true);
-    try {
-      for (const chatId of chatIds) {
-        await fetch(`/api/chats/${chatId}`, {
-          method: 'DELETE',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-        });
-      }
-
-      const newChats = chats.filter(chat => !chatIds.includes(chat.id));
-      setChats(newChats);
-      
-      toast.success(`${chatIds.length} thread${chatIds.length > 1 ? 's' : ''} deleted`);
-      onComplete();
-    } catch (err: any) {
-      toast.error('Failed to delete threads');
-    } finally {
-      setIsOpen(false);
-      setLoading(false);
-    }
-  };
-
-  return (
-    <Transition appear show={isOpen} as={Fragment}>
-      <Dialog
-        as="div"
-        className="relative z-50"
-        onClose={() => {
-          if (!loading) {
-            setIsOpen(false);
-          }
-        }}
-      >
-        <DialogBackdrop className="fixed inset-0 bg-black/30" />
-        <div className="fixed inset-0 overflow-y-auto">
-          <div className="flex min-h-full items-center justify-center p-4 text-center">
-            <TransitionChild
-              as={Fragment}
-              enter="ease-out duration-200"
-              enterFrom="opacity-0 scale-95"
-              enterTo="opacity-100 scale-100"
-              leave="ease-in duration-100"
-              leaveFrom="opacity-100 scale-200"
-              leaveTo="opacity-0 scale-95"
-            >
-              <DialogPanel className="w-full max-w-md transform rounded-2xl bg-light-secondary dark:bg-dark-secondary border border-light-200 dark:border-dark-200 p-6 text-left align-middle shadow-xl transition-all">
-                <DialogTitle className="text-lg font-medium leading-6 dark:text-white">
-                  Delete Confirmation
-                </DialogTitle>
-                <Description className="text-sm dark:text-white/70 text-black/70">
-                  Are you sure you want to delete {chatIds.length} selected thread{chatIds.length !== 1 ? 's' : ''}?
-                </Description>
-                <div className="flex flex-row items-end justify-end space-x-4 mt-6">
-                  <button
-                    onClick={() => {
-                      if (!loading) {
-                        setIsOpen(false);
-                      }
-                    }}
-                    className="text-black/50 dark:text-white/50 text-sm hover:text-black/70 hover:dark:text-white/70 transition duration-200"
-                  >
-                    Cancel
-                  </button>
-                  <button
-                    onClick={handleDelete}
-                    className="text-red-400 text-sm hover:text-red-500 transition duration-200"
-                    disabled={loading}
-                  >
-                    Delete
-                  </button>
-                </div>
-              </DialogPanel>
-            </TransitionChild>
-          </div>
-        </div>
-      </Dialog>
-    </Transition>
-  );
-};
-
-export default BatchDeleteChats;

src/components/MessageBox.tsx

@@ -48,7 +48,6 @@ const MessageBox = ({
   const [speechMessage, setSpeechMessage] = useState(message.content);
 
   useEffect(() => {
-    const citationRegex = /\[([^\]]+)\]/g;
     const regex = /\[(\d+)\]/g;
     let processedMessage = message.content;
 
@@ -68,36 +67,13 @@ const MessageBox = ({
     ) {
       setParsedMessage(
         processedMessage.replace(
-          citationRegex,
+          regex,
-          (_, capturedContent: string) => {
+          (_, number) =>
-            const numbers = capturedContent
+            `<a href="${
-              .split(',')
+              message.sources?.[number - 1]?.metadata?.url
-              .map((numStr) => numStr.trim());
+            }" target="_blank" className="bg-light-secondary dark:bg-dark-secondary px-1 rounded ml-1 no-underline text-xs text-black/70 dark:text-white/70 relative">${number}</a>`,
-
-            const linksHtml = numbers
-              .map((numStr) => {
-                const number = parseInt(numStr);
-
-                if (isNaN(number) || number <= 0) {
-                  return `[${numStr}]`;
-                }
-
-                const source = message.sources?.[number - 1];
-                const url = source?.metadata?.url;
-
-                if (url) {
-                  return `<a href="${url}" target="_blank" className="bg-light-secondary dark:bg-dark-secondary px-1 rounded ml-1 no-underline text-xs text-black/70 dark:text-white/70 relative">${numStr}</a>`;
-                } else {
-                  return `[${numStr}]`;
-                }
-              })
-              .join('');
-
-            return linksHtml;
-          },
         ),
       );
-      setSpeechMessage(message.content.replace(regex, ''));
       return;
     }
 

src/lib/config.ts

@@ -25,9 +25,6 @@ interface Config {
     OLLAMA: {
       API_URL: string;
     };
-    DEEPSEEK: {
-      API_KEY: string;
-    };
     CUSTOM_OPENAI: {
       API_URL: string;
       API_KEY: string;
@@ -66,8 +63,6 @@ export const getSearxngApiEndpoint = () =>
 
 export const getOllamaApiEndpoint = () => loadConfig().MODELS.OLLAMA.API_URL;
 
-export const getDeepseekApiKey = () => loadConfig().MODELS.DEEPSEEK.API_KEY;
-
 export const getCustomOpenaiApiKey = () =>
   loadConfig().MODELS.CUSTOM_OPENAI.API_KEY;
 

src/lib/providers/anthropic.ts

@@ -1,48 +1,22 @@
 import { ChatAnthropic } from '@langchain/anthropic';
-import { ChatModel } from '.';
+import { ChatModel, getModelsList, RawModel } from '.';
 import { getAnthropicApiKey } from '../config';
 import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 
-const anthropicChatModels: Record<string, string>[] = [
+const loadModels = () => {
-  {
+  return getModelsList()?.['chatModels']['anthropic']  as unknown as RawModel[]
-    displayName: 'Claude 3.7 Sonnet',
+}
-    key: 'claude-3-7-sonnet-20250219',
-  },
-  {
-    displayName: 'Claude 3.5 Haiku',
-    key: 'claude-3-5-haiku-20241022',
-  },
-  {
-    displayName: 'Claude 3.5 Sonnet v2',
-    key: 'claude-3-5-sonnet-20241022',
-  },
-  {
-    displayName: 'Claude 3.5 Sonnet',
-    key: 'claude-3-5-sonnet-20240620',
-  },
-  {
-    displayName: 'Claude 3 Opus',
-    key: 'claude-3-opus-20240229',
-  },
-  {
-    displayName: 'Claude 3 Sonnet',
-    key: 'claude-3-sonnet-20240229',
-  },
-  {
-    displayName: 'Claude 3 Haiku',
-    key: 'claude-3-haiku-20240307',
-  },
-];
 
 export const loadAnthropicChatModels = async () => {
   const anthropicApiKey = getAnthropicApiKey();
-
   if (!anthropicApiKey) return {};
 
+  const models = loadModels()
+
   try {
     const chatModels: Record<string, ChatModel> = {};
 
-    anthropicChatModels.forEach((model) => {
+    models.forEach((model) => {
       chatModels[model.key] = {
         displayName: model.displayName,
         model: new ChatAnthropic({

src/lib/providers/deepseek.ts

@@ -1,44 +0,0 @@
-import { ChatOpenAI } from '@langchain/openai';
-import { getDeepseekApiKey } from '../config';
-import { ChatModel } from '.';
-import { BaseChatModel } from '@langchain/core/language_models/chat_models';
-
-const deepseekChatModels: Record<string, string>[] = [
-  {
-    displayName: 'Deepseek Chat (Deepseek V3)',
-    key: 'deepseek-chat',
-  },
-  {
-    displayName: 'Deepseek Reasoner (Deepseek R1)',
-    key: 'deepseek-reasoner',
-  },
-];
-
-export const loadDeepseekChatModels = async () => {
-  const deepseekApiKey = getDeepseekApiKey();
-
-  if (!deepseekApiKey) return {};
-
-  try {
-    const chatModels: Record<string, ChatModel> = {};
-
-    deepseekChatModels.forEach((model) => {
-      chatModels[model.key] = {
-        displayName: model.displayName,
-        model: new ChatOpenAI({
-          openAIApiKey: deepseekApiKey,
-          modelName: model.key,
-          temperature: 0.7,
-          configuration: {
-            baseURL: 'https://api.deepseek.com',
-          },
-        }) as unknown as BaseChatModel,
-      };
-    });
-
-    return chatModels;
-  } catch (err) {
-    console.error(`Error loading Deepseek models: ${err}`);
-    return {};
-  }
-};

src/lib/providers/gemini.ts

@@ -3,61 +3,24 @@ import {
   GoogleGenerativeAIEmbeddings,
 } from '@langchain/google-genai';
 import { getGeminiApiKey } from '../config';
-import { ChatModel, EmbeddingModel } from '.';
+import { ChatModel, EmbeddingModel, getModelsList, RawModel } from '.';
 import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 import { Embeddings } from '@langchain/core/embeddings';
 
-const geminiChatModels: Record<string, string>[] = [
+const loadModels = (modelType: 'chat' | 'embedding') => {
-  {
+  return getModelsList()?.[modelType === 'chat' ? 'chatModels' : 'embeddingModels']['gemini']  as unknown as RawModel[]
-    displayName: 'Gemini 2.5 Pro Experimental',
+}
-    key: 'gemini-2.5-pro-exp-03-25',
-  },
-  {
-    displayName: 'Gemini 2.0 Flash',
-    key: 'gemini-2.0-flash',
-  },
-  {
-    displayName: 'Gemini 2.0 Flash-Lite',
-    key: 'gemini-2.0-flash-lite',
-  },
-  {
-    displayName: 'Gemini 2.0 Flash Thinking Experimental',
-    key: 'gemini-2.0-flash-thinking-exp-01-21',
-  },
-  {
-    displayName: 'Gemini 1.5 Flash',
-    key: 'gemini-1.5-flash',
-  },
-  {
-    displayName: 'Gemini 1.5 Flash-8B',
-    key: 'gemini-1.5-flash-8b',
-  },
-  {
-    displayName: 'Gemini 1.5 Pro',
-    key: 'gemini-1.5-pro',
-  },
-];
-
-const geminiEmbeddingModels: Record<string, string>[] = [
-  {
-    displayName: 'Text Embedding 004',
-    key: 'models/text-embedding-004',
-  },
-  {
-    displayName: 'Embedding 001',
-    key: 'models/embedding-001',
-  },
-];
 
 export const loadGeminiChatModels = async () => {
   const geminiApiKey = getGeminiApiKey();
-
   if (!geminiApiKey) return {};
 
+  const models = loadModels('chat');
+
   try {
     const chatModels: Record<string, ChatModel> = {};
 
-    geminiChatModels.forEach((model) => {
+    models.forEach((model) => {
       chatModels[model.key] = {
         displayName: model.displayName,
         model: new ChatGoogleGenerativeAI({
@@ -77,13 +40,14 @@ export const loadGeminiChatModels = async () => {
 
 export const loadGeminiEmbeddingModels = async () => {
   const geminiApiKey = getGeminiApiKey();
-
   if (!geminiApiKey) return {};
 
+  const models = loadModels('embedding');
+
   try {
     const embeddingModels: Record<string, EmbeddingModel> = {};
 
-    geminiEmbeddingModels.forEach((model) => {
+    models.forEach((model) => {
       embeddingModels[model.key] = {
         displayName: model.displayName,
         model: new GoogleGenerativeAIEmbeddings({

src/lib/providers/groq.ts

@@ -1,96 +1,22 @@
 import { ChatOpenAI } from '@langchain/openai';
 import { getGroqApiKey } from '../config';
-import { ChatModel } from '.';
+import { ChatModel, getModelsList, RawModel } from '.';
 import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 
-const groqChatModels: Record<string, string>[] = [
+const loadModels = () => {
-  {
+  return getModelsList()?.chatModels['groq'] as unknown as RawModel[]
-    displayName: 'Gemma2 9B IT',
+}
-    key: 'gemma2-9b-it',
-  },
-  {
-    displayName: 'Llama 3.3 70B Versatile',
-    key: 'llama-3.3-70b-versatile',
-  },
-  {
-    displayName: 'Llama 3.1 8B Instant',
-    key: 'llama-3.1-8b-instant',
-  },
-  {
-    displayName: 'Llama3 70B 8192',
-    key: 'llama3-70b-8192',
-  },
-  {
-    displayName: 'Llama3 8B 8192',
-    key: 'llama3-8b-8192',
-  },
-  {
-    displayName: 'Mixtral 8x7B 32768',
-    key: 'mixtral-8x7b-32768',
-  },
-  {
-    displayName: 'Qwen QWQ 32B (Preview)',
-    key: 'qwen-qwq-32b',
-  },
-  {
-    displayName: 'Mistral Saba 24B (Preview)',
-    key: 'mistral-saba-24b',
-  },
-  {
-    displayName: 'Qwen 2.5 Coder 32B (Preview)',
-    key: 'qwen-2.5-coder-32b',
-  },
-  {
-    displayName: 'Qwen 2.5 32B (Preview)',
-    key: 'qwen-2.5-32b',
-  },
-  {
-    displayName: 'DeepSeek R1 Distill Qwen 32B (Preview)',
-    key: 'deepseek-r1-distill-qwen-32b',
-  },
-  {
-    displayName: 'DeepSeek R1 Distill Llama 70B (Preview)',
-    key: 'deepseek-r1-distill-llama-70b',
-  },
-  {
-    displayName: 'Llama 3.3 70B SpecDec (Preview)',
-    key: 'llama-3.3-70b-specdec',
-  },
-  {
-    displayName: 'Llama 3.2 1B Preview (Preview)',
-    key: 'llama-3.2-1b-preview',
-  },
-  {
-    displayName: 'Llama 3.2 3B Preview (Preview)',
-    key: 'llama-3.2-3b-preview',
-  },
-  {
-    displayName: 'Llama 3.2 11B Vision Preview (Preview)',
-    key: 'llama-3.2-11b-vision-preview',
-  },
-  {
-    displayName: 'Llama 3.2 90B Vision Preview (Preview)',
-    key: 'llama-3.2-90b-vision-preview',
-  },
-  /* {
-    displayName: 'Llama 4 Maverick 17B 128E Instruct (Preview)',
-    key: 'meta-llama/llama-4-maverick-17b-128e-instruct',
-  }, */
-  {
-    displayName: 'Llama 4 Scout 17B 16E Instruct (Preview)',
-    key: 'meta-llama/llama-4-scout-17b-16e-instruct',
-  },
-];
 
 export const loadGroqChatModels = async () => {
   const groqApiKey = getGroqApiKey();
-
   if (!groqApiKey) return {};
 
+  const models = loadModels()
+
   try {
     const chatModels: Record<string, ChatModel> = {};
 
-    groqChatModels.forEach((model) => {
+    models.forEach((model) => {
       chatModels[model.key] = {
         displayName: model.displayName,
         model: new ChatOpenAI({

src/lib/providers/index.ts

@@ -1,27 +1,39 @@
-import { Embeddings } from '@langchain/core/embeddings';
+import { Embeddings } from '@langchain/core/embeddings'
-import { BaseChatModel } from '@langchain/core/language_models/chat_models';
+import { BaseChatModel } from '@langchain/core/language_models/chat_models'
-import { loadOpenAIChatModels, loadOpenAIEmbeddingModels } from './openai';
+import { loadOpenAIChatModels, loadOpenAIEmbeddingModels } from './openai'
 import {
   getCustomOpenaiApiKey,
   getCustomOpenaiApiUrl,
   getCustomOpenaiModelName,
-} from '../config';
+} from '../config'
-import { ChatOpenAI } from '@langchain/openai';
+import { ChatOpenAI } from '@langchain/openai'
-import { loadOllamaChatModels, loadOllamaEmbeddingModels } from './ollama';
+import { loadOllamaChatModels, loadOllamaEmbeddingModels } from './ollama'
-import { loadGroqChatModels } from './groq';
+import { loadGroqChatModels } from './groq'
-import { loadAnthropicChatModels } from './anthropic';
+import { loadAnthropicChatModels } from './anthropic'
-import { loadGeminiChatModels, loadGeminiEmbeddingModels } from './gemini';
+import { loadGeminiChatModels, loadGeminiEmbeddingModels } from './gemini'
-import { loadTransformersEmbeddingsModels } from './transformers';
+import { loadTransformersEmbeddingsModels } from './transformers'
-import { loadDeepseekChatModels } from './deepseek';
+import path from 'path'
+import fs from 'fs'
 
 export interface ChatModel {
-  displayName: string;
+  displayName: string
-  model: BaseChatModel;
+  model: BaseChatModel
 }
 
 export interface EmbeddingModel {
-  displayName: string;
+  displayName: string
-  model: Embeddings;
+  model: Embeddings
+}
+
+export type RawModel = {
+  displayName: string
+  key: string
+}
+
+type ModelsList = {
+  [key in "chatModels" | "embeddingModels"]: {
+    [key: string]: RawModel[]
+  }
 }
 
 export const chatModelProviders: Record<
@@ -33,8 +45,7 @@ export const chatModelProviders: Record<
   groq: loadGroqChatModels,
   anthropic: loadAnthropicChatModels,
   gemini: loadGeminiChatModels,
-  deepseek: loadDeepseekChatModels,
+}
-};
 
 export const embeddingModelProviders: Record<
   string,
@@ -44,21 +55,43 @@ export const embeddingModelProviders: Record<
   ollama: loadOllamaEmbeddingModels,
   gemini: loadGeminiEmbeddingModels,
   transformers: loadTransformersEmbeddingsModels,
-};
+}
+
+export const getModelsList = (): ModelsList | null => {
+  const modelFile = path.join(process.cwd(), 'data/models.json')
+  try {
+    const content = fs.readFileSync(modelFile, 'utf-8')
+    return JSON.parse(content) as ModelsList
+  } catch (err) {
+    console.error(`Error reading models file: ${err}`)
+    return null
+  }
+}
+
+export const updateModelsList = (models: ModelsList) => {
+  try {
+    const modelFile = path.join(process.cwd(), 'data/models.json')
+    const content = JSON.stringify(models, null, 2)
+
+    fs.writeFileSync(modelFile, content, 'utf-8')
+  } catch(err) {
+    console.error(`Error updating models file: ${err}`)
+  }
+}
 
 export const getAvailableChatModelProviders = async () => {
-  const models: Record<string, Record<string, ChatModel>> = {};
+  const models: Record<string, Record<string, ChatModel>> = {}
 
   for (const provider in chatModelProviders) {
-    const providerModels = await chatModelProviders[provider]();
+    const providerModels = await chatModelProviders[provider]()
     if (Object.keys(providerModels).length > 0) {
-      models[provider] = providerModels;
+      models[provider] = providerModels
     }
   }
 
-  const customOpenAiApiKey = getCustomOpenaiApiKey();
+  const customOpenAiApiKey = getCustomOpenaiApiKey()
-  const customOpenAiApiUrl = getCustomOpenaiApiUrl();
+  const customOpenAiApiUrl = getCustomOpenaiApiUrl()
-  const customOpenAiModelName = getCustomOpenaiModelName();
+  const customOpenAiModelName = getCustomOpenaiModelName()
 
   models['custom_openai'] = {
     ...(customOpenAiApiKey && customOpenAiApiUrl && customOpenAiModelName
@@ -76,20 +109,20 @@ export const getAvailableChatModelProviders = async () => {
           },
         }
       : {}),
-  };
+  }
 
-  return models;
+  return models
-};
+}
 
 export const getAvailableEmbeddingModelProviders = async () => {
-  const models: Record<string, Record<string, EmbeddingModel>> = {};
+  const models: Record<string, Record<string, EmbeddingModel>> = {}
 
   for (const provider in embeddingModelProviders) {
-    const providerModels = await embeddingModelProviders[provider]();
+    const providerModels = await embeddingModelProviders[provider]()
     if (Object.keys(providerModels).length > 0) {
-      models[provider] = providerModels;
+      models[provider] = providerModels
     }
   }
 
-  return models;
+  return models
-};
+}

src/lib/providers/ollama.ts

@@ -1,24 +1,39 @@
-import axios from 'axios';
+import axios from 'axios'
-import { getKeepAlive, getOllamaApiEndpoint } from '../config';
+import { getKeepAlive, getOllamaApiEndpoint } from '../config'
-import { ChatModel, EmbeddingModel } from '.';
+import { ChatModel, EmbeddingModel } from '.'
-import { ChatOllama } from '@langchain/community/chat_models/ollama';
+import { ChatOllama } from '@langchain/community/chat_models/ollama'
-import { OllamaEmbeddings } from '@langchain/community/embeddings/ollama';
+import { OllamaEmbeddings } from '@langchain/community/embeddings/ollama'
-
-export const loadOllamaChatModels = async () => {
-  const ollamaApiEndpoint = getOllamaApiEndpoint();
-
-  if (!ollamaApiEndpoint) return {};
 
+const loadModels = async (apiURL: string) => {
   try {
-    const res = await axios.get(`${ollamaApiEndpoint}/api/tags`, {
+    const res = await axios.get(`${apiURL}/api/tags`, {
       headers: {
         'Content-Type': 'application/json',
       },
-    });
+    })
 
-    const { models } = res.data;
+    if (res.status !== 200) {
+      console.error(`Failed to load Ollama models: ${res.data}`)
+      return []
+    }
 
-    const chatModels: Record<string, ChatModel> = {};
+    const { models } = res.data
+
+    return models
+  } catch (err) {
+    console.error(`Error loading Ollama models: ${err}`)
+    return []
+  }
+}
+
+export const loadOllamaChatModels = async () => {
+  const ollamaApiEndpoint = getOllamaApiEndpoint()
+  if (!ollamaApiEndpoint) return {}
+
+  const models = await loadModels(ollamaApiEndpoint)
+
+  try {
+    const chatModels: Record<string, ChatModel> = {}
 
     models.forEach((model: any) => {
       chatModels[model.model] = {
@@ -29,31 +44,24 @@ export const loadOllamaChatModels = async () => {
           temperature: 0.7,
           keepAlive: getKeepAlive(),
         }),
-      };
+      }
-    });
+    })
 
-    return chatModels;
+    return chatModels
   } catch (err) {
-    console.error(`Error loading Ollama models: ${err}`);
+    console.error(`Error loading Ollama models: ${err}`)
-    return {};
+    return {}
   }
-};
+}
 
 export const loadOllamaEmbeddingModels = async () => {
-  const ollamaApiEndpoint = getOllamaApiEndpoint();
+  const ollamaApiEndpoint = getOllamaApiEndpoint()
+  if (!ollamaApiEndpoint) return {}
 
-  if (!ollamaApiEndpoint) return {};
+  const models = await loadModels(ollamaApiEndpoint)
 
   try {
-    const res = await axios.get(`${ollamaApiEndpoint}/api/tags`, {
+    const embeddingModels: Record<string, EmbeddingModel> = {}
-      headers: {
-        'Content-Type': 'application/json',
-      },
-    });
-
-    const { models } = res.data;
-
-    const embeddingModels: Record<string, EmbeddingModel> = {};
 
     models.forEach((model: any) => {
       embeddingModels[model.model] = {
@@ -62,12 +70,12 @@ export const loadOllamaEmbeddingModels = async () => {
           baseUrl: ollamaApiEndpoint,
           model: model.model,
         }),
-      };
+      }
-    });
+    })
 
-    return embeddingModels;
+    return embeddingModels
   } catch (err) {
-    console.error(`Error loading Ollama embeddings models: ${err}`);
+    console.error(`Error loading Ollama embeddings models: ${err}`)
-    return {};
+    return {}
   }
-};
+}

src/lib/providers/openai.ts

@@ -1,52 +1,23 @@
 import { ChatOpenAI, OpenAIEmbeddings } from '@langchain/openai';
 import { getOpenaiApiKey } from '../config';
-import { ChatModel, EmbeddingModel } from '.';
+import { ChatModel, EmbeddingModel, getModelsList, RawModel } from '.';
 import { BaseChatModel } from '@langchain/core/language_models/chat_models';
 import { Embeddings } from '@langchain/core/embeddings';
 
-const openaiChatModels: Record<string, string>[] = [
+const loadModels = (modelType: 'chat' | 'embedding') => {
-  {
+  return getModelsList()?.[modelType === 'chat' ? 'chatModels' : 'embeddingModels']['openai']  as unknown as RawModel[]
-    displayName: 'GPT-3.5 Turbo',
+}
-    key: 'gpt-3.5-turbo',
-  },
-  {
-    displayName: 'GPT-4',
-    key: 'gpt-4',
-  },
-  {
-    displayName: 'GPT-4 turbo',
-    key: 'gpt-4-turbo',
-  },
-  {
-    displayName: 'GPT-4 omni',
-    key: 'gpt-4o',
-  },
-  {
-    displayName: 'GPT-4 omni mini',
-    key: 'gpt-4o-mini',
-  },
-];
-
-const openaiEmbeddingModels: Record<string, string>[] = [
-  {
-    displayName: 'Text Embedding 3 Small',
-    key: 'text-embedding-3-small',
-  },
-  {
-    displayName: 'Text Embedding 3 Large',
-    key: 'text-embedding-3-large',
-  },
-];
 
 export const loadOpenAIChatModels = async () => {
   const openaiApiKey = getOpenaiApiKey();
+  const models = loadModels('chat');
 
-  if (!openaiApiKey) return {};
+  if (!openaiApiKey || !models) return {};
 
   try {
     const chatModels: Record<string, ChatModel> = {};
 
-    openaiChatModels.forEach((model) => {
+    models.forEach((model) => {
       chatModels[model.key] = {
         displayName: model.displayName,
         model: new ChatOpenAI({
@@ -66,13 +37,14 @@ export const loadOpenAIChatModels = async () => {
 
 export const loadOpenAIEmbeddingModels = async () => {
   const openaiApiKey = getOpenaiApiKey();
+  const models = loadModels('embedding');
 
-  if (!openaiApiKey) return {};
+  if (!openaiApiKey || !models) return {};
 
   try {
     const embeddingModels: Record<string, EmbeddingModel> = {};
 
-    openaiEmbeddingModels.forEach((model) => {
+    models.forEach((model) => {
       embeddingModels[model.key] = {
         displayName: model.displayName,
         model: new OpenAIEmbeddings({

src/lib/providers/transformers.ts

@@ -1,31 +1,30 @@
-import { HuggingFaceTransformersEmbeddings } from '../huggingfaceTransformer';
+import { EmbeddingModel, getModelsList, RawModel } from '.'
+import { HuggingFaceTransformersEmbeddings } from '../huggingfaceTransformer'
+
+const loadModels = () => {
+  return getModelsList()?.embeddingModels[
+    'transformers'
+  ] as unknown as RawModel[]
+}
 
 export const loadTransformersEmbeddingsModels = async () => {
   try {
-    const embeddingModels = {
+    const models = loadModels()
-      'xenova-bge-small-en-v1.5': {
-        displayName: 'BGE Small',
-        model: new HuggingFaceTransformersEmbeddings({
-          modelName: 'Xenova/bge-small-en-v1.5',
-        }),
-      },
-      'xenova-gte-small': {
-        displayName: 'GTE Small',
-        model: new HuggingFaceTransformersEmbeddings({
-          modelName: 'Xenova/gte-small',
-        }),
-      },
-      'xenova-bert-base-multilingual-uncased': {
-        displayName: 'Bert Multilingual',
-        model: new HuggingFaceTransformersEmbeddings({
-          modelName: 'Xenova/bert-base-multilingual-uncased',
-        }),
-      },
-    };
 
-    return embeddingModels;
+    const embeddingModels: Record<string, EmbeddingModel> = {}
+
+    models.forEach(model => {
+      embeddingModels[model.key] = {
+        displayName: model.displayName,
+        model: new HuggingFaceTransformersEmbeddings({
+          modelName: model.key,
+        }),
+      }
+    })
+
+    return embeddingModels
   } catch (err) {
-    console.error(`Error loading Transformers embeddings model: ${err}`);
+    console.error(`Error loading Transformers embeddings model: ${err}`)
-    return {};
+    return {}
   }
-};
+}