Fix code lens tooltip clipping when editor panel is narrow (#379)

[srimon12]

Summary

Fixes #379

Fixes the code lens buttons (▶ RUN, ★ BEAUTIFY, § DOCS) being clipped in the Console editor when the panel is resized to a narrow width.

Root Cause

Monaco renders code lenses as a .codelens-decoration span with white-space: nowrap + overflow: hidden + text-overflow: ellipsis. When the react-resizable-panels left panel is resized too narrow, the code lens text ("▶ RUN | ★ BEAUTIFY | § DOCS") gets truncated, hiding the § DOCS button behind the ellipsis.

Fix

Added one CSS rule to editor.css:

.codelens-decoration {
  white-space: normal !important;
}

This allows code lens text to wrap to multiple lines instead of being clipped on a single line, keeping all action buttons visible and accessible regardless of panel width.

Files Changed

• src/components/CodeEditorWindow/editor.css — 5 insertions

Verification

• 123/123 tests pass, no lint errors
• Tested in browser by narrowing the left panel — code lens text wraps and remains fully visible instead of being cut off
• Full text "▶ RUN | ★ BEAUTIFY | § DOCS" visible at all panel widths