Skip to content

UI - MCP Server modal "breaks" when tool description contains a line-break #115

@Vahor

Description

@Vahor

Hello ! I have a mcp server with tool containing markdown and new-lines in description.

And it appears that new-lines breaks the modal design, text gets out of bound.

repro screen:

Image

With many tools / multiple mcp. This gets unreadable, search box gets unusable too.

Clipboard-20260522-204300-102.mp4

Note that I have the same issue when disabling my other extensions

The expected behavior would be to have the text on new line fit the modal box.

| Hello world. |
| New line.    |

Mcp server code for reproduction:

import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";

const server = new McpServer({
  name: "debug",
  version: "0.1.0",
});

server.registerTool(
  "fake_tool",
  {
    description: "Hello world.\nNew line.", // <-- New line here
  },
  async () => ({
    content: [],
  }),
);

async function main() {
  const transport = new StdioServerTransport();
  await server.connect(transport);
}

main();

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions