Skip to content

feat(trend-reports): make HTML report consume full page width#1

Open
Kalindi-Dev wants to merge 1 commit intomainfrom
bgagent/59dea93c15f2/make-the-trend-html-report-consume-the-e
Open

feat(trend-reports): make HTML report consume full page width#1
Kalindi-Dev wants to merge 1 commit intomainfrom
bgagent/59dea93c15f2/make-the-trend-html-report-consume-the-e

Conversation

@Kalindi-Dev
Copy link
Copy Markdown
Owner

Summary

  • Removed the max-width: 1200px CSS constraint from the body element in the trend HTML report renderer
  • Changed margin: 0 auto to margin: 0 so the report now fills the entire browser viewport width
  • Updated the example trend-report.html file to reflect the same change

Changes

File: scripts/aidlc-evaluator/packages/trend-reports/src/trend_reports/render_html.py

  • body CSS: removed max-width: 1200px; margin: 0 auto → replaced with margin: 0

File: scripts/aidlc-evaluator/packages/trend-reports/examples/trend-report.html

  • Same CSS update applied to the pre-generated example report

Build and test results

  • uv run pytest packages/trend-reports/tests/ -v145 passed, 1 warning
  • Lint (uv run ruff check packages/trend-reports/) → 1 pre-existing error (qual_status unused variable in render_html.py:240, unrelated to this change) — was already failing before this PR

Decisions made

The only constraint limiting the report width was max-width: 1200px on the body element. Removing it (along with the centering margin: 0 auto) allows the report to span the full viewport. The responsive breakpoint at 768px and all other layout CSS remain unchanged.

Agent notes

What went well: The change was minimal and precise — one CSS property to remove. The codebase has good test coverage (145 tests) and the change was validated quickly.

What was difficult: mise run build and mise run lint didn't work from the repo root (no tasks defined there); the actual tools are uv run pytest and uv run ruff from scripts/aidlc-evaluator/.

Patterns/conventions discovered:

  • The project uses uv for Python dependency management with a workspace structure under scripts/aidlc-evaluator/
  • CSS is embedded directly as a string in render_html.py — no external stylesheet files
  • The examples/trend-report.html is a pre-generated snapshot that needs to stay in sync with render_html.py

Suggestions for future tasks:

  • Consider adding a mise run build task in the repo root that delegates to uv commands
  • The pre-existing qual_status lint warning in render_html.py:240 should be cleaned up

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of the project license.

Remove the max-width: 1200px constraint from the body CSS so the trend
HTML report expands to fill the entire browser viewport width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Task-Id: 59dea93c15f2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant