feat: allow tracking newly-opened tabs in Chrome extension (#272)

Author: yuyutaotao

apps/site/docs/en/API.md

@@ -31,8 +31,8 @@ The main capabilities of Midscene are as follows, and your task will be split in
 Currently, Midscene can't plan steps that include conditions and loops.
 
 Related Docs:
-* [FAQ: Can Midscene smartly plan the actions according to my one-line goal? Like executing "Tweet 'hello world'](./faq.html)
-* [Prompting Tips](./prompting-tips.html)
+* [FAQ: Can Midscene smartly plan the actions according to my one-line goal? Like executing "Tweet 'hello world'](./faq)
+* [Prompting Tips](./prompting-tips)
 
 ## `.aiQuery(dataDemand: any)` - extract any data from page
 

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

@@ -40,7 +40,7 @@ or you can use a `.env` file to store the configuration
 OPENAI_API_KEY="sk-abcdefghijklmnopqrstuvwxyz"
 ```
 
-or you may [customize model and provider](./model-provider.html)
+or you may [customize model and provider](./model-provider)
 
 ## Start
 
@@ -202,7 +202,7 @@ You can use the environment variable in the `.yaml` file like this:
 ## Use bridge mode
 By using bridge mode, you can utilize YAML scripts to automate the web browser on your desktop. This is particularly useful if you want to reuse cookies, plugins, and page states, or if you want to manually interact with automation scripts.
 
-See [Bridge Mode by Chrome Extension](./bridge-mode-by-chrome-extension.html) for more details.
+See [Bridge Mode by Chrome Extension](./bridge-mode-by-chrome-extension) for more details.
 
 ## FAQ
 
@@ -212,4 +212,4 @@ You can use this [chrome extension](https://chromewebstore.google.com/detail/get
 
 ## More
 
-You may also be interested in [Prompting Tips](./prompting-tips.html)
+You may also be interested in [Prompting Tips](./prompting-tips)

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

@@ -14,7 +14,7 @@ you can check the demo project of bridge mode here: [https://github.com/web-infr
 
 ## Preparation
 
-1. Config the OpenAI API key, or [customize model and provider](./model-provider.html)
+1. Config the OpenAI API key, or [customize model and provider](./model-provider)
 
 ```bash
 # replace with your own

apps/site/docs/en/faq.md

@@ -4,7 +4,7 @@
 
 No. Midscene is an automation assistance SDK with a key feature of action stability — ensuring the same actions are performed in each run. To maintain this stability, we encourage you to provide detailed instructions to help the AI understand each step of your task.
 
-Related Docs: [Prompting Tips](./prompting-tips.html)
+Related Docs: [Prompting Tips](./prompting-tips)
 
 ## Limitations
 
@@ -17,7 +17,7 @@ There are some limitations with Midscene. We are still working on them.
 
 ## Can I use a model other than `gpt-4o`?
 
-Yes. You can [customize model and provider](./model-provider.html) if needed.
+Yes. You can [customize model and provider](./model-provider) if needed.
 
 ## About the token cost
 

apps/site/docs/en/index.mdx

@@ -69,8 +69,8 @@ Midscene will provide a visual report after each run. With this report, you can
 
 ## Customize Model
 
-Currently, the model we are using by default is the OpenAI GPT-4o model, while you can [customize it to a different multimodal model](./model-provider.html) if needed.
+Currently, the model we are using by default is the OpenAI GPT-4o model, while you can [customize it to a different multimodal model](./model-provider) if needed.
 
 ## Start with Chrome Extension
 
-To quickly experience the main features of Midscene, you can use the [Chrome Extension](./quick-experience.html). It allows you to use Midscene on any webpage without writing any code.
+To quickly experience the main features of Midscene, you can use the [Chrome Extension](./quick-experience). It allows you to use Midscene on any webpage without writing any code.

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

@@ -12,7 +12,7 @@ you can check the demo project of Playwright here: [https://github.com/web-infra
 
 ## Preparation
 
-Config the OpenAI API key, or [customize model and provider](./model-provider.html)
+Config the OpenAI API key, or [customize model and provider](./model-provider)
 
 ```bash
 # replace with your own
@@ -91,4 +91,4 @@ After the above command executes successfully, the console will output: `Midscen
 
 ## More
 
-You may also be interested in [Prompting Tips](./prompting-tips.html)
+You may also be interested in [Prompting Tips](./prompting-tips)

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

@@ -13,7 +13,7 @@ There is also a demo of Puppeteer with Vitest: [https://github.com/web-infra-dev
 
 ## Preparation
 
-Config the OpenAI API key, or [customize model and provider](./model-provider.html)
+Config the OpenAI API key, or [customize model and provider](./model-provider)
 
 ```bash
 # replace with your own
@@ -98,4 +98,4 @@ After the above command executes successfully, the console will output: `Midscen
 
 ## More
 
-You may also be interested in [Prompting Tips](./prompting-tips.html)
+You may also be interested in [Prompting Tips](./prompting-tips)

apps/site/docs/en/model-provider.md

@@ -1,6 +1,6 @@
 # Customize Model and Provider
 
-Midscene uses the OpenAI SDK to call AI services. You can customize the configuration using environment variables. All the configs can also be used in the [Chrome Extension](./quick-experience.html).
+Midscene uses the OpenAI SDK to call AI services. You can customize the configuration using environment variables. All the configs can also be used in the [Chrome Extension](./quick-experience).
 
 These are the main configs, in which `OPENAI_API_KEY` is required.
 
@@ -65,7 +65,7 @@ If you want to use other models, please follow these steps:
 
 1. Choose a model that supports image input (a.k.a. multimodal model).
 2. Find out how to to call it with an OpenAI SDK compatible endpoint. Usually you should set the `OPENAI_BASE_URL`, `OPENAI_API_KEY` and `MIDSCENE_MODEL_NAME`.
-3. If you find it not working well after changing the model, you can try using some short and clear prompt (or roll back to the previous model). See more details in [Prompting Tips](./prompting-tips.html).
+3. If you find it not working well after changing the model, you can try using some short and clear prompt (or roll back to the previous model). See more details in [Prompting Tips](./prompting-tips).
 4. Remember to follow the terms of use of each model.
 
 ## Example: Using `claude-3-opus-20240229` from Anthropic

apps/site/docs/en/quick-experience.mdx

@@ -20,7 +20,7 @@ Start the extension (may be folded by default), setup the config by pasting the
 OPENAI_API_KEY="sk-replace-by-your-own"
 ```
 
-You can also paste the configuration as described in [customize model and provider](./model-provider.html) here.
+You can also paste the configuration as described in [customize model and provider](./model-provider) here.
 
 ## Start experiencing
 

apps/site/docs/zh/API.md

@@ -31,8 +31,8 @@ await mid.ai('点击任务列表下方的 "completed" 状态按钮');
 目前，Midscene 无法规划包含条件和循环的步骤。
 
 关联文档:
-* [FAQ: Midscene 能否根据一句话指令实现智能操作？比如执行 "发一条微博"'](./faq.html)
-* [编写提示词的技巧](./prompting-tips.html)
+* [FAQ: Midscene 能否根据一句话指令实现智能操作？比如执行 "发一条微博"'](./faq)
+* [编写提示词的技巧](./prompting-tips)
 
 ## `.aiQuery(dataShape: any)` - 从页面提取数据