fix: 修复滚动，新增safelist

[YunaElyne]

变更内容

• 新功能
• 修复 Bug
• 增强重构
• 其他（请描述）

简要描述本次 PR 的主要变更内容。

相关 Issue

请关联相关 Issue（如有）：#编号

检查清单

默认已勾选，如不满足，请检查。

• 已在本地测试通过
• 已补充/更新相关文档
• 已添加测试用例
• 代码风格已经过 pre-commit 钩子检查

其他说明

如有特殊说明或注意事项，请补充。

Sourcery 总结

使 Mcp 组件容器启用垂直滚动，并确保 Tailwind 通过将其添加到 safelist 中来包含未引用的实用程序类。

错误修复：

• 通过将主容器上的 overflow-hidden 替换为 overflow-y-auto 来修复 Mcp 组件中的滚动问题。

功能增强：

• 在 index.css 中添加一个内联 safelist 指令，以包含未直接出现在源代码中的特定实用程序类。

Original summary in English

Summary by Sourcery

Enable vertical scrolling in the Mcp component container and ensure Tailwind includes non-referenced utility classes by adding them to a safelist.

Bug Fixes:

• Fix scrolling in the Mcp component by replacing overflow-hidden with overflow-y-auto on the main container.

Enhancements:

• Add an inline safelist directive in index.css to include specific utility classes that don’t appear directly in the source code.

[sourcery-ai]

审阅者指南（小型PRs上折叠）

审阅者指南

此PR通过将隐藏的溢出替换为垂直自动滚动来增强可滚动性，并添加了一个实用类安全列表，以确保Tailwind为源文件中不存在的类生成样式。

安全列表实用类添加的类图

classDiagram
    class Safelist {
      +to-neutral-100
      +to-indigo-700
      +from-indigo-100/80
      +backdrop-blur-xl
      +to-purple-100/60
      +min-w-xl
      +to-purple-500
      +overflow-y-auto
      +max-h-64
      +overflow-hidden
      +translate-x-5
      +translate-x-0
    }

Loading

文件级别更改

更改	详细信息	文件
添加了非源类的安全列表	引入了@source内联块 列举了要包含在构建中的缺失实用类	web/index.css
在主容器上启用了垂直滚动	将overflow-hidden替换为overflow-y-auto	web/src/app/Mcp.tsx

---

提示和命令

与Sourcery互动

• 触发新审阅： 在拉取请求上评论@sourcery-ai review。
• 继续讨论： 直接回复Sourcery的审阅评论。
• 从审阅评论生成GitHub issue： 通过回复Sourcery的审阅评论，要求它创建一个issue。您也可以回复审阅评论并输入@sourcery-ai issue来从中创建issue。
• 生成拉取请求标题： 随时在拉取请求标题的任意位置输入@sourcery-ai即可生成标题。您也可以在拉取请求上评论@sourcery-ai title来随时（重新）生成标题。
• 生成拉取请求摘要： 随时在拉取请求正文的任意位置输入@sourcery-ai summary即可在您想要的位置生成PR摘要。您也可以在拉取请求上评论@sourcery-ai summary来随时（重新）生成摘要。
• 生成审阅者指南： 在拉取请求上评论@sourcery-ai guide来随时（重新）生成审阅者指南。
• 解决所有Sourcery评论： 在拉取请求上评论@sourcery-ai resolve来解决所有Sourcery评论。如果您已经解决了所有评论并且不想再看到它们，这会很有用。
• 驳回所有Sourcery审阅： 在拉取请求上评论@sourcery-ai dismiss来驳回所有现有的Sourcery审阅。如果您想重新开始新的审阅，这尤其有用——别忘了评论@sourcery-ai review来触发新的审阅！

自定义您的体验

访问您的仪表盘以：

• 启用或禁用审阅功能，例如Sourcery生成的拉取请求摘要、审阅者指南等。
• 更改审阅语言。
• 添加、删除或编辑自定义审阅说明。
• 调整其他审阅设置。

获取帮助

