feat: add persistent word-wrap setting for chat code blocks and tables by imabdulazeez · Pull Request #3480 · pingdotgg/t3code

imabdulazeez · 2026-06-21T11:19:04Z

What Changed

Added a Wrap code blocks and tables client setting that controls whether long content in chat messages wraps by default — covering both code blocks and tables.

New chatWordWrap boolean in the client settings schema (ClientSettingsSchema + ClientSettingsPatch), defaulting to true. (Renamed from the earlier chatCodeBlockWordWrap now that it governs more than code blocks.)
MarkdownCodeBlock seeds its per-block wrapped state from this setting instead of always starting unwrapped.
MarkdownTable now seeds its expanded (wrap) state from the same setting, so wide tables render with wrapped cells by default instead of truncating. The footer expand/collapse toggle still works for ad-hoc overrides.
Added a Wrap code blocks and tables row to the General settings panel (Switch + per-setting reset button), and wired it into the settings restore/reset flow and the "modified settings" summary.
Removed the orphaned data-wrap table CSS; tables wrap via the existing [data-expanded="true"] styling.
Updated the desktop ClientSettings test fixture to the renamed field.

Why

Long, unwrapped lines in chat code blocks and wide table cells force horizontal scrolling, which is awkward to read. Previously each block/table started in its non-wrapped state with users having to toggle every one individually. This adds a single, persisted preference so users can make wrapping the default across both content types, while keeping the per-element toggle for exceptions. Default is true so the more readable behavior is on out of the box.

Screenshots

Settings → General — new "Wrap code blocks and tables" toggle

Chat code block + table with wrap default applied

Checklist

This PR is small and focused
I explained what changed and why
I included before/after screenshots for any UI changes (after only)
I included a video for animation/interaction changes

Note

^{Cursor Bugbot is generating a summary for commit 6684c33. Configure here.}

Note

Add persistent word-wrap setting for chat code blocks, tables, diffs, and file previews

Replaces the separate diffWordWrap and chatWordWrap settings with a single unified wordWrap boolean in ClientSettingsSchema, defaulting to true.
Chat code blocks and tables in ChatMarkdown.tsx now initialize their wrapped/expanded state from settings.wordWrap instead of hardcoded false.
Diff view and file preview panels are updated to read from settings.wordWrap, and the Settings UI label is renamed from 'Diff line wrapping' to 'Word wrap'.
Behavioral Change: wordWrap defaults to true on first decode, so all surfaces wrap by default for new and existing users whose stored settings lack the key.

^{Macroscope summarized cf71bb9.}

- adds `chatCodeBlockWordWrap` client setting (default: true) - uses persisted setting as default wrap state in code blocks - adds toggle in general settings panel with reset support

coderabbitai · 2026-06-21T11:19:12Z

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 228ada45-9f60-44e6-8835-51a0aacbf6cd

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests

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.}

macroscopeapp · 2026-06-21T11:20:32Z

Approvability

Verdict: Needs human review

Unable to check for correctness in cf71bb9. An unresolved review comment identifies a medium-severity bug where word-wrap state won't update after component mount. Additionally, this PR changes runtime behavior by modifying defaults and extending where the setting applies.

