[Enhancement] : Enable line numbers and fix gutter alignment in Script Editor

[Manar-Elhabbal7]

Currently, the CodeEditor widget used for Pre-request and Post-response scripts does not display line
numbers. The gutter width is forced to 0, and showLineNumbers is set to false. This makes it difficult
for users to debug or reference specific lines

This change enables line numbers, fixes the gutter alignment, and ensures the styling matches the rest of
the API Dash design system.

This is the Scripts tab should be after the enhancement

[rajesh-puripanda]

Line numbers + gutter alignment in ScriptEditor. I'll configure the code editor to show line numbers with dynamic gutter width. Fix horizontal scroll mismatch between gutter and content.

[rajesh-puripanda]

@foss42 I've outlined my approach above — I'm ready to implement this. Please assign this issue to me. Will submit a clean PR once assigned.

[PranavAgarkar07]

Hi! I'd like to work on this issue under GSSoC 2026.

Approach: I'll modify the CodeEditor widget used for Pre-request and Post-response scripts to enable line numbers by setting showLineNumbers: true and fixing the gutter width (currently forced to 0). I'll adjust the gutter styling — proper padding, monospace font size, and background color — to match the API Dash design system. I'll also ensure the gutter doesn't shift the code content unexpectedly and that line numbers update correctly on scroll and edit. I'll test on both desktop and mobile viewports for layout consistency.

I have experience with Flutter widgets, CodeEditor customization, and cross-platform UI. Please assign me this issue.