• 联系我们的支持团队以获取问题或反馈。
• 访问我们的文档以获取详细指南和信息。
• 通过在X/Twitter、LinkedIn或GitHub上关注我们，与Sourcery团队保持联系。

Original review guide in English

Reviewer's guide (collapsed on small PRs)

Reviewer's Guide

This PR enhances scrollability by replacing a hidden overflow with vertical auto-scrolling and adds a safelist of utility classes to ensure Tailwind generates styles for classes not present in source files.

Class diagram for safelist utility classes addition

classDiagram
    class Safelist {
      +to-neutral-100
      +to-indigo-700
      +from-indigo-100/80
      +backdrop-blur-xl
      +to-purple-100/60
      +min-w-xl
      +to-purple-500
      +overflow-y-auto
      +max-h-64
      +overflow-hidden
      +translate-x-5
      +translate-x-0
    }

Loading

File-Level Changes

Change	Details	Files
Added safelist for non-source classes	Introduced @source inline block Enumerated missing utility classes to be included in build	web/index.css
Enabled vertical scrolling on the main container	Replaced overflow-hidden with overflow-y-auto	web/src/app/Mcp.tsx

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it. You can also reply to a
  review comment with @sourcery-ai issue to create an issue from it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time. You can also comment
  @sourcery-ai title on the pull request to (re-)generate the title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time exactly where you
  want it. You can also comment @sourcery-ai summary on the pull request to
  (re-)generate the summary at any time.
• Generate reviewer's guide: Comment @sourcery-ai guide on the pull
  request to (re-)generate the reviewer's guide at any time.
• Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
  pull request to resolve all Sourcery comments. Useful if you've already
  addressed all the comments and don't want to see them anymore.
• Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
  request to dismiss all existing Sourcery reviews. Especially useful if you
  want to start fresh with a new review - don't forget to comment
  @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

你好 - 我已审阅了你的更改 - 以下是一些反馈：

• 考虑将这些 safelist 条目移到你的 tailwind.config.js safelist 数组中，而不是在 index.css 中使用内联 @source 块，以提高可维护性。
• 切换到 overflow-y-auto 后，检查是否仍需要显式处理水平溢出（例如 overflow-x-hidden），以防止意外的侧向滚动。
• 审查 safelist 中的类，并移除任何在应用程序中未实际使用的类，以避免生成不必要的 CSS。

AI 代理的提示

请处理此代码审查中的评论：

## 总体评论
- 考虑将这些 safelist 条目移到你的 tailwind.config.js safelist 数组中，而不是在 index.css 中使用内联 @source 块，以提高可维护性。
- 切换到 overflow-y-auto 后，检查是否仍需要显式处理水平溢出（例如 overflow-x-hidden），以防止意外的侧向滚动。
- 审查 safelist 中的类，并移除任何在应用程序中未实际使用的类，以避免生成不必要的 CSS。

---

Sourcery 对开源免费 - 如果你喜欢我们的评论，请考虑分享它们 ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{帮助我更有用！请在每个评论上点击 👍 或 👎，我将利用这些反馈来改进你的评论。}

Original comment in English

Hey there - I've reviewed your changes - here's some feedback:

• Consider moving those safelist entries into your tailwind.config.js safelist array instead of using an inline @source block in index.css for better maintainability.
• After switching to overflow-y-auto, check whether you still need to explicitly handle horizontal overflow (e.g. overflow-x-hidden) to prevent unintended side-scrolling.
• Review the safelisted classes and remove any that aren’t actually used in the app to avoid generating unnecessary CSS.

Prompt for AI Agents

Please address the comments from this code review:

## Overall Comments
- Consider moving those safelist entries into your tailwind.config.js safelist array instead of using an inline @source block in index.css for better maintainability.
- After switching to overflow-y-auto, check whether you still need to explicitly handle horizontal overflow (e.g. overflow-x-hidden) to prevent unintended side-scrolling.
- Review the safelisted classes and remove any that aren’t actually used in the app to avoid generating unnecessary CSS.

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}