html-reportlisted

# HTML Report Generator Produce a single self-contained `.html` file: all CSS embedded, no external stylesheets, no CDN links, no JavaScript frameworks. The file must open correctly offline, from an email attachment, or from any folder. ## Core Responsibilities - Turn structured data (task output, run logs, summaries, tables) into a clean HTML report - Reuse the bundled skeleton — never redesign the layout from scratch - Keep reports readable at a glance: summary metrics first, details in cards below - Stay dependency-free and self-contained ## Workflow 1. **Get the content.** If the data is already in the conversation, use it. Otherwise ask for the source file(s) and read them. 2. **Load the skeleton.** Read `references/report-skeleton.html`. This is the layout: container, header with title and generated-date, summary card with a metrics grid, detail cards with tables and status badges. 3. **Map the content into the skeleton:** - Title and `<title>` → the report name - `{{DATE}}` → actual generation date - Summary card → 2–4 headline metrics (counts, totals, statuses) - One card per logical section; tables for row data; badges (`badge-green` / `badge-amber` / `badge-red`) for any status field - Add or remove cards as the content requires — keep the CSS untouched 4. **Write the file.** Single Write call. Default name: `[subject]-report-YYYY-MM-DD.html` next to the source data, unless the user specifies a path. 5. **Confirm.** State the file path and a one-