fix: wrap tool description using <br/> (#554)

* fix: wrap tool description using <br/>

* minor dark color change

Signed-off-by: Madhav Kandukuri <[email protected]>

---------

Signed-off-by: Madhav Kandukuri <[email protected]>
Co-authored-by: Madhav Kandukuri <[email protected]>

Author: deagon

mcpgateway/static/admin.js

@@ -3234,8 +3234,11 @@ async function testTool(toolId) {
             titleElement.textContent = "Test Tool: " + (tool.name || "Unknown");
         }
         if (descElement) {
-            descElement.textContent =
-                tool.description || "No description available.";
+            if (tool.description) {
+                descElement.innerHTML = tool.description.replace(/\n/g, '<br/>');
+            } else {
+                descElement.textContent = "No description available.";
+            }
         }
 
         const container = safeGetElement("tool-test-form-fields");

mcpgateway/templates/admin.html

@@ -393,7 +393,7 @@ <h2 class="text-2xl font-bold dark:text-gray-200">Registered Tools</h2>
                   {{ tool.requestType }}
                 </td>
                 <td class="px-2 py-4 whitespace-normal break-words text-sm text-gray-500 dark:text-gray-300">
-                  {{ tool.description }}
+                  {{ tool.description | replace('\n', '<br/>') | safe }}
                 </td>
                 <td class="px-2 py-4 whitespace-nowrap">
                   {% if tool.annotations %}