Make tool call bubbles toggleable in chat UI

[Copilot]

The chat tool call bubble could crowd the interface; add a user toggle to show/hide tool call details.

• Changes

  • Added showToolCalls toggle in chat input footer for TS/Python LangChain, TS LlamaIndex, and TS Vercel AI chat windows, defaulting to on.
  • Propagated the toggle to ChatMessageBubble and gated tool call rendering with the existing shouldShowToolCalls logic across all implementations.

• Example

  <ChatMessageBubble
    message={message}
    allMessages={messages}
    showToolCalls={showToolCalls}
  />

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Make the toolcall bubble on chat interface toggleable</issue_title>
<issue_description>The tool call bubble on the chat interface can sometimes take a lot of space. Add a checkbox to toggle it.</issue_description>

<agent_instructions>Look for chat-message-bubble.tsx or chatMessageBubble.tsx in all implementations on the repo and make the ToolCallDisplay component hideable. Use the existing shouldShowToolCalls variable and add a checkbox near the chat input tp toggle this</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes Make the toolcall bubble on chat interface toggleable #31

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[deepu105]

Testing the copilot agent

[deepu105]

@copilot apply the same changes to the implementation in ts-llamaindex and ts-vercel-ai folders.

[Copilot]

@copilot apply the same changes to the implementation in ts-llamaindex and ts-vercel-ai folders.

Changes applied to ts-llamaindex and ts-vercel-ai with the toggle wired through chat-window to ChatMessageBubble (commit bf6fabf). UI screenshot: https://github.com/user-attachments/assets/ea7bae39-da05-4a87-8031-4e692d0097ce