From d609abe60638b91539b2b4540caf2f9ec1a9b082 Mon Sep 17 00:00:00 2001
From: nickviljoen <nick.viljoen@brandtech.plus>
Date: Wed, 11 Mar 2026 11:00:45 +0200
Subject: [PATCH] Tidy agent description display: truncate on home cards,
 scrollable box on admin table

- Home page agent cards show truncated purpose (max 100 chars) instead of full description
- Admin dashboard table shows description in a scrollable container (max 80px)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 templates/admin/dashboard.html  | 2 +-
 templates/agent_management.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/admin/dashboard.html b/templates/admin/dashboard.html
index 9dfa1a5..71ee903 100644
--- a/templates/admin/dashboard.html
+++ b/templates/admin/dashboard.html
@@ -1171,7 +1171,7 @@ function displayAgents(agents) {
             ${agent.verification_status === 'needs_verification' ? ' <span class="badge bg-warning text-dark" style="font-size:0.65em;">Needs Verification</span>' : ''}
             ${agent.verification_status === 'verified' ? ' <span class="badge bg-success" style="font-size:0.65em;">Verified</span>' : ''}
           </div>
-          <small class="text-muted">${agent.agent_description || 'No description'}</small>
+          ${agent.agent_description ? `<div class="text-muted small mt-1" style="max-height: 80px; overflow-y: auto; border: 1px solid #e2e8f0; border-radius: 4px; padding: 6px 8px; background: #f8f9fa;">${agent.agent_description}</div>` : '<small class="text-muted">No description</small>'}
         </td>
         <td>
           <div class="d-flex align-items-center">
diff --git a/templates/agent_management.html b/templates/agent_management.html
index 466f7ef..ffdd43b 100644
--- a/templates/agent_management.html
+++ b/templates/agent_management.html
@@ -178,7 +178,7 @@
                           </div>
                           <div>
                             <h6 class="mb-0">{{ agent.agent_name }}</h6>
-                            <small class="text-muted">{{ agent.agent_description[:50] }}{% if agent.agent_description|length > 50 %}...{% endif %}</small>
+                            <small class="text-muted">{{ agent.agent_purpose[:80] if agent.agent_purpose else 'No purpose listed' }}{% if agent.agent_purpose and agent.agent_purpose|length > 80 %}...{% endif %}</small>
                           </div>
                         </div>
                       </td>
@@ -730,7 +730,7 @@ function displayAgents(agentsToShow) {
           <div class="d-flex justify-content-between align-items-start">
             <div>
               <h6 class="mb-1 fw-bold">${agent.agent_name}</h6>
-              <p class="text-muted mb-2 small">${agent.agent_description || 'No description'}</p>
+              <p class="text-muted mb-2 small">${(agent.agent_purpose || 'No purpose listed').length > 100 ? (agent.agent_purpose || '').substring(0, 100) + '...' : (agent.agent_purpose || 'No purpose listed')}</p>
               <div class="d-flex gap-2 align-items-center flex-wrap mb-1">
                 <span class="agent-status status-${agent.agent_status || 'Development'}">
                   ${agent.agent_status || 'Development'}