Code block header bar and explanation text do not resize correctly; action buttons hidden when sidebar is narrowed (Windows 11, VS Code 1.131, Continue 2.1.0)

[birchyhollow]

Before submitting your bug report

• I've tried finding an answer on the Continue docs site
• I'm not able to find an open issue that reports the same bug
• I've seen the troubleshooting guide on the Continue Docs

Relevant environment info

OS: Windows 11

VS Code: 1.131.0

Continue extension: 2.1.0

Gemini 2.5 Flash

Description

Issue:
In the Continue sidebar/panel, when resizing the panel width:

The content inside code blocks resizes and wraps correctly.

The header bar of code blocks (the top bar with Copy, Run, Enter buttons) does not resize correctly. As the panel is narrowed, the header extends beyond the visible area and the action buttons disappear under the sidebar edge.

Explanation text between code blocks also does not reflow correctly and can overflow or appear under other UI elements.

This appears to be a CSS/layout bug in the Continue webview, likely due to fixed/min-width styling on the code block header and/or missing overflow handling on the sidebar container.

Steps to reproduce:

To reproduce

Open Continue in the sidebar or panel.

Ask a question that produces a response with:

Explanation text

One or more code blocks (with header bar containing Copy/Run/Enter buttons)

Resize the Continue panel narrower.

Observe:

Code block content wraps correctly.

Code block header bar does not shrink; action buttons get hidden under the sidebar edge.

Explanation text does not reflow properly and may overflow or render under other elements.

Expected behavior:
All elements (code block headers, code content, and explanation text) should stay within the Continue panel bounds when resized. The header bar should shrink or wrap, and overflow should be handled with scrolling instead of elements disappearing under the sidebar edge.

Tried:

Updated Continue to 2.1.0

Disabled hardware acceleration ("disable-hardware-acceleration": true in argv.json)

Moved Continue between primary sidebar, secondary sidebar, and bottom panel

Reloaded window / restarted VS Code

Note:
This looks like a CSS layout bug in the extension’s sidebar. Likely causes:

Code block header has a fixed or min width that doesn’t respond to container size.

Sidebar container may be missing proper height: 100% / overflow-y: auto or has overflow: hidden on some parent.

Screenshots or a short screen recording showing the header bar and buttons being clipped as the panel is narrowed would be very helpful for reproduction.

Log output

The continue console only includes prompt and options.

[bunnysayzz]

👋 Just opened a PR that fixes this: #13095

Root cause: flexbox's default min-width: auto prevents flex children from shrinking below their content width. When the sidebar is narrowed, the code-block header bar can't shrink, so the action buttons (Copy/Run/Enter) get pushed past the panel edge and clipped by overflow-x-hidden on the root container.

The fix: allow the title side to shrink and truncate (min-w-0 on the existing line-clamp-1 FileInfo) while pinning the action buttons (shrink-0), plus flex-wrap for very narrow widths. Added a regression test; all 44 tests in StyledMarkdownPreview/ pass.

Would appreciate a review 🙏