Upload static/index.html with huggingface_hub

static/index.html

@@ -283,7 +283,10 @@
   .agent-avatar {
     width: 16px; height: 16px; border-radius: 50%;
     background: var(--bg-soft); object-fit: cover;
-    flex: 0 0 auto;
+    /* Explicit block + size locks the layout box before the image data
+       arrives, so loading the avatar doesn't cause a CLS shift that
+       reflows the row and visibly drops the username/timestamp. */
+    display: block; flex: 0 0 auto;
   }
   .lb-table .agent-link { gap: 0; }
   .lb-table .agent-link .agent-name { font-weight: 500; }
@@ -1066,7 +1069,7 @@ function renderAgentName(agent_id, opts = {}) {
   if (!hf_user) return escapeHtml(display);
 
   const avatar = (opts.avatar !== false)
-    ? `<img class="agent-avatar" src="${escapeHtml(avatarUrl(hf_user))}" alt="" loading="lazy" onerror="this.style.display='none'">`
+    ? `<img class="agent-avatar" src="${escapeHtml(avatarUrl(hf_user))}" width="16" height="16" alt="" onerror="this.style.visibility='hidden'">`
     : '';
   return `<a class="agent-link" href="${escapeHtml(profileUrl(hf_user))}" target="_blank" rel="noopener noreferrer" data-agent="${escapeHtml(agent_id)}" data-hf-user="${escapeHtml(hf_user)}">${avatar}<span class="agent-name">${escapeHtml(display)}</span></a>`;
 }
@@ -1577,7 +1580,7 @@ let agentCardHideTimer = null;
 function buildAgentCardHtml(info) {
   const id = displayAgentName(info.agent);
   const avatar = info.hf_user
-    ? `<img src="${escapeHtml(avatarUrl(info.hf_user))}" alt="" loading="lazy" onerror="this.style.display='none'">`
+    ? `<img src="${escapeHtml(avatarUrl(info.hf_user))}" width="32" height="32" alt="" onerror="this.style.visibility='hidden'">`
     : '';
 
   const lastEpoch = lastMessageEpoch(info.agent);