Skip to content

ui: brutalist restyle — paper/ink/amber#43

Merged
emp3thy merged 1 commit into
mainfrom
brutalist-ui
May 5, 2026
Merged

ui: brutalist restyle — paper/ink/amber#43
emp3thy merged 1 commit into
mainfrom
brutalist-ui

Conversation

@emp3thy
Copy link
Copy Markdown
Owner

@emp3thy emp3thy commented May 5, 2026

Summary

  • Port the website's brutalist visual system to the management UI: cream paper / ink / single amber accent. Sharp corners, hairline rules, no shadows.
  • Type swap from Fraunces / Bricolage Grotesque / Geist Mono → Inter ExtraBold (display) + JetBrains Mono (body, data). Loaded via Google Fonts.
  • Reflection rows restructured: title spans the full row width above a foot row with use-cases + badges. Confidence bar removed; obs count and confidence % now stack as a tiny right-aligned data column (6 obs / 90% con).
  • Rail labels remain capitalized in the DOM (CSS handles the lowercase rendering) so Playwright has_text="Episodes" etc. continue to match textContent — no test churn.
  • End-to-end CSS rewrite covering rail, episodes, observations, reflections, semantic, drawer, diagnostics (hook errors, retention runs), modal, synth halo, htmx indicator, hint list, audit log.

Test plan

  • uv run pytest tests/ui — 164 passed, 0 failed
  • Manual visual sweep: episodes timeline, reflection list with use-cases visible, an open episode drawer, an open reflection drawer, observations tab, semantic tab, diagnostics tab
  • Synthesis halo animation when running synthesize from the reflections panel
  • Modal + edit form (reflection edit, semantic edit/create)
  • Mobile / narrow viewport (rail collapses to top bar at <720px)

🤖 Generated with Claude Code

Port the website's brutalist visual system to the management UI: cream
paper background, ink black, single amber accent. Type swap from
Fraunces/Bricolage/Geist to Inter ExtraBold (display) + JetBrains Mono
(body, data). Sharp corners, hairline rules, no shadows.

Reflection row restructured: title spans full width above a foot row
holding use-cases + side badges. Confidence bar removed; obs count and
confidence percentage now stack as a two-line right-aligned block.

Rail labels stay capitalized in markup so Playwright `has_text` checks
keep matching textContent — CSS handles the lowercase rendering.

All 164 UI tests pass.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown

@github-actions github-actions Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Claude BugBot Analysis

This PR is a pure visual redesign (dark editorial theme → brutalist paper/ink/amber theme) touching CSS variables, font declarations, and minor HTML template restructuring. All CSS cascade rules are internally consistent, the reflection_row.html template restructuring matches the corresponding new CSS selectors, font weights requested from Google Fonts cover all values referenced in the CSS, and the specificity of override rules (.collapse-me, .close-drawer, .collapse-me:hover, etc.) is correct throughout. No logic errors, security vulnerabilities, or functional regressions were identified in the changed lines.

No bugs were detected in this PR.

@emp3thy emp3thy merged commit 8dee9df into main May 5, 2026
3 checks passed
@emp3thy emp3thy deleted the brutalist-ui branch May 5, 2026 20:51
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