The detail is shown after the target name in lighter text so it's easy to read at a glance.

Author: SohamDasBiswas

app.js

@@ -675,18 +675,28 @@ function renderLog() {
     return;
   }
 
-  c.innerHTML = `<div class="log-list">${slice.map(e => `
-    <div class="log-entry ${e.action||''}">
-      <div class="log-icon">${LOG_ICONS[e.action]||'📌'}</div>
+  c.innerHTML = `<div class="log-list">${slice.map(e => {
+    const action  = e.action || 'unknown';
+    const label   = action.toUpperCase().replace(/_/g,' ');
+    const icon    = LOG_ICONS[action] || '📌';
+    const clean   = s => (s||'').replace(/\s*\(\d{10,20}\)/g,'').replace(/#0$/,'').trim() || s || '?';
+    const target  = clean(e.target);
+    const mod     = clean(e.moderator) || 'System';
+    // Show detail (role name, channel rename etc) if present, otherwise reason
+    const extra   = e.detail || e.reason || '';
+    return `
+    <div class="log-entry ${action}">
+      <div class="log-icon">${icon}</div>
       <div class="log-body">
         <div class="log-action">
-          <span class="log-tag ${e.action||''}">${(e.action||'action').toUpperCase()}</span>
-          <strong>${e.target || 'Unknown'}</strong>${e.reason ? ` — ${e.reason}` : ''}
+          <span class="log-tag ${action}">${label}</span>
+          <strong>${target}</strong>${extra ? ` — <span style="color:var(--tx-2);font-weight:400">${extra}</span>` : ''}
         </div>
-        <div class="log-meta">By ${e.moderator||'System'} ${e.guild_name?'in '+e.guild_name:''}</div>
+        <div class="log-meta">By ${mod}${e.guild_name ? ' in ' + e.guild_name : ''}</div>
       </div>
       <div class="log-time">${formatTime(e.timestamp)}</div>
-    </div>`).join('')}</div>`;
+    </div>`;
+  }).join('')}</div>`;
 
   if (pg) {
     pg.style.display = 'flex';

dashboard.html

@@ -112,7 +112,7 @@
     <div id="admin-sidebar-section" style="display:none;flex-direction:column">
       <div style="height:1px;background:rgba(255,107,107,0.15);margin:6px 4px"></div>
       <div class="sidebar-section" style="margin-top:4px;color:#ff6b6b">🔐 Admin Only</div>
-      <div class="sl" onclick="showPanel('admin-hq',this)" style="color:#ff6b6b;font-weight:700"><span class="sl-icon">💻</span> Admin HQ</div>
+      <div class="sl" onclick="showPanel('admin-hq',this)" style="color:#4eff91;font-weight:700"><span class="sl-icon">💻</span> Admin HQ</div>
       <div class="sl" onclick="showPanel('mongodb',this)"><span class="sl-icon">🗄️</span> DB Stats</div>
       <div class="sl" onclick="showPanel('currency-admin',this)"><span class="sl-icon">💸</span> Currency Manager</div>
       <div class="sl" onclick="showPanel('cfg-economy',this)"><span class="sl-icon">💰</span> Economy Config</div>