Skip to content

ui: consistent minimal palette — shared level tones, neutral JSON blocks#76

Merged
VarunGitGood merged 1 commit into
mainfrom
feat/ui-consistency
Jun 11, 2026
Merged

ui: consistent minimal palette — shared level tones, neutral JSON blocks#76
VarunGitGood merged 1 commit into
mainfrom
feat/ui-consistency

Conversation

@VarunGitGood

Copy link
Copy Markdown
Owner

Summary

Consistency pass over the chat surface — one palette, colour only where it carries signal.

  • Shared levelTone() (web/lib/log-levels.ts) used by both Timeline and CitedChunks. They previously disagreed: Timeline coloured level badges, CitedChunks rendered the same badge neutral.
  • Palette reduced to signal-only: ERROR/CRITICAL/FATAL → theme destructive; WARN → a single amber accent; INFO and everything else → neutral. INFO is the overwhelming majority of rows — colouring it blue was pure noise.
  • Investigation step JSON: replaced the hardcoded vscDarkPlus syntax theme (a full VS Code dark rainbow rendered regardless of light/dark mode) with a neutral <pre> that matches CitedChunks' raw-text styling. The docs page keeps its theme-aware highlighter — it was already correct.
  • Aligned tool/observation containers from rounded-md to rounded-lg to match the other panels.

Test plan

  • npx tsc --noEmit clean
  • uv run pytest tests/ -q — 208 passed
  • Live visual check: ingested real Zookeeper logs, ran a chat turn, screenshotted the Timeline — INFO rows neutral, single WARN row amber and immediately scannable

- lib/log-levels.ts: single levelTone() used by Timeline AND CitedChunks
  (they previously disagreed — Timeline coloured levels, CitedChunks didn't)
- palette reduced to signal-only: ERROR/FATAL -> theme destructive,
  WARN -> one amber accent, INFO and everything else neutral (INFO is most
  rows; colouring it was noise)
- investigation steps: replace hardcoded vscDarkPlus rainbow JSON (dark
  theme regardless of mode) with a neutral <pre> matching CitedChunks'
  raw-text styling; align tool/observation containers to rounded-lg
@vercel

vercel Bot commented Jun 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
repi Ready Ready Preview, Comment Jun 11, 2026 12:18pm

@VarunGitGood VarunGitGood merged commit 6006a87 into main Jun 11, 2026
4 checks passed
@VarunGitGood VarunGitGood deleted the feat/ui-consistency branch June 14, 2026 11:59
VarunGitGood added a commit that referenced this pull request Jun 14, 2026
ui: consistent minimal palette — shared level tones, neutral JSON blocks
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