Skip to content

📐 style: Set the Reasoning Header at the Shared Row Scale - #16391

Merged
danny-avila merged 1 commit into
devfrom
danny-avila/reasoning-header-row-size
Sep 27, 2026
Merged

danny-avila merged 1 commit into
devfrom
danny-avila/reasoning-header-row-size

Conversation

@danny-avila

@danny-avila danny-avila commented Sep 26, 2026 •

Copy link
Copy Markdown
Collaborator

Summary

The standalone reasoning header (the lightbulb row above a thought, and the marker used when a thought's text is unavailable) was sized to the reader's body-text setting, 16px at the default, while every other activity row in the transcript, tool calls, grouped thoughts and phase summaries, is set at tool-status-text, 0.9× the markdown size, 14.4px at the default. The same thought therefore rendered at two sizes depending on whether it stood alone or sat inside a fold, and at larger font settings the standalone header outgrew the message heading above it.

Both headers now take tool-status-text and the medium label weight every other row carries. The thought body itself keeps the body size, as prose should.

Stacked on #16390 (the activity fold work) and targets its branch.

Type of change

  • Bug fix

Testing

Automated tests:

  • Added Parts/__tests__/Thinking.test.tsx: the disclosure and the marker take tool-status-text, drop the body-size class, and set the label at medium weight
  • cd client && npx jest Thinking.test ReasoningCompact ContentParts — 112 tests
  • npx tsc --noEmit in client: no errors in touched files

Before / after screenshot

The standalone reasoning header moves from the 16px body scale to the shared 14.4px activity-row scale while the thought body stays at 16px. Captured from the real mock app in desktop dark mode.

Before and after the reasoning header row scale

cb023ec251c3 (before) → 349e01f3a3cd (after).

@danny-avila
danny-avila force-pushed the danny-avila/reasoning-header-row-size branch from 9300842 to 349e01f Compare September 26, 2026 12:51
@danny-avila
danny-avila added this pull request to stack #16396 September 26, 2026 14:10
@danny-avila
danny-avila force-pushed the danny-avila/reasoning-header-row-size branch from 349e01f to 8bfbc27 Compare September 27, 2026 00:17
Base automatically changed from danny-avila/librechat-visualizer-ux-28f069 to dev September 27, 2026 01:25
The standalone thinking disclosure and its non-interactive marker were the
one activity row sized to the reader's body text (`fontSize`, 16px at the
default), while tool calls, grouped thoughts and phase summaries all sit at
`tool-status-text` (0.9× the markdown size, 14.4px). The same thought read
at two sizes depending on which surface held it, and at larger settings the
header outgrew the message heading beside it.

Both headers now take `tool-status-text` and the medium weight every other
row label carries. The thought body keeps the body size, as prose should.
@danny-avila
danny-avila force-pushed the danny-avila/reasoning-header-row-size branch from 8bfbc27 to 56541f6 Compare September 27, 2026 01:25
@danny-avila
danny-avila marked this pull request as ready for review September 27, 2026 01:46
@danny-avila
danny-avila merged commit cd405e6 into dev Sep 27, 2026
27 checks passed
@danny-avila
danny-avila deleted the danny-avila/reasoning-header-row-size branch September 27, 2026 01:46
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