feat: convert bare URLs to hyperlinks in bot responses

- Add getProcessedText utility to transform plain URLs into markdown links
- Preserve existing markdown and HTML links unchanged
- Handle trailing punctuation correctly (e.g., "Visit https://example.com.")
- Integrate URL processing into QA flow before markdown rendering

Addresses requirement to make URLs clickable while preserving existing link formatting.

Author: bacalj

src/utils/flows/qa-flow.js

@@ -1,6 +1,7 @@
 import { handleBotError } from '../error-handler';
 import { getApiEndpoint, getRatingEndpoint } from '../../config/constants';
 import { v4 as uuidv4 } from 'uuid';
+import { getProcessedText } from '../getProcessedText';
 
 /**
  * Creates the Q&A conversation flow
@@ -25,7 +26,7 @@ export const createQAFlow = ({ sessionId, apiKey }) => {
 
         // Handle feedback first if it's feedback
         if (userInput === "👍 Helpful" || userInput === "👎 Not helpful") {
-          
+
           // Send feedback using the captured query ID
           if (apiKey && sessionId && feedbackQueryId) {
             const isPositive = userInput === "👍 Helpful";
@@ -56,7 +57,7 @@ export const createQAFlow = ({ sessionId, apiKey }) => {
             // Generate our own query ID since we're bypassing useHandleAIQuery
             const queryId = uuidv4();
             feedbackQueryId = queryId;
-            
+
             const headers = {
               'Content-Type': 'application/json',
               'X-Origin': 'access',
@@ -72,12 +73,14 @@ export const createQAFlow = ({ sessionId, apiKey }) => {
                 query: userInput
               })
             });
-            
+
             const body = await response.json();
             const text = body.response;
-            
+            const processedText = getProcessedText(text);
+
+
             // Inject the response
-            await chatState.injectMessage(text);
+            await chatState.injectMessage(processedText);
             return null;
           } catch (error) {
             console.error('Error in bot flow:', error);

src/utils/getProcessedText.js

@@ -0,0 +1,33 @@
+/**
+ * Processes text to convert bare URLs into markdown hyperlinks while preserving existing links
+ * @param {string} text - The raw text from the API response
+ * @returns {string} - Processed text with bare URLs converted to markdown links
+ */
+export const getProcessedText = (text) => {
+  if (!text || typeof text !== 'string') {
+    return text;
+  }
+
+  // Regex to match URLs that are NOT already in markdown or HTML link format
+  // This looks for URLs that are not preceded by ]( or href=" and not followed by )
+  const urlRegex = /(?<!\]\(|href=["'])https?:\/\/[^\s\[\]()]+(?![)\]])/gi;
+
+  // Replace bare URLs with markdown links
+  const processedText = text.replace(urlRegex, (url) => {
+    // Clean up common punctuation that shouldn't be part of the URL
+    let cleanUrl = url;
+    let trailingPunctuation = '';
+
+    // Check for trailing punctuation and remove it from the URL
+    const trailingPunctuationMatch = cleanUrl.match(/([.,;:!?]+)$/);
+    if (trailingPunctuationMatch) {
+      trailingPunctuation = trailingPunctuationMatch[1];
+      cleanUrl = cleanUrl.slice(0, -trailingPunctuation.length);
+    }
+
+    // Create markdown link with the URL as both the link text and href
+    return `[${cleanUrl}](${cleanUrl})${trailingPunctuation}`;
+  });
+
+  return processedText;
+};