^{You can customize Macroscope's approvability policy. Learn more.}

- extends wrap setting to cover table cells as well as code blocks - updates setting key, UI labels, and reset logic

juliusmarminge · 2026-06-22T17:18:02Z


 export const ClientSettingsSchema = Schema.Struct({
  autoOpenPlanSidebar: Schema.Boolean.pipe(Schema.withDecodingDefault(Effect.succeed(false))),
+  chatWordWrap: Schema.Boolean.pipe(Schema.withDecodingDefault(Effect.succeed(true))),


actually this should probalby just be wordWrap and be applied as default to diff and code views in general?

makes sense. let me look into it

@juliusmarminge this is done, please check :)

cursor

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want reviews to match your repository better? Bugbot Learning can learn team-specific rules from PR activity. A team admin can enable Learning in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 6684c33. Configure here.}

cursor · 2026-06-22T17:20:57Z

-  const [expanded, setExpanded] = useState(false);
+  const [expanded, setExpanded] = useState(
+    useClientSettings((settings) => settings.chatWordWrap)
+  );


Chat wrap ignores updated settings

Medium Severity

The MarkdownTable and MarkdownCodeBlock components initialize their expanded and wrapped states from the chatWordWrap setting using useState. This causes them to only read the setting once on mount. As a result, changes to the chatWordWrap setting (e.g., after async hydration or user toggling) don't update the component's wrap/expand state, leading to an incorrect display until the component remounts.

^{Reviewed by Cursor Bugbot for commit 6684c33. Configure here.}

- single wordWrap setting covers code blocks, tables, diffs, and file previews - obsolete chatWordWrap/diffWordWrap keys are stripped on decode

add chat code block word wrap setting

5a94761

- adds `chatCodeBlockWordWrap` client setting (default: true) - uses persisted setting as default wrap state in code blocks - adds toggle in general settings panel with reset support

github-actions Bot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Jun 21, 2026

rename chatCodeBlockWordWrap to chatWordWrap

b5275c6

- extends wrap setting to cover table cells as well as code blocks - updates setting key, UI labels, and reset logic

imabdulazeez changed the title ~~feat: add persistent markdown word-wrap setting for chat~~ feat: add persistent word-wrap setting for chat code blocks and tables Jun 22, 2026

imabdulazeez and others added 2 commits June 22, 2026 11:34

Merge branch 'main' into feat/chat-code-block-word-wrap

4c284ad

Refactor state initialization for chat word wrap

6684c33

juliusmarminge approved these changes Jun 22, 2026

View reviewed changes

juliusmarminge reviewed Jun 22, 2026

View reviewed changes

cursor Bot reviewed Jun 22, 2026

View reviewed changes

imabdulazeez force-pushed the feat/chat-code-block-word-wrap branch from cdb1184 to 6684c33 Compare June 22, 2026 18:05

merge chatWordWrap and diffWordWrap into wordWrap

cf71bb9

- single wordWrap setting covers code blocks, tables, diffs, and file previews - obsolete chatWordWrap/diffWordWrap keys are stripped on decode

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: add persistent word-wrap setting for chat code blocks and tables#3480

feat: add persistent word-wrap setting for chat code blocks and tables#3480
imabdulazeez wants to merge 5 commits into
pingdotgg:mainfrom
imabdulazeez:feat/chat-code-block-word-wrap

imabdulazeez commented Jun 21, 2026 •

edited by macroscopeapp Bot

Loading

Uh oh!

coderabbitai Bot commented Jun 21, 2026 •

edited

Loading

Review skipped

Uh oh!

macroscopeapp Bot commented Jun 21, 2026 •

edited

Loading

Uh oh!

juliusmarminge Jun 22, 2026

Uh oh!

imabdulazeez Jun 22, 2026

Uh oh!

imabdulazeez Jun 22, 2026

Uh oh!

cursor Bot left a comment

Uh oh!

cursor Bot Jun 22, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

imabdulazeez commented Jun 21, 2026 • edited by macroscopeapp Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What Changed

Why

Screenshots

Checklist

Add persistent word-wrap setting for chat code blocks, tables, diffs, and file previews

Uh oh!

coderabbitai Bot commented Jun 21, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

macroscopeapp Bot commented Jun 21, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Approvability

Uh oh!

juliusmarminge Jun 22, 2026

Choose a reason for hiding this comment

Uh oh!

imabdulazeez Jun 22, 2026

Choose a reason for hiding this comment

Uh oh!

imabdulazeez Jun 22, 2026

Choose a reason for hiding this comment

Uh oh!

cursor Bot left a comment

Choose a reason for hiding this comment

Uh oh!

cursor Bot Jun 22, 2026

Choose a reason for hiding this comment

Chat wrap ignores updated settings

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

imabdulazeez commented Jun 21, 2026 •

edited by macroscopeapp Bot

Loading

coderabbitai Bot commented Jun 21, 2026 •

edited

Loading

macroscopeapp Bot commented Jun 21, 2026 •

edited

Loading