[BUG] AskUserQuestion component: Background dimming and missing auto-scroll to popup

Preflight Checklist

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

Problem Statement

I'm using the Claude Code VSCode extension. When the AskUserQuestion component appears (showing multiple choice options), two UX issues occur:

1. Background dimming: The conversation behind gets dimmed with a dark overlay. I want to disable this so the conversation remains readable while options are shown.

1. No auto-scroll: The conversation doesn't scroll to bottom when the options popup appears, so the popup covers/hides the last messages. I want the conversation to automatically scroll down so the popup appears below the visible content, not covering it.

Where are these behaviors controlled and how can I fix them? Looking for the relevant CSS/JS that handles the overlay opacity and the scroll behavior when AskUserQuestion renders.

Proposed Solution

1. Remove or make optional the dark overlay: Modify the CSS/JS that applies the background dimming effect when AskUserQuestion appears. Either remove the overlay entirely or make it configurable via settings.

1. Add auto-scroll behavior: When the AskUserQuestion component renders, automatically scroll the conversation container to the bottom so the popup appears below the visible messages instead of overlaying them.

1. Make both behaviors configurable: Allow users to toggle these behaviors through extension settings if they prefer different UX behavior (some users might want the overlay, others might not).

Alternative Solutions

Currently, I work around this by either:

1. Resizing my VSCode window to make the conversation panel larger so the popup appears at the bottom
2. 2. Manually scrolling the conversation down after the popup appears
3. 3. Using the terminal instead where there's no dimming overlay

Other tools and IDEs (like web-based chat interfaces) handle this by either not showing an overlay, or automatically scrolling the container when a modal appears.

Priority

Medium - Would be very helpful

Feature Category

Interactive mode (TUI)

Use Case Example

Example scenario:

1. I'm working on a TypeScript codebase with Claude Code
2. 2. Claude asks me a question with the AskUserQuestion component (showing "Option A", "Option B", "Option C")
3. 3. The conversation behind gets heavily dimmed, making it difficult to read the context
4. 4. The popup appears at the top of the conversation panel, covering the last few messages that I might need to reference
5. 5. I have to either resize the window or manually scroll to see the full context while the popup is visible

This would be much better if:

• The overlay didn't dim the conversation (or was very subtle)
• - The conversation automatically scrolled down so the popup appears below the last message

Additional Context

The component in question is: AskUserQuestion (from the VSCode extension's TUI)

Key component behavior to modify:

• The overlay opacity that dims the conversation
• - The scroll-to-bottom behavior when the component mounts

This is a UX quality-of-life improvement that would make the extension much more usable when dealing with popups/modals. Would be ideal if this could be made configurable via extension settings so users can choose their preferred UX behavior.