claude-code - 💡(How to fix) Fix Chat panel: wrap long lines instead of horizontal scroll

Preflight Checklist

• I have searched existing requests and this feature hasn't been requested yet
• This is a single feature request (not multiple features)

Problem Statement

In the VS Code extension's chat panel, long lines (e.g. code paths, URLs, or dense prose) overflow horizontally, requiring the user to scroll right to read them. This breaks reading flow, especially for longer assistant responses.

Expected behavior: Text in chat messages wraps to fit the panel width, similar to how VS Code's terminal handles terminal.integrated.wordWrap or how most chat UIs behave by default.

Actual behavior: Long lines extend past the panel width and trigger a horizontal scrollbar.

Workaround: Manually drag the panel wider or move it to the bottom dock — neither is ideal.

Environment:

Claude Code VSCode extension macOS (darwin 25.5.0) Panel docked on the right side

Proposed Solution

A CSS fix on the chat webview container — either overflow-x: hidden combined with word-break: break-word, or white-space: pre-wrap on message content elements. Other VS Code AI extensions (Qwen Code, Kilo Code) already handle this correctly in the same sidebar panel, so the fix is likely a small, targeted change to the extension's webview stylesheet.

Alternative Solutions

No response

Priority

Critical - Blocking my work

Feature Category

CLI commands and flags

Use Case Example

No response

Additional Context

No response