Enhance source rendering logic to support object structures with source, title, and URL, including fallback for string URLs

Author: SamPease

TransAdviceAgent.html

@@ -368,17 +368,43 @@ <h4>Limitations & Future Work</h4>
       for (let i = start; i < end; i++) {
         const src = sources[i];
         const div = document.createElement('div');
-        const { url, text } = getUrlAndText(src);
-        if (url && isValidUrl(url)) {
-          const a = document.createElement('a');
-          a.href = url;
-          a.textContent = text;
-          a.target = '_blank';
-          a.rel = 'noopener noreferrer';
-          div.appendChild(a);
+
+        // If backend supplies an object with fields {source, title, url}, format as "source: title" linking to url
+        if (src && typeof src === 'object' && !Array.isArray(src)) {
+          const url = src.url || src.link || src.href || null;
+          const sourceName = (src.source || src.source_name || '').toString().trim();
+          const title = (src.title || src.text || '').toString().trim();
+          const linkText = (sourceName || title) ? `${sourceName || 'Source'}: ${title || '(no title)'}` : JSON.stringify(src);
+
+          console.debug('Rendering source object', { index: i, src, url, linkText });
+
+          if (url && isValidUrl(url)) {
+            const a = document.createElement('a');
+            a.href = url;
+            a.textContent = linkText;
+            a.target = '_blank';
+            a.rel = 'noopener noreferrer';
+            div.appendChild(a);
+          } else {
+            div.textContent = linkText + (url ? ` (${url})` : '');
+          }
+
         } else {
-          div.textContent = text + (url ? ` (${url})` : '');
+          // Fallback: handle string URLs or unexpected shapes using existing helper
+          const { url, text } = getUrlAndText(src);
+          console.debug('Rendering fallback source', { index: i, src, url, text });
+          if (url && isValidUrl(url)) {
+            const a = document.createElement('a');
+            a.href = url;
+            a.textContent = text;
+            a.target = '_blank';
+            a.rel = 'noopener noreferrer';
+            div.appendChild(a);
+          } else {
+            div.textContent = text + (url ? ` (${url})` : '');
+          }
         }
+
         sourcesListEl.appendChild(div);
       }
       // update pagination active state