feat(ui): add max height constraint to MCP execution response

[samhvw8]

Related GitHub Issue

Closes: #4643

Description

• Set max-h-96 (384px) for MCP response container
• Add overflow-y-auto for scrollable content when exceeding height
• Prevents long MCP responses from taking excessive vertical space

Test Procedure

Type of Change

• 🐛 Bug Fix: Non-breaking change that fixes an issue.
• ✨ New Feature: Non-breaking change that adds functionality.
• 💥 Breaking Change: Fix or feature that would cause existing functionality to not work as expected.
• ♻️ Refactor: Code change that neither fixes a bug nor adds a feature.
• 💅 Style: Changes that do not affect the meaning of the code (white-space, formatting, etc.).
• 📚 Documentation: Updates to documentation files.
• ⚙️ Build/CI: Changes to the build process or CI configuration.
• 🧹 Chore: Other changes that don't modify src or test files.

Pre-Submission Checklist

• Issue Linked: This PR is linked to an approved GitHub Issue (see "Related GitHub Issue" above).
• Scope: My changes are focused on the linked issue (one major feature/fix per PR).
• Self-Review: I have performed a thorough self-review of my code.
• Code Quality:
  • My code adheres to the project's style guidelines.
  • There are no new linting errors or warnings (npm run lint).
  • All debug code (e.g., console.log) has been removed.
• Testing:
  • New and/or updated tests have been added to cover my changes.
  • All tests pass locally (npm test).
  • The application builds successfully with my changes.
• Branch Hygiene: My branch is up-to-date (rebased) with the main branch.
• Documentation Impact: I have considered if my changes require documentation updates (see "Documentation Updates" section below).
• Changeset: A changeset has been created using npm run changeset if this PR includes user-facing changes or dependency updates.
• Contribution Guidelines: I have read and agree to the Contributor Guidelines.

Screenshots / Videos

Documentation Updates

Additional Notes

Get in Touch

---

Important

Limit MCP execution response height to 384px and make it scrollable in McpExecution.tsx.

• UI Changes:
  • In McpExecution.tsx, set max-h-96 (384px) for ResponseContainerInternal to limit response height.
  • Add overflow-y-auto to make content scrollable when exceeding 384px.
  • Applies to both cases: with and without hasArguments.

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

[samhvw8]

[daniel-lxs]

Good idea