From 7ec64693a1121066f22f454adf3ba8aea896ddcd Mon Sep 17 00:00:00 2001
From: Otto Jongerius <otto@agentreceipts.ai>
Date: Wed, 20 May 2026 18:53:32 +1200
Subject: [PATCH] fix(ui): truncate long action type labels in distribution
 chart

---
 internal/server/static/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/internal/server/static/index.html b/internal/server/static/index.html
index 1f16ebe..8a112a0 100644
--- a/internal/server/static/index.html
+++ b/internal/server/static/index.html
@@ -899,7 +899,7 @@ <h2 class="modal-title" id="shortcuts-modal-title">Keyboard shortcuts</h2>
       const maxAction = Math.max(...topActions.map(r => r.count), 1);
       document.getElementById('action-chart').innerHTML = topActions.map(r => `
         <div class="bar-row">
-          <span class="bar-label"><span class="badge">${escapeHtml(r.label)}</span></span>
+          <span class="bar-label" style="width:140px;min-width:140px;" title="${escapeAttr(r.label)}"><span class="badge" style="max-width:136px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;">${escapeHtml(r.label)}</span></span>
           <div class="bar-track"><div class="bar-fill bar-action" style="width: ${(r.count / maxAction * 100)}%"></div></div>
           <span class="bar-count">${r.count}</span>
         </div>