Skip to content

Tune chat text sizing - #891

Merged
wesbillman merged 13 commits into
mainfrom
kennylopez-chat-text-sizing
Jun 8, 2026
Merged

Tune chat text sizing#891
wesbillman merged 13 commits into
mainfrom
kennylopez-chat-text-sizing

Conversation

@klopez4212

@klopez4212 klopez4212 commented Jun 6, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Set desktop chat message author names to 15px.
  • Set desktop chat message body text to 15px in message rows.
  • Align user-mention chips to a 4px radius with 3px top / 2px bottom / 4px horizontal padding across rendered chat mentions, composer mention highlights, and system-message profile mentions.
  • Normalize mention-chip typography to medium 15px text with explicit line-height so title mentions, message mentions, composer mentions, and “added @Someone” system mentions do not inherit different sizes or weights from their surrounding rows.
  • Format thread-summary “last reply” labels with expanded relative units like 3 hours ago / 4 days ago, then month-first ordinal dates like May 19th for older replies.
  • Format sticky day-divider chips as Tuesday, May 19th in the current year and only include the year for other years.
  • Move the main timeline “Jump to latest” button closer to the bottom in non-member read-only views where the composer overlay is replaced by the join banner.
Screenshot 2026-06-06 at 11 36 14

Validation

  • pnpm --dir desktop check
  • cd desktop && node --import ./test-loader.mjs --experimental-strip-types --test src/features/messages/lib/dateFormatters.test.mjs
  • Staging app hot-reloaded via just staging against wss://sprout-oss.stage.blox.sqprod.co

@klopez4212 klopez4212 changed the title [codex] Tune chat text sizing Tune chat text sizing Jun 6, 2026
@klopez4212
klopez4212 marked this pull request as ready for review June 6, 2026 10:35
@klopez4212
klopez4212 requested a review from a team June 6, 2026 10:35
@wesbillman
wesbillman merged commit 45f3dfe into main Jun 8, 2026
15 checks passed
@wesbillman
wesbillman deleted the kennylopez-chat-text-sizing branch June 8, 2026 14:13
tellaho pushed a commit that referenced this pull request Jun 8, 2026
Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
tlongwell-block pushed a commit that referenced this pull request Jun 9, 2026
* origin/main: (32 commits)
  docs: add NIP-ER event reminders (#875)
  feat(acp): pass slash commands through to ACP connectors (#919)
  fix(sdk): resolve multi-word display names and add NIP-27 nostr:npub mention extraction (#905)
  fix(desktop): re-enable mcp_command reconciliation and harden spawn site (#909)
  Fix desktop DM and sidebar UI polish (#908)
  Animate reaction counts (#904)
  Mobile custom emoji + settings redesign (#906)
  Renew TTL when unarchiving ephemeral channels (#902)
  chore(release): release version 0.3.13 (#903)
  Collapse channel header actions (#901)
  sprout-agent: make Databricks defaults env-only (#868)
  Restyle settings sections (#894)
  Add emoji reaction particles (#890)
  Move settings into the app shell (#893)
  Tune chat text sizing (#891)
  Style channel header navigation (#889)
  fix: rename missed known_acp_provider_exact → known_acp_runtime_exact (#900)
  chore(deps): update radix-ui-primitives monorepo (#898)
  chore(deps): update actions/checkout digest to df4cb1c (#897)
  refactor: rename ACP "provider" to "runtime" across the codebase (#783)
  ...

# Conflicts:
#	desktop/src/features/agents/ui/CreateAgentDialog.tsx
tlongwell-block pushed a commit that referenced this pull request Jun 9, 2026
* origin/main: (32 commits)
  docs: add NIP-ER event reminders (#875)
  feat(acp): pass slash commands through to ACP connectors (#919)
  fix(sdk): resolve multi-word display names and add NIP-27 nostr:npub mention extraction (#905)
  fix(desktop): re-enable mcp_command reconciliation and harden spawn site (#909)
  Fix desktop DM and sidebar UI polish (#908)
  Animate reaction counts (#904)
  Mobile custom emoji + settings redesign (#906)
  Renew TTL when unarchiving ephemeral channels (#902)
  chore(release): release version 0.3.13 (#903)
  Collapse channel header actions (#901)
  sprout-agent: make Databricks defaults env-only (#868)
  Restyle settings sections (#894)
  Add emoji reaction particles (#890)
  Move settings into the app shell (#893)
  Tune chat text sizing (#891)
  Style channel header navigation (#889)
  fix: rename missed known_acp_provider_exact → known_acp_runtime_exact (#900)
  chore(deps): update radix-ui-primitives monorepo (#898)
  chore(deps): update actions/checkout digest to df4cb1c (#897)
  refactor: rename ACP "provider" to "runtime" across the codebase (#783)
  ...

Signed-off-by: npub1qyvc0c5kl4gqv2fd97fsk46tu378sqgy35vc83rvgfwne90sel7s0ed67d <011987e296fd5006292d2f930b574be47c7801048d1983c46c425d3c95f0cffd@sprout-oss.stage.blox.sqprod.co>

# Conflicts:
#	desktop/src/features/agents/ui/CreateAgentDialog.tsx
zachlendon pushed a commit to zachlendon/buzz that referenced this pull request Aug 15, 2026
Cmd +/- zoom scales the root <html> font-size (rem-only by design),
but PR block#891 converted the message-timeline + thread render path from
rem tokens to hardcoded px (text-[15px]/text-[13px], font-size: 15px),
freezing that text against zoom.

Preserve Kenny's 15px chat sizing intent but express it in rem so it
scales: add rem-based `text-chat` (0.9375rem === 15px) and `text-code`
(0.8125rem === 13px) Tailwind tokens, and swap the px classes over in
MessageRow, markdown, mentionChip, and globals.css (.mention-highlight).

Codify it: add `pnpm check:px-text` CI guard flagging new px text in the
timeline/thread render path, wired into `pnpm check`, plus an AGENTS.md
note steering future agents to rem tokens. Scoped to the regression
footprint — no app-wide sweep.

Co-authored-by: Taylor Ho <taylorkmho@gmail.com>
Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
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.

2 participants