feat: Show LLM request and response data in API request items

[roomote]

This PR attempts to address Issue #9119. Feedback and guidance are welcome.

Changes

• Added request and response fields to ClineApiReqInfo interface
• Store request data when initiating API calls in Task.ts
• Accumulate and store response data during streaming in Task.ts
• Updated ChatRow component to display request/response in expandable UI
• Added click handler to API request items to toggle visibility
• Display request as formatted JSON and response as markdown

How it works

When a user clicks on an API request item in the chat, they can now see:

• The full request sent to the LLM (formatted as JSON)
• The complete response received from the LLM (displayed as markdown)

This provides transparency into what is being exchanged between Roo and the LLM, which is especially helpful for understanding model behaviors and debugging.

Fixes #9119

---

Important

Enhance API request items to display LLM request and response data in an expandable UI for better transparency and debugging.

• Behavior:
  • Task.ts: Stores LLM request data when initiating API calls and accumulates response data during streaming.
  • ChatRow.tsx: Displays request/response data in an expandable UI when an API request item is clicked.
• UI:
  • ChatRow.tsx: Adds click handler to toggle visibility of request/response data.
  • Displays request as formatted JSON and response as markdown.
• Models:
  • ClineApiReqInfo in ExtensionMessage.ts: Adds response field to store response data.

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

[roomote]

Rooviewer   Follow along on Roo Cloud

Reviewed the latest commit (8ba9a6e). The raw/formatted response toggle implementation looks good - no issues found.

Previous reviews

• f77f4b4: Review #1

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}

[buz-ch]

@roomote: Can you let the user toggle to see the raw response from the server please? Markdown is not useful to debug interaction issues

[roomote]

Fixaroo   See task on Roo Cloud

Added a toggle button to switch between raw and formatted views of the LLM response. All local checks passed.

_{View commit | Revert commit}

[ellipsis-dev]

User-facing strings in the API response toggle (e.g. 'Response from LLM:', 'Raw', 'Formatted') are hardcoded. Please use the i18n translation function (e.g. t(...)) to support localization.

Suggested change

	{showRawResponse ? "Formatted" : "Raw"}
	{showRawResponse ? t("chat:apiRequest.formatted") : t("chat:apiRequest.raw")}

^{This comment was generated because it violated a code review rule: irule_C0ez7Rji6ANcGkkX.}

[buz-ch]

@roomote: raw should include the entire answer from the llm including headers etc

[roomote]

Fixaroo   Follow along on Roo Cloud

Working on enhancing the raw response view to include the entire LLM response with headers, metadata, and thinking traces.