HTML polish: tool titles, AskUserQuestion, fold bar, thinking borders

[cboos]

HTML polish: tool titles, AskUserQuestion, fold bar, thinking borders

Summary

HTML polish round focusing on visual consistency and tool distinguishability:

• Glob tool titles now include path - Parallel Glob calls (same timestamp) are now distinguishable by showing "pattern in path" instead of just "pattern"
• AskUserQuestion rendering improvements - Added Q:/A: labels with proper styling, purple border for questions, green border for answered questions
• Fold bar polish - Icons and labels now use consistent --fold-color (#888), reduced border thickness (2px→1px), right-aligned content
• Thinking messages - Unpaired thinking messages now use full purple border (was using dimmed)
• Todo priority borders - Medium priority items now have transparent border (was solid)

Test plan

• Snapshot tests updated and passing
• Visual verification of Glob tool titles in rendered HTML
• AskUserQuestion input/result rendering tests passing

Summary by CodeRabbit

• New Features

  • Improved message titles: added clearer titles for question prompts and glob/pattern inputs; file excerpts now show optional line ranges.

• Style

  • Updated color tokens (answer background, fold color) and refined fold control spacing, alignment, and border widths.
  • Replaced emoji QA icons with textual "Q:" / "A:" labels and added bold QA label styling.
  • Adjusted various priority/answer accent color usages for visual consistency.

• Tests

  • Updated snapshots and assertions to match new labels and styles.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Adds title renderers for GlobInput and AskUserQuestionInput to the HTML renderer, enhances ReadInput title metadata, replaces emoji Q/A icons with textual "Q:"/"A:" labels in HTML output, and adjusts CSS tokens and fold/QA styling; tests and snapshots updated to match UI changes.

Changes

Cohort / File(s)	Summary
HTML renderer claude_code_log/html/renderer.py	Added title_GlobInput() and title_AskUserQuestionInput() methods; enhanced title_ReadInput() to include optional line-range info in titles.
Tool formatters / Q&A rendering claude_code_log/html/tool_formatters.py	Replaced emoji prefixes (❓, ✅) with textual <span> labels "Q:" and "A:" across question rendering and result/output formatters.
Global styles claude_code_log/html/templates/components/global_styles.css	Changed --answer-bg from #f0fff4 to #fffbf0; added --fold-color: #888``.
Message / fold styles claude_code_log/html/templates/components/message_styles.css	Adjusted fold-bar alignment to flex-end, updated padding and border widths, set .fold-icon / .fold-label to use --fold-color, removed some thinking-style overrides.
Todo / QA styles claude_code_log/html/templates/components/todo_styles.css	Replaced several priority/accent color tokens with neutral/alternate tokens, removed left padding from .answer-text, added .qa-label (bold) and adjusted question/answer border colors.
Tests & snapshots test/test_askuserquestion_rendering.py, test/__snapshots__/test_snapshot_html.ambr	Updated assertions from emojis to "Q:"/"A:" labels; refreshed CSS/UI snapshots to reflect color and layout changes.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• Code review for #63 #64 — touches the same HtmlRenderer file; likely related to the new title methods and renderer imports.

Poem

🐰 A rabbit hopped in with labels to share,
"Q:" and "A:" now sit tidy and fair,
Fold bars in gray, tokens set just so,
Titles that peek where file lines go,
A tiny cheer for the renderer's glow!

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main changes: HTML formatting improvements including tool titles, AskUserQuestion rendering, fold bar styling, and thinking borders.
Docstring Coverage	✅ Passed	Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch dev/another-html-polish-round

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 6529520 and b35cffc.

📒 Files selected for processing (1)

• claude_code_log/html/renderer.py

🚧 Files skipped from review as they are similar to previous changes (1)

• claude_code_log/html/renderer.py

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (10)

• GitHub Check: test (windows-latest, 3.12)
• GitHub Check: test (windows-latest, 3.10)
• GitHub Check: test (ubuntu-latest, 3.12)
• GitHub Check: test (ubuntu-latest, 3.10)
• GitHub Check: test (ubuntu-latest, 3.11)
• GitHub Check: test (windows-latest, 3.14)
• GitHub Check: test (ubuntu-latest, 3.13)
• GitHub Check: test (ubuntu-latest, 3.14)
• GitHub Check: test (windows-latest, 3.13)
• GitHub Check: test (windows-latest, 3.11)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[cboos]

⚠️ Warning Docstring coverage is 57.14% which is insufficient.

These format_* and title_* methods are intentionally without docstrings.

[coderabbitai]

Note

Docstrings generation - SUCCESS
Generated docstrings for this pull request at #72