diff --git a/README.md b/README.md
index fb66d18..761c425 100644
--- a/README.md
+++ b/README.md
@@ -208,7 +208,7 @@ ccr code
 > ccr restart
 > ```
 
-### 4. UI Mode (Beta)
+### 4. UI Mode
 
 For a more intuitive experience, you can use the UI mode to manage your configuration:
 
@@ -220,9 +220,6 @@ This will open a web-based interface where you can easily view and edit your `co
 
 ![UI](/blog/images/ui.png)
 
-> **Note**: The UI mode is currently in beta. 100% vibe coding: including project initialization, I just created a folder and a project.md document, and all code was generated by ccr + qwen3-coder + gemini(webSearch). 
-If you encounter any issues, please submit an issue on GitHub.
-
 #### Providers
 
 The `Providers` array is where you define the different model providers you want to use. Each provider object requires:
@@ -403,6 +400,13 @@ For routing within subagents, you must specify a particular provider and model b
 Please help me analyze this code snippet for potential optimizations...
 ```
 
+## Status Line (Beta)
+To better monitor the status of claude-code-router at runtime, version v1.0.40 includes a built-in statusline tool, which you can enable in the UI.
+![statusline-config.png](/blog/images/statusline-config.png)
+
+The effect is as follows:
+![statusline](/blog/images/statusline.png)
+
 ## 🤖 GitHub Actions
 
 Integrate Claude Code Router into your CI/CD pipeline. After setting up [Claude Code Actions](https://docs.anthropic.com/en/docs/claude-code/github-actions), modify your `.github/workflows/claude.yaml` to use the router:
diff --git a/README_zh.md b/README_zh.md
index c12638c..49315fb 100644
--- a/README_zh.md
+++ b/README_zh.md
@@ -182,7 +182,7 @@ ccr code
 > ccr restart
 > ```
 
-### 4. UI 模式 (Beta)
+### 4. UI 模式
 
 为了获得更直观的体验，您可以使用 UI 模式来管理您的配置：
 
@@ -194,8 +194,6 @@ ccr ui
 
 ![UI](/blog/images/ui.png)
 
-> **注意**: UI 模式目前处于测试阶段。这是一个 100% vibe coding的项目，包括项目的初始化，我只是新建了一个文件夹和一个project.md文档。所有代码均由 ccr + qwen3-coder + gemini(webSearch) 实现。如有问题请提交 issue。
-
 #### Providers
 
 `Providers` 数组是您定义要使用的不同模型提供商的地方。每个提供商对象都需要：
@@ -375,6 +373,12 @@ module.exports = async function router(req, config) {
 请帮我分析这段代码是否存在潜在的优化空间...
 ```
 
+## Status Line (Beta)
+为了在运行时更好的查看claude-code-router的状态，claude-code-router在v1.0.40内置了一个statusline工具，你可以在UI中启用它，
+![statusline-config.png](/blog/images/statusline-config.png)
+
+效果如下：
+![statusline](/blog/images/statusline.png)
 
 ## 🤖 GitHub Actions
 
diff --git a/blog/images/statusline-config.png b/blog/images/statusline-config.png
new file mode 100644
index 0000000..70d7746
Binary files /dev/null and b/blog/images/statusline-config.png differ
diff --git a/blog/images/statusline.png b/blog/images/statusline.png
new file mode 100644
index 0000000..36c6df4
Binary files /dev/null and b/blog/images/statusline.png differ