fix: keep cancel button enabled during API requests with tool approval dialogs

[roomote]

Summary

This PR attempts to address Issue #9068 where the cancel button becomes incorrectly disabled during API requests when a tool approval dialog appears.

Problem

The cancel button was being disabled when there was a tool approval dialog present, even though the underlying API request was still in progress. This prevented users from canceling long-running operations.

Solution

• Added a separate isApiRequestInProgress state that tracks API request status independently from UI streaming state
• The cancel button now uses this separate state to determine if it should be enabled
• Added debouncing logic to prevent rapid cancel button clicks
• Refactored to reduce code duplication by extracting a checkApiRequestInProgress helper function

Changes

• webview-ui/src/components/chat/ChatView.tsx:
  • Added checkApiRequestInProgress helper function to check API request status
  • Added isApiRequestInProgress computed value for cancel button state
  • Added isCancelPending state to prevent rapid cancel clicks
  • Updated cancel button disabled logic to use isApiRequestInProgress
  • Updated handleSecondaryButtonClick to check both streaming states

Testing

• All existing tests pass
• Manually tested that cancel button remains enabled during API requests with tool dialogs

Fixes #9068

Feedback and guidance are welcome!

---

Important

Fixes issue with cancel button being disabled during API requests by introducing separate state tracking in ChatView.tsx.

• Behavior:
  • Introduced isApiRequestInProgress state in ChatView.tsx to track API request status separately from UI streaming state.
  • Updated cancel button logic to use isApiRequestInProgress to remain enabled during API requests.
  • Added debouncing logic to prevent rapid cancel button clicks.
• Functions:
  • Added checkApiRequestInProgress helper function in ChatView.tsx to determine API request status.
  • Updated handleSecondaryButtonClick to check both streaming and API request states.
• Testing:
  • Manually tested to ensure cancel button remains enabled during API requests with tool dialogs.

^{This description was created by for d6942f4. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Rooviewer   See task on Roo Cloud

Review completed. Found 1 issue that needs attention:

• Memory leak: setTimeout in handleSecondaryButtonClick is not cleaned up on component unmount

_{Mention @roomote in a comment to trigger your PR Fixer agent and make changes to this pull request.}

[roomote]

Memory leak: the setTimeout at line 752 is not cleaned up if the component unmounts before the timeout fires. If a user cancels a task and quickly navigates away or the component unmounts, the setTimeout will still fire and attempt to call setIsCancelPending on an unmounted component, causing a memory leak and potential React warnings.

_{Fix it with Roo Code or mention @roomote and request a fix.}