agent-lab/docs/plans/todo-36-audit-detail-compact-ui.md

Todo 36: Compact Audit Detail UI

Status

done

Goal

Fix the Audit Detail modal layout so selected events render as compact, readable detail rows instead of oversized pill-like blocks, and prevent stale CSS from keeping the old layout.

Plan

1. Version the stylesheet URL to bust browser cache.
2. Replace Audit Detail metadata pills with compact key/value fields.
3. Render event-name lists as small code tags instead of large rounded blocks.
4. Override global section + section spacing inside the audit modal/detail area.
5. Add static regression checks and run verification.

Verification

• node --check src/agent_lab/presentation/static/app.js passes.
• uv run pytest tests/test_websocket_api.py -q passes (36 passed, one existing Starlette deprecation warning).
• uv run pytest passes (71 passed, one existing Starlette deprecation warning).
• git diff --check passes.