docs(deps): upgrade Rspress to beta.24 and add LlmsCopyButton (#985)

* chore: update

* docs(deps): upgrade Rspress to beta.24

* docs(fix): lint

* chore: update the lock

* chore(docs): add more features, lastUpdated and editLink

* chore(docs): lint

Author: SoonIter

apps/site/docs/en/API.mdx renamed to apps/site/docs/en/api.mdx

@@ -36,7 +36,7 @@ You can find a sample project that uses YAML scripts for automation here:
 
 Alternatively, you can use a `.env` file in the same directory where you run the command to store your configuration. The Midscene command-line tool will automatically load it when running a YAML script.
 
-```env filename=.env
+```ini filename=.env
 OPENAI_API_KEY="sk-abcdefghijklmnopqrstuvwxyz"
 ```
 
@@ -350,7 +350,7 @@ You can use environment variables in your `.yaml` files with the `${variable-nam
 
 For example, if you have a `.env` file with the following content:
 
-```env filename=.env
+```ini filename=.env
 topic=weather today
 ```
 

apps/site/docs/en/automate-with-scripts-in-yaml.mdx

@@ -149,7 +149,7 @@ const userList = await agent.aiQuery('string[], the user list')
 
 ### Instant Action Methods
 
-Midscene provides some instant action methods, like `aiTap`, `aiInput`, `aiScroll`, `aiHover`, etc., They are also commonly used in the automation code. You can check them in the [API](./API) page.
+Midscene provides some instant action methods, like `aiTap`, `aiInput`, `aiScroll`, `aiHover`, etc., They are also commonly used in the automation code. You can check them in the [API](./api.mdx) page.
 
 ## Want to Write Structured Code Easily ?
 
@@ -158,7 +158,7 @@ If you think the javascript code is hard to write, then this is the right time t
 Use your AI IDE to index the following documents:
 
 - https://midscenejs.com/blog-programming-practice-using-structured-api.md
-- https://midscenejs.com/API.md
+- https://midscenejs.com/api.md
 
 :::tip
 How to add the Midscene documents to the AI IDE?
@@ -169,7 +169,7 @@ Refer to [this article](./llm-txt.mdx#usage).
 
 And use this prompt with the mention of the Midscene documents:
 
-```
+```txt
 According to the tips and APIs mentioned in @Use JavaScript to Optimize the Midscene Al Automation Code and @@Midscene API docs,
 
 please help me convert the following instructions into structured javascript code:
@@ -199,6 +199,4 @@ Generally, if you encounter the following situations, you should consider abando
 
 To achieve better performance, you can check the [Midscene caching feature](./caching) to cache the planning and xpath results.
 
-To learn more about the structured API, you can check the [API reference](./API).
-
-
+To learn more about the structured API, you can check the [API reference](./api.mdx).

apps/site/docs/en/blog-programming-practice-using-structured-api.md

@@ -82,13 +82,13 @@ import { AgentOverChromeBridge } from "@midscene/web/bridge-mode";
 const agent = new AgentOverChromeBridge();
 ```
 
-Except [the normal parameters in the agent constructor](./api), `AgentOverChromeBridge` accepts one more parameter:
+Except [the normal parameters in the agent constructor](./api.mdx), `AgentOverChromeBridge` accepts one more parameter:
 
 * `closeNewTabsAfterDisconnect?: boolean`: If true, the newly created tab will be closed when the bridge is destroyed. Default is false.
 
 ## Methods
 
-Except [the normal agent interface](./api), `AgentOverChromeBridge` provides some other interfaces to control the desktop Chrome.
+Except [the normal agent interface](./api.mdx), `AgentOverChromeBridge` provides some other interfaces to control the desktop Chrome.
 
 :::info
 You should always call `connectCurrentTab` or `connectNewTabWithUrl` before doing further actions.

apps/site/docs/en/bridge-mode-by-chrome-extension.mdx

@@ -96,7 +96,7 @@ You can remove the cache file in the `cache` directory, or edit the contents in
 
 You can use the `cacheable` option to disable the cache for a single API.
 
-Please refer to the documentation of the corresponding [API](./API.mdx) for details.
+Please refer to the documentation of the corresponding [API](./api.mdx) for details.
 
 ### Limitations of XPath in caching element location
 

apps/site/docs/en/caching.mdx

@@ -148,7 +148,7 @@ Add the `_unstableLogContent` API to the agent. Get the execution process data o
 
 The report is generated based on this data, which means you can customize your own report using this data.
 
-Read more: [API documentation](./API.mdx#agent_unstablelogcontent)
+Read more: [API documentation](./api.mdx#agent_unstablelogcontent)
 
 ### CLI Support for Adjusting Midscene Env Variable Priority
 
@@ -228,7 +228,7 @@ const agent = await agentFromAdbDevice('s4ey59', {
 
 Upgrade now to experience these powerful new features! 
 
-* [Custom Report Node API documentation](/en/API.mdx#log-screenshot)
+* [Custom Report Node API documentation](/en/api.mdx#log-screenshot)
 
 * [API documentation for more Android configuration items](/en/integrate-with-android.mdx#androiddevice-constructor)
 
@@ -322,7 +322,7 @@ Refactor cache file format from json to yaml, improve readability.
 
 <video src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ozpmyhn_lm_hymuPild/ljhwZthlaukjlkulzlp/midscene/en-midscene-mcp-Sauce-Demo.mp4" controls/>
 
-Read more: [MCP](./mcp.mdx)
+Read more: [MCP](./web-mcp.mdx)
 
 ### Support structured API for agent 
 

apps/site/docs/en/changelog.mdx

@@ -28,7 +28,7 @@ the login button
 
 Enjoy !
 
-> For the different between "Auto Planning" and "Instant Action", please refer to the [API](../API.html) document.
+> For the different between "Auto Planning" and "Instant Action", please refer to the [API](../api.mdx) document.
 
 ## Want to write some code ?
 

apps/site/docs/en/common/start-experience.mdx

@@ -41,7 +41,7 @@ The screenshot will be sent to the AI model. If you are using GPT-4o, some key i
 When using multimodal LLM in Midscene.js, the running time may increase by a factor of 3 to 10 compared to traditional Playwright scripts, for instance from 5 seconds to 20 seconds. To make the result more stable, the token and time cost is inevitable.
 
 There are several ways to improve the running time:
-1. Use instant action interface like `agent.aiTap('Login Button')` instead of `agent.ai('Click Login Button')`. Read more about it in [API](./API).
+1. Use instant action interface like `agent.aiTap('Login Button')` instead of `agent.ai('Click Login Button')`. Read more about it in [API](./api.mdx).
 2. Use a dedicated model and deploy it yourself, like UI-TARS. This is the recommended way. Read more about it in [Choose a model](./choose-a-model).
 3. Use a lower resolution if possible.
 4. Use caching to accelerate the debug process. Read more about it in [Caching](./caching).

apps/site/docs/en/faq.md

@@ -114,7 +114,7 @@ The AndroidDevice constructor supports the following parameters:
 
 ## More interfaces in AndroidAgent
 
-Except the common agent interfaces in [API Reference](./API), AndroidAgent also provides some other interfaces:
+Except the common agent interfaces in [API Reference](./api.mdx), AndroidAgent also provides some other interfaces:
 
 ### `agent.launch()`
 
@@ -163,7 +163,7 @@ function agentFromAdbDevice(
 - Parameters:
 
   - `deviceId?: string` - Optional, the adb device id to connect. If not provided, the first connected device will be used.
-  - `opts?: PageAgentOpt & AndroidDeviceOpt` - Optional, the options for the AndroidAgent, PageAgentOpt refer to [constructor](./API), AndroidDeviceOpt refer to [AndroidDevice constructor](./integrate-with-android#androiddevice-constructor).
+  - `opts?: PageAgentOpt & AndroidDeviceOpt` - Optional, the options for the AndroidAgent, PageAgentOpt refer to [constructor](./api.mdx), AndroidDeviceOpt refer to [AndroidDevice constructor](./integrate-with-android#androiddevice-constructor).
 
 - Return Value:
 
@@ -216,7 +216,7 @@ const agent = await agentFromAdbDevice(devices[0].udid);
 
 ## More
 
-- For all the APIs on the Agent, please refer to [API Reference](./API).
+- For all the APIs on the Agent, please refer to [API Reference](./api.mdx).
 - For more details about prompting, please refer to [Prompting Tips](./prompting-tips)
 
 ## FAQ

apps/site/docs/en/integrate-with-android.mdx

@@ -94,7 +94,7 @@ Promise.resolve(
 );
 ```
 
-For more Agent API details, please refer to [API Reference](./API).
+For more Agent API details, please refer to [API Reference](./api.mdx).
 
 ### Step 3: Run the script
 
@@ -198,7 +198,7 @@ export const test = base.extend<PlayWrightAiFixtureType>(
 - `aiWaitFor` - AI Wait
 - `aiLocate` - Locate Element
 
-Besides the exposed shortcut methods, if you need to call other [API](./API) provided by the agent, you can use `agentForPage` to get the `PageAgent` instance, and use `PageAgent` to call the API for interaction:
+Besides the exposed shortcut methods, if you need to call other [API](./api.mdx) provided by the agent, you can use `agentForPage` to get the `PageAgent` instance, and use `PageAgent` to call the API for interaction:
 
 ```typescript
 test('case demo', async ({ agentForPage, page }) => {
@@ -262,7 +262,7 @@ test('search headphone on ebay', async ({
 });
 ```
 
-For more Agent API details, please refer to [API Reference](./API).
+For more Agent API details, please refer to [API Reference](./api.mdx).
 
 ### Step 4. run test cases
 
@@ -276,5 +276,5 @@ After the command executes successfully, it will output: `Midscene - report file
 
 ## More
 
-- For all the methods on the Agent, please refer to [API Reference](./API).
+- For all the methods on the Agent, please refer to [API Reference](./api.mdx).
 - For more details about prompting, please refer to [Prompting Tips](./prompting-tips)