agent-lab/docs/plans/todo-37-audit-detail-flow-layout.md

Todo 37: Audit Detail Flow Layout

Status

done

Goal

Fully replace the stretched Audit Detail card layout with a content-sized flow layout. Metadata must render as compact inline fields, not grid rows or large cards.

Plan

1. Remove internal CSS Grid layout from .audit-detail and .audit-detail-header.
2. Render metadata as compact inline definition fields.
3. Keep detail sections in normal block flow with small spacing.
4. Version static assets again to prevent stale browser CSS.
5. Add tests that prevent .audit-detail and .audit-detail-header from returning to grid.

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.
• Static regression asserts .audit-detail and .audit-detail-header do not use display: grid.