Add comprehensive FAQ questions with Chinese and English versions covering markdown, Vue, think tags, and mobile adaptation #1117

Copilot · 2025-08-19T01:31:33Z

This PR adds four comprehensive FAQ questions to address common user inquiries, with complete translations in both Chinese and English:

Added FAQ Questions

1. How to use markdown rendering? (如何使用 markdown 渲染？)

Provides practical guidance on using markdown-it library with the Bubble component's messageRender prop, including a complete code example. References upcoming Ant Design X 2.0 built-in markdown rendering support.

2. Is there a Vue version? (是否有 Vue 版本？)

Clarifies that Ant Design X currently only supports React and explains the project's focus on the React ecosystem, while encouraging community contribution for potential future framework support.

3. How to render `<think>` tags? (如何渲染 `<think>` 标签？)

Explains both current implementation approaches: custom message transformation (referencing the copilot.tsx implementation) and the ThoughtChain component. References the upcoming Think component in 2.0 with proper PR link.

4. How to adapt to mobile? (如何适配移动端？)

Offers concrete suggestions for mobile adaptation including responsive layouts, component sizing, and touch interaction optimizations.

Key Features

Bilingual Support: Complete English and Chinese versions for international accessibility
Practical Examples: All answers include working code examples based on existing components
Future Roadmap: References upcoming 2.0 features with proper documentation links
Current Best Practices: References existing implementation patterns from copilot.tsx

The content was carefully researched from existing component demos and codebase to ensure accuracy and consistency with the project's patterns.

Fixes #534.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot · 2025-08-19T01:31:35Z

@afc163 👋 This repository doesn't have Copilot instructions. With Copilot instructions, I can understand the repository better, work faster and produce higher quality PRs.

I can generate a .github/copilot-instructions.md file for you automatically. Click here to open a pre-filled issue and assign it to me. I'll write the instructions, and then tag you for review.

cloudflare-workers-and-pages · 2025-08-19T01:36:36Z

Deploying ant-design-x with Cloudflare Pages

Latest commit:	`bcfb021`
Status:	✅ Deploy successful!
Preview URL:	https://00bc9515.ant-design-x.pages.dev
Branch Preview URL:	https://copilot-fix-534-2.ant-design-x.pages.dev

View logs

github-actions · 2025-08-19T01:38:26Z

codecov · 2025-08-19T01:39:20Z

Bundle Report

Changes will decrease total bundle size by 38 bytes (-0.03%) ⬇️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
antdx-array-push	139.72kB	-38 bytes (-0.03%) ⬇️

Affected Assets, Files, and Routes:

view changes for bundle: antdx-array-push

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
`antdx.min.js`	-38 bytes	139.72kB	-0.03%

coderabbitai · 2025-08-19T01:40:18Z

Note

Other AI code review bot(s) detected

CodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review.

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

Review comments: Directly reply to a review comment made by CodeRabbit. Example:
- I pushed a fix in commit <commit_id>, please review it.
- Open a follow-up GitHub issue for this discussion.
Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
- @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
- @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Join our Discord community for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (`.coderabbit.yaml`)

You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
Please see the configuration documentation for more information.
If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

Visit our Status Page to check the current availability of CodeRabbit.
Visit our Documentation for detailed information on how to use CodeRabbit.
Join our Discord Community to get help, request features, and share feedback.
Follow us on X/Twitter for updates and announcements.

github-actions · 2025-08-19T01:40:45Z

size-limit report 📦

Path	Size
`dist/antdx.min.js`	47.3 KB

Co-authored-by: afc163 <[email protected]>

afc163 · 2025-08-19T01:53:32Z

@copilot

补充信息，我们会在 2.0 里支持 markdown 渲染：[RFC] Markdown渲染器 #863
缺少英文版本。
<think> 的渲染方式目前可以参考 https://github.com/ant-design/x/blob/main/docs/playground/copilot.tsx 。另外 2.0 里也将支持 Think 组件：feat: add think component #946

Co-authored-by: afc163 <[email protected]>

Copilot · 2025-08-19T01:58:04Z

@copilot

补充信息，我们会在 2.0 里支持 markdown 渲染：[RFC] Markdown渲染器 #863
...

Thanks for the feedback! I've made the following updates in commit cc65158:

补充信息: Updated the markdown FAQ to mention that Ant Design X 2.0 will have built-in markdown rendering support
英文版本: Added complete English translations for all four FAQ questions
标签: Updated the think tags FAQ to reference the copilot.tsx implementation approach and mention the upcoming Think component in 2.0

The FAQ now provides both current implementation approaches and information about the upcoming 2.0 features for markdown rendering and Think component support.

afc163 · 2025-08-19T02:08:03Z

docs/react/faq.zh-CN.md

