fix: truncate long MCP server names with tooltip on hover

[roomote]

Related GitHub Issue

Closes: #11188

Description

This PR attempts to address Issue #11188. When users have long MCP server names configured, the name pushes the refresh, delete, and toggle buttons out of the visible window area.

Changes made:

• Added text truncation styles (overflow: hidden, textOverflow: ellipsis, whiteSpace: nowrap, minWidth: 0) to the server name span to properly truncate long names
• Wrapped the server name in a StandardTooltip component to show the full name on hover when truncated
• Added flexShrink: 0 to the buttons container to prevent action buttons from being pushed out of view

Feedback and guidance are welcome.

Test Procedure

1. Configure an MCP server with a long name (e.g., "this-is-a-really-long-mcp-server-name-that-should-overflow")
2. Resize the Roo Code panel to a smaller width
3. Verify that the server name is truncated with an ellipsis
4. Hover over the truncated name to see the full name in a tooltip
5. Verify that the delete, refresh, status indicator, and toggle buttons remain visible and accessible

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.
• Testing: New and/or updated tests have been added to cover my changes (if applicable).
• Documentation Impact: I have considered if my changes require documentation updates (see "Documentation Updates" section below).
• Contribution Guidelines: I have read and agree to the Contributor Guidelines.

Documentation Updates

• No documentation updates are required.

Additional Notes

The fix uses the existing StandardTooltip component which is already imported and used elsewhere in the MCP view. All tests pass and TypeScript type checking completes without errors.

---

Important

Truncates long MCP server names with ellipsis and adds tooltips for full names in McpView.tsx, ensuring buttons remain visible.

• Behavior:
  • Truncates long MCP server names with ellipsis in ServerRow in McpView.tsx.
  • Displays full server name in a tooltip on hover using StandardTooltip.
  • Ensures action buttons remain visible by adding flexShrink: 0 to their container.
• Styling:
  • Adds styles overflow: hidden, textOverflow: ellipsis, whiteSpace: nowrap, minWidth: 0 to server name span in ServerRow.

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

[roomote]

Rooviewer   See task on Roo Cloud

Review complete. No issues found.

The implementation correctly addresses the truncation issue using standard CSS techniques and existing components.

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