Agent logs: "Logs overflowed" badge is clipped and its tooltip covers the log lines

Abierto Apto para principiantes
#30,743 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

@Tyagiquamar ya está trabajando en esto.

Desde el 25/10/2026.

  • #31251 de @Tyagiquamar — abierto

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
72/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
react, tailwindcss, typescript
Área
frontend

Línea de trabajo

El badge y el tooltip están en site/src/modules/resources/AgentLogs/AgentLogs.tsx, donde el Badge posicionado de forma absoluta (absolute bottom-3 left-1/2 -translate-x-1/2) está dentro de un Tooltip cuyo TooltipContent usa w-full max-w-prose. Para reproducirlo, supera 1 MB en los logs del agente o simula el estado de desbordamiento, y luego pasa el cursor sobre el badge. Se considera terminado cuando el badge es completamente visible y está centrado en la parte inferior del panel de logs, y el tooltip se abre junto a él sin cubrir las líneas del log ni salirse por el borde izquierdo.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug dashboard

@FedotCompot spotted this while testing #29302 (comment and screenshot). It's separate from that PR, which only changes how the log list scrolls and follows new lines.

What happens

When a workspace agent's startup logs go over the 1MB limit, the agent logs panel on the workspace page shows a Logs overflowed badge. In the screenshot:

  • The badge sits at the bottom-left edge of the log panel and gets clipped (only "…rflowed" shows), instead of being centered at the bottom.
  • Hovering the badge opens its tooltip ("Startup logs exceeded the max size of 1MB…"), which covers the log lines and spills past the left edge of the panel.

Expected

The badge is centered at the bottom of the log panel and fully visible. Its tooltip sits next to the badge without hiding the logs or getting cut off.

Where to look

The badge and tooltip are rendered in site/src/modules/resources/AgentLogs/AgentLogs.tsx: an absolutely positioned Badge (absolute bottom-3 left-1/2 -translate-x-1/2) wrapped in a Tooltip, whose TooltipContent uses w-full max-w-prose.

Reproduce

  1. Run a workspace whose startup script writes more than 1MB of logs.
  2. Open the workspace page and expand Logs.
  3. Look at the bottom of the log panel, then hover Logs overflowed.

Created on behalf of @chrifro

Lenguaje dominante
Go
Estrellas
17.3k
Forks
1.6k
Merge medio
3 d 13 h
PR fusionados (30 d)
604

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de coder/coder

Todos los issues de coder/coder

Issues similares

Más issues de Go

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.