Merge pull request #104 from NFDI4BIOIMAGE/chatbot_frontend_design_v0.8

fix the links who had ")" can not be used

Author: SeverusYixin

search_engine/search/frontend/src/components/ChatbotWidget.js

@@ -6,16 +6,17 @@ import axios from "axios";
 
 // Utility function to detect and render URLs as clickable links
 const renderMessageWithLinks = (message) => {
-  const urlRegex = /(https?:\/\/[^\s\]\),]+)/g;
+  // Updated regex to exclude trailing parentheses unless balanced
+  const urlRegex = /(https?:\/\/[^\s\)\]]*[^\s\)\]\.])/g;
   const parts = message.split(urlRegex);
-  
+
   return parts.map((part, index) => {
     if (urlRegex.test(part)) {
       return (
-        <a 
+        <a
           key={index}
-          href={part} 
-          target="_blank" 
+          href={part}
+          target="_blank"
           rel="noopener noreferrer"
           style={{ color: "#007bff", textDecoration: "underline" }}
         >
@@ -27,6 +28,7 @@ const renderMessageWithLinks = (message) => {
   });
 };
 
+
 const ChatbotWidget = () => {
   const [isOpen, setIsOpen] = useState(false);
   const [query, setQuery] = useState("");