+
+更多实现方式可以参考 [Copilot 示例](https://github.com/ant-design/x/blob/main/docs/playground/copilot.tsx) 和 [ThoughtChain 组件文档](/components/thought-chain-cn)。
+
+> **📢 即将到来**: Ant Design X 2.0 版本将新增 Think 组件，专门用于展示 AI 思考过程，提供更便捷的思维链渲染方案。


@copilot 需要给 PR 链接。

Added PR link to the Think component announcement in both Chinese and English versions. Changes committed in ef54b03.

afc163 · 2025-08-19T02:08:09Z

docs/react/faq.zh-CN.md

+
+更多详细示例请参考 [Bubble Markdown 示例](/components/bubble-cn#components-bubble-demo-markdown)。
+
+> **📢 即将到来**: Ant Design X 2.0 版本将内置 markdown 渲染支持，无需额外配置即可直接渲染 markdown 内容。


@copilot 需要给 RFC 的链接。

Co-authored-by: afc163 <[email protected]>

codecov · 2025-08-19T07:59:49Z

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 92.45%. Comparing base (7fc66fc) to head (bcfb021).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1117   +/-   ##
=======================================
  Coverage   92.45%   92.45%           
=======================================
  Files          69       69           
  Lines        1577     1577           
  Branches      426      427    +1     
=======================================
  Hits         1458     1458           
  Misses        119      119

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

Initial plan

a8a4eb0

Copilot AI assigned Copilot and afc163 Aug 19, 2025

Copilot started work on behalf of afc163 August 19, 2025 01:31 View session

Merge branch 'main' into copilot/fix-534-2

29c15be

Add FAQ questions about markdown, Vue, think tags, and mobile adaptation

e57bf5c

Co-authored-by: afc163 <[email protected]>

Copilot AI changed the title ~~[WIP] FAQ 补充几个问题~~ Add FAQ questions about markdown rendering, Vue version, think tags, and mobile adaptation Aug 19, 2025

Copilot AI requested a review from afc163 August 19, 2025 01:46

Copilot finished work on behalf of afc163 August 19, 2025 01:46

Copilot started work on behalf of afc163 August 19, 2025 01:53 View session

Update FAQ with 2.0 info and add English translations

cc65158

Co-authored-by: afc163 <[email protected]>

Copilot AI changed the title ~~Add FAQ questions about markdown rendering, Vue version, think tags, and mobile adaptation~~ Add comprehensive FAQ questions with Chinese and English versions covering markdown, Vue, think tags, and mobile adaptation Aug 19, 2025

Copilot finished work on behalf of afc163 August 19, 2025 02:00

afc163 reviewed Aug 19, 2025

View reviewed changes

Copilot started work on behalf of afc163 August 19, 2025 02:08 View session

Add PR link to Think component announcement in FAQ

ef54b03

Co-authored-by: afc163 <[email protected]>

Copilot AI requested a review from afc163 August 19, 2025 02:12

Copilot finished work on behalf of afc163 August 19, 2025 02:12

afc163 added 2 commits August 26, 2025 10:20

Merge branch 'main' into copilot/fix-534-2

1e57d2a

Merge branch 'main' into copilot/fix-534-2

bcfb021

afc163 approved these changes Aug 26, 2025

View reviewed changes

dosubot bot added the lgtm This PR has been approved by a maintainer label Aug 26, 2025


		更多实现方式可以参考 [Copilot 示例](https://github.com/ant-design/x/blob/main/docs/playground/copilot.tsx) 和 [ThoughtChain 组件文档](/components/thought-chain-cn)。

		> 📢 即将到来: Ant Design X 2.0 版本将新增 Think 组件，专门用于展示 AI 思考过程，提供更便捷的思维链渲染方案。


		更多详细示例请参考 [Bubble Markdown 示例](/components/bubble-cn#components-bubble-demo-markdown)。

		> 📢 即将到来: Ant Design X 2.0 版本将内置 markdown 渲染支持，无需额外配置即可直接渲染 markdown 内容。

Uh oh!

Add comprehensive FAQ questions with Chinese and English versions covering markdown, Vue, think tags, and mobile adaptation #1117

Are you sure you want to change the base?

Add comprehensive FAQ questions with Chinese and English versions covering markdown, Vue, think tags, and mobile adaptation #1117

Uh oh!

Conversation

Copilot AI commented Aug 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Added FAQ Questions

1. How to use markdown rendering? (如何使用 markdown 渲染？)

2. Is there a Vue version? (是否有 Vue 版本？)

3. How to render <think> tags? (如何渲染 <think> 标签？)

4. How to adapt to mobile? (如何适配移动端？)

Key Features

Uh oh!

Copilot AI commented Aug 19, 2025

Uh oh!

cloudflare-workers-and-pages bot commented Aug 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying ant-design-x with Cloudflare Pages

Uh oh!

github-actions bot commented Aug 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codecov bot commented Aug 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Bundle Report

Affected Assets, Files, and Routes:

Assets Changed:

Uh oh!

coderabbitai bot commented Aug 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Other AI code review bot(s) detected

Review skipped

Chat

Support

CodeRabbit Commands (Invoked using PR/Issue comments)

Other keywords and placeholders

CodeRabbit Configuration File (.coderabbit.yaml)

Status, Documentation and Community

Uh oh!

github-actions bot commented Aug 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

size-limit report 📦

Uh oh!

afc163 commented Aug 19, 2025

Uh oh!

Copilot AI commented Aug 19, 2025

Uh oh!

afc163 Aug 19, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 19, 2025

Choose a reason for hiding this comment

Uh oh!

afc163 Aug 19, 2025

Choose a reason for hiding this comment

Uh oh!

codecov bot commented Aug 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

Uh oh!

Copilot AI commented Aug 19, 2025 •

edited

Loading

3. How to render `<think>` tags? (如何渲染 `<think>` 标签？)

cloudflare-workers-and-pages bot commented Aug 19, 2025 •

edited

Loading

github-actions bot commented Aug 19, 2025 •

edited

Loading

codecov bot commented Aug 19, 2025 •

edited

Loading

coderabbitai bot commented Aug 19, 2025 •

edited

Loading

CodeRabbit Configuration File (`.coderabbit.yaml`)

github-actions bot commented Aug 19, 2025 •

edited

Loading

codecov bot commented Aug 19, 2025 •

edited

Loading