# 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`.