Skip to content

Fix right sidebar text and tool call rendering - #177

Merged
2witstudios merged 3 commits into
masterfrom
claude/fix-sidebar-rendering-ArSm5
Jan 10, 2026
Merged

2witstudios merged 3 commits into
masterfrom
claude/fix-sidebar-rendering-ArSm5

Conversation

@2witstudios

@2witstudios 2witstudios commented Jan 10, 2026 •

Copy link
Copy Markdown
Owner

Summary by CodeRabbit

Release Notes

  • Bug Fixes
    • Improved text wrapping behavior in AI assistant chat messages and responses. Long text and content now properly wrap instead of being clipped, enhancing readability across chat messages, tool outputs, and task details in the sidebar.

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

Replace overflow-hidden with break-words on text containers to allow
proper word wrapping instead of clipping content. The CSS module already
had proper word-breaking rules but the parent overflow-hidden was
preventing them from working.
The TaskRenderer component for task management tool calls was also
using overflow-hidden which clips text. Replace with break-words for
proper text wrapping.
…erflow

Add overflow-x-hidden wrapper around sidebar messages to prevent the
Radix ScrollArea's internal display:table from expanding content beyond
the viewport width. This ensures text wraps properly within the sidebar.
@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

@2witstudios
2witstudios merged commit e8d5051 into master Jan 10, 2026
2 of 3 checks passed
@coderabbitai

coderabbitai Bot commented Jan 10, 2026 •

Copy link
Copy Markdown
Contributor

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

This pull request updates chat rendering components to improve text wrapping behavior by removing overflow-hidden CSS utilities and replacing them with break-words across message renderers, tool call components, and the sidebar chat interface. The changes maintain existing component structures while adjusting how long content is handled visually.

Changes

Cohort / File(s) Summary
Message and Text Renderers
apps/web/src/components/ai/shared/chat/CompactMessageRenderer.tsx, apps/web/src/components/ai/shared/chat/MessageRenderer.tsx
Removed overflow-hidden from text block containers and replaced with break-words to allow text wrapping instead of clipping. Adjusted className reordering for consistency across both compact and standard rendering paths.
Tool Call and Task Renderers
apps/web/src/components/ai/shared/chat/tool-calls/CompactToolCallRenderer.tsx, apps/web/src/components/ai/shared/chat/tool-calls/TaskRenderer.tsx
Replaced overflow-hidden with break-words in expanded-view containers, inputs/outputs sections, and error blocks. Adjusted root container and toggle button styling to permit word-wrapping while maintaining structure.
Sidebar Chat Layout
apps/web/src/components/layout/right-sidebar/ai-assistant/SidebarChatTab.tsx
Moved padding from ScrollArea container into a nested inner wrapper; added break-words and max-w-full utilities to the messages content layer to enable proper text wrapping within the constrained space.

Possibly related PRs

  • PageSpace#176: Directly modifies the same components (CompactMessageRenderer, MessageRenderer, CompactToolCallRenderer) with identical overflow-hidden removal and break-words additions.
  • PageSpace#172: Alters CompactMessageRenderer and SidebarChatTab styling to control message content wrapping and overflow behavior through similar CSS class modifications.
  • PageSpace#171: Adjusts TaskRenderer.tsx rendering and CSS classes alongside similar overflow/text-wrapping modifications.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes


🐰 Text that once hid now flows free,
Break-words dance through typography,
No overflow, just wrap and play—
Messages bloom in every way! 🌿✨

✨ Finishing touches
  • 📝 Generate docstrings

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 5c306ad and ffa9d80.

📒 Files selected for processing (5)
  • apps/web/src/components/ai/shared/chat/CompactMessageRenderer.tsx
  • apps/web/src/components/ai/shared/chat/MessageRenderer.tsx
  • apps/web/src/components/ai/shared/chat/tool-calls/CompactToolCallRenderer.tsx
  • apps/web/src/components/ai/shared/chat/tool-calls/TaskRenderer.tsx
  • apps/web/src/components/layout/right-sidebar/ai-assistant/SidebarChatTab.tsx

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

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

2witstudios added a commit that referenced this pull request May 4, 2026
Hoist findActivePendingMemberByEmail above the existing-user check so the 409-on-pending path also fires when the email already maps to a temp user from a prior invitation. Without this, a second invite for an unaccepted email silently routed through the existing-user branch, updating role/permissions on the pending row and skipping the invitation email — flagged by Codex as P1.

Sanitize the error message logged when sendPendingDriveInvitationEmail fails to remove control characters and cap length, addressing CodeQL js/log-injection alert #177 in notification-email-service.ts.